From d2e8787e72c9be6dd21626bb8fd28713d5758f7e Mon Sep 17 00:00:00 2001 From: "localizeflow[bot]" Date: Thu, 15 Jan 2026 11:13:13 +0000 Subject: [PATCH] chore(i18n): sync translations with latest source changes (chunk 28/44, 100 files) --- .../4-state-management/assignment.md | 2 +- translations/my/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 12 +++---- .../1-using-a-code-editor/assignment.md | 6 ++-- translations/my/9-chat-project/README.md | 10 +++--- translations/my/README.md | 6 ++-- translations/my/for-teachers.md | 4 +-- .../README.md | 2 +- .../2-github-basics/README.md | 4 +-- .../3-accessibility/README.md | 10 +++--- .../ne/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../ne/2-js-basics/4-arrays-loops/README.md | 2 +- .../ne/3-terrarium/1-intro-to-html/README.md | 32 +++++++++---------- .../ne/3-terrarium/2-intro-to-css/README.md | 8 ++--- .../3-intro-to-DOM-and-closures/README.md | 8 ++--- .../ne/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +++--- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 ++-- translations/ne/5-browser-extension/README.md | 2 +- .../ne/5-browser-extension/solution/README.md | 4 +-- .../solution/translation/README.es.md | 4 +-- .../solution/translation/README.fr.md | 4 +-- .../solution/translation/README.hi.md | 4 +-- .../solution/translation/README.it.md | 4 +-- .../solution/translation/README.ja.md | 4 +-- .../solution/translation/README.ms.md | 4 +-- .../ne/5-browser-extension/start/README.md | 4 +-- .../2-drawing-to-canvas/README.md | 8 ++--- .../ne/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../ne/7-bank-project/2-forms/README.md | 10 +++--- .../ne/7-bank-project/3-data/README.md | 8 ++--- .../4-state-management/README.md | 2 +- .../4-state-management/assignment.md | 2 +- translations/ne/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 14 ++++---- .../1-using-a-code-editor/assignment.md | 6 ++-- translations/ne/9-chat-project/README.md | 6 ++-- translations/ne/README.md | 6 ++-- translations/ne/for-teachers.md | 4 +-- .../README.md | 2 +- .../2-github-basics/README.md | 4 +-- .../3-accessibility/README.md | 10 +++--- .../nl/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../nl/2-js-basics/4-arrays-loops/README.md | 2 +- .../nl/3-terrarium/1-intro-to-html/README.md | 32 +++++++++---------- .../nl/3-terrarium/2-intro-to-css/README.md | 8 ++--- .../3-intro-to-DOM-and-closures/README.md | 8 ++--- .../nl/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +++--- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 ++-- translations/nl/5-browser-extension/README.md | 2 +- .../nl/5-browser-extension/solution/README.md | 4 +-- .../solution/translation/README.es.md | 4 +-- .../solution/translation/README.fr.md | 4 +-- .../solution/translation/README.hi.md | 4 +-- .../solution/translation/README.it.md | 4 +-- .../solution/translation/README.ja.md | 4 +-- .../solution/translation/README.ms.md | 4 +-- .../nl/5-browser-extension/start/README.md | 4 +-- .../2-drawing-to-canvas/README.md | 8 ++--- .../nl/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../nl/7-bank-project/2-forms/README.md | 10 +++--- .../nl/7-bank-project/3-data/README.md | 8 ++--- .../4-state-management/README.md | 4 +-- .../4-state-management/assignment.md | 2 +- translations/nl/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 16 +++++----- .../1-using-a-code-editor/assignment.md | 6 ++-- translations/nl/9-chat-project/README.md | 10 +++--- translations/nl/README.md | 2 +- translations/nl/for-teachers.md | 4 +-- .../README.md | 2 +- .../2-github-basics/README.md | 4 +-- .../3-accessibility/README.md | 10 +++--- .../no/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../no/2-js-basics/4-arrays-loops/README.md | 2 +- .../no/3-terrarium/1-intro-to-html/README.md | 32 +++++++++---------- .../no/3-terrarium/2-intro-to-css/README.md | 8 ++--- .../3-intro-to-DOM-and-closures/README.md | 8 ++--- .../no/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +++--- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 ++-- translations/no/5-browser-extension/README.md | 2 +- .../no/5-browser-extension/solution/README.md | 4 +-- .../solution/translation/README.es.md | 4 +-- .../solution/translation/README.fr.md | 4 +-- .../solution/translation/README.hi.md | 4 +-- .../solution/translation/README.it.md | 4 +-- .../solution/translation/README.ja.md | 4 +-- 100 files changed, 280 insertions(+), 280 deletions(-) diff --git a/translations/my/7-bank-project/4-state-management/assignment.md b/translations/my/7-bank-project/4-state-management/assignment.md index ffb109c78..8b0e9823f 100644 --- a/translations/my/7-bank-project/4-state-management/assignment.md +++ b/translations/my/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **မျှော်လင့်ရသော ရလဒ်:** ဒီအလုပ်ကို ပြီးမြောက်ပြီးနောက် သင့်ဘဏ်အက်ပ်တွင် အလှဆင်ထားပြီး အကျိုးရှိသော "ငွေစာရင်း ထည့်သွင်းရန်" လုပ်ဆောင်ချက်တစ်ခု ပါဝင်မည်ဖြစ်ပြီး အောက်ပါပုံစံအတိုင်း လုပ်ဆောင်မှုနှင့် အပြင်အဆင်များကို ပေးစွမ်းနိုင်ရမည်- -![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/dialog.93bba104afeb79f1.my.png) +![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/my/dialog.93bba104afeb79f1.png) ## သင့်အကောင်အထည်ဖော်မှုကို စမ်းသပ်ခြင်း diff --git a/translations/my/7-bank-project/README.md b/translations/my/7-bank-project/README.md index 4bd7c57d6..70f9b0913 100644 --- a/translations/my/7-bank-project/README.md +++ b/translations/my/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: ဒီပရောဂျက်မှာ သင်ဟာ စိတ်ကူးယဉ်ဘဏ်တစ်ခုကို ဘယ်လိုတည်ဆောက်ရမယ်ဆိုတာကို သင်ယူနိုင်ပါမယ်။ ဒီသင်ခန်းစာတွေမှာ ဝက်ဘ်အက်ပ်ကို ဘယ်လိုပုံစံချပြီး လမ်းကြောင်းတွေထည့်ရမယ်၊ ဖောင်တွေတည်ဆောက်ရမယ်၊ state ကို စီမံခန့်ခွဲရမယ်၊ API ကနေ ဒေတာကို ရယူပြီး ဘဏ်ရဲ့ ဒေတာကို ဘယ်လိုရယူရမယ်ဆိုတာကို ရှင်းပြထားပါတယ်။ -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.my.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.my.png) | +| ![Screen1](../../../translated_images/my/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/my/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## သင်ခန်းစာများ diff --git a/translations/my/8-code-editor/1-using-a-code-editor/README.md b/translations/my/8-code-editor/1-using-a-code-editor/README.md index cdf09b759..5be1305f5 100644 --- a/translations/my/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/my/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ Alexander Graham Bell ရဲ့ Telephone က အကွာအဝေးကို အရာအားလုံး Load လုပ်ပြီးနောက်မှာ သင့် Code ကို အာရုံစိုက်နိုင်အောင် Design လုပ်ထားတဲ့ ရိုးရှင်းပြီး လှပတဲ့ Workspace ကို တွေ့ပါမယ်။ -![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.my.png) +![Default VSCode.dev interface](../../../../translated_images/my/default-vscode-dev.5d06881d65c1b323.png) **Neighborhood Tour:** - **Activity Bar** (ဘယ်ဘက် Strip): Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, Settings ⚙️ @@ -233,7 +233,7 @@ VSCode.dev မှာ Fresh Start လုပ်ပြီး Specific Repository 1. [vscode.dev](https://vscode.dev) ကို သွားပါ 2. Welcome Screen မှာ "Open Remote Repository" Button ကို ရှာပြီး Click လုပ်ပါ - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.my.png) + ![Open remote repository](../../../../translated_images/my/open-remote-repository.bd9c2598b8949e7f.png) 3. GitHub Repository URL ကို Paste လုပ်ပါ (ဒီ URL ကို စမ်းကြည့်ပါ: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Enter ကို နှိပ်ပြီး Magic ဖြစ်တာကို ကြည့်ပါ! @@ -242,7 +242,7 @@ VSCode.dev မှာ Fresh Start လုပ်ပြီး Specific Repository Coding Wizard လို ခံစားချင်ပါသလား? Ctrl+Shift+P (Mac မှာ Cmd+Shift+P) Shortcut ကို စမ်းကြည့်ပါ: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.my.png) +![Command Palette](../../../../translated_images/my/palette-menu.4946174e07f42622.png) **Command Palette က Coding အတွက် Search Engine လိုပါပဲ:** - "open remote" လို့ ရိုက်လိုက်တာနဲ့ Repository Opener ကို ရှာပေးပါမယ် @@ -304,7 +304,7 @@ Architect ရဲ့ Office မှာ Blueprints တွေကို စီမံ 3. Appropriate Extension (`style.css`, `script.js`, `index.html`) ပါတဲ့ Filename ကို ရိုက်ပါ 4. Enter ကို နှိပ်ပြီး File ကို ဖန်တီးပါ -![Creating a new file](../../../../translated_images/create-new-file.2814e609c2af9aeb.my.png) +![Creating a new file](../../../../translated_images/my/create-new-file.2814e609c2af9aeb.png) **Naming Conventions:** - File ရဲ့ ရည်ရွယ်ချက်ကို ဖော်ပြတဲ့ Descriptive @@ -374,7 +374,7 @@ Extension marketplace က အလွန်စီမံထားပြီး သ 2. Browse လုပ်ပါ သို့မဟုတ် အထူးတစ်ခုခုကို ရှာဖွေပါ 3. စိတ်ဝင်စားစရာကောင်းတဲ့ အရာကို နှိပ်ပြီး အသေးစိတ်ကို ကြည့်ပါ -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.my.png) +![Extension marketplace interface](../../../../translated_images/my/extensions.eca0e0c7f59a10b5.png) **အဲဒီမှာ တွေ့ရမှာ:** @@ -427,7 +427,7 @@ Extension အများစုမှာ သင့် workflow အလိုက 3. Dropdown မှ "Extension Settings" ကို ရွေးပါ 4. သင့် workflow အလိုက် အဆင်ပြေတဲ့အထိ ညှိပါ -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.my.png) +![Customizing extension settings](../../../../translated_images/my/extension-settings.21c752ae4f4cdb78.png) **သင့်အနေနဲ့ ညှိချင်နိုင်တဲ့ အရာများ:** - Code formatting (tabs vs spaces, line length, စသည်တို့) diff --git a/translations/my/8-code-editor/1-using-a-code-editor/assignment.md b/translations/my/8-code-editor/1-using-a-code-editor/assignment.md index 3757b4974..d85605454 100644 --- a/translations/my/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/my/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ VSCode.dev သည် Repository ကို ဖွင့်ရန် အနည် 4. Commit Message ရေးပါ: "Add initial HTML structure" 5. "Commit new file" ကို Click လုပ်ပြီး သင့်ပြောင်းလဲမှုများကို Save လုပ်ပါ -![Creating initial file on GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.my.png) +![Creating initial file on GitHub](../../../../translated_images/my/new-file-github.com.c886796d800e8056.png) **ဒီ Initial Setup က ဘာတွေကို အကောင်အထည်ဖော်ထားသလဲ:** - HTML5 Document Structure ကို Semantic Elements ဖြင့် Properly Establish လုပ်ထားသည် @@ -104,7 +104,7 @@ VSCode.dev သည် Repository ကို ဖွင့်ရန် အနည် ✅ **Success Indicator**: Explorer Sidebar တွင် သင့် Project Files တွေကို မြင်ရပြီး Main Editor Area တွင် `index.html` ကို Edit လုပ်နိုင်ပါမည်။ -![Project loaded in VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.my.png) +![Project loaded in VSCode.dev](../../../../translated_images/my/project-on-vscode.dev.e79815a9a95ee7fe.png) **Interface တွင် မြင်ရမည့်အရာများ:** - **Explorer Sidebar**: **သင့် Repository Files နှင့် Folder Structure ကို ပြသသည်** @@ -448,7 +448,7 @@ Extensions များသည် Development Experience ကို တိုး **Installation ပြီးနောက် ရရှိသော ရလဒ်များ:** CodeSwing Install ပြီးပါက သင့် Resume Website ၏ Live Preview ကို Editor တွင် မြင်ရပါမည်။ သင့် Site ရဲ့ အလှပဆုံးပုံစံကို Changes များလုပ်နေစဉ် မြင်နိုင်ပါသည်။ -![CodeSwing extension showing live preview](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.my.png) +![CodeSwing extension showing live preview](../../../../translated_images/my/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Enhanced Interface ကို နားလည်ခြင်း:** - **Split View**: **Code ကို တစ်ဖက်၊ Live Preview ကို တစ်ဖက်တွင် ပြသသည်** diff --git a/translations/my/9-chat-project/README.md b/translations/my/9-chat-project/README.md index 0c0abdd26..775f24536 100644 --- a/translations/my/9-chat-project/README.md +++ b/translations/my/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) သင့်ရဲ့ အပြီးသတ် project ဟာ ဒီလိုပုံစံရှိပါမယ်: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.my.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/my/screenshot.0a1ee0d123df681b.png) ## 🗺️ AI Application Development ရဲ့ သင့်ရဲ့ လေ့လာရေးခရီး @@ -194,7 +194,7 @@ mindmap **Core Principle**: AI application development ဟာ traditional web development skills တွေကို AI service integration နဲ့ ပေါင်းစပ်ပြီး သုံးစွဲသူတွေကို သဘာဝနဲ့ တုံ့ပြန်မှုကောင်းတဲ့ intelligent applications တွေ ဖန်တီးပေးပါတယ်။ -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.my.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/my/playground.d2b927122224ff8f.png) **Playground ရဲ့ အသုံးဝင်မှု**: - **စမ်းသပ်**: GPT-4o-mini, Claude နဲ့ အခြား AI models တွေကို စမ်းသပ်နိုင်တယ် (အခမဲ့!) @@ -204,7 +204,7 @@ mindmap Playground ကို အနည်းငယ် စမ်းသပ်ပြီးရင် "Code" tab ကို နှိပ်ပြီး သင့် programming language ကို ရွေးပြီး implementation code ကို ရယူနိုင်ပါတယ်။ -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.my.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/my/playground-choice.1d23ba7d407f4758.png) ## Python Backend Integration ကို Setup လုပ်ခြင်း @@ -2107,14 +2107,14 @@ mindmap - [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) သို့ **သွားပါ** - GitHub တွင် login လုပ်ထားသည်ကို သေချာစွာ **စစ်ဆေးပြီး** "Use this template" ကို အပေါ်ယံညာဘက်တွင် **နှိပ်ပါ** -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.my.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/my/template.67ad477109d29a2b.png) **အဆင့် ၂: Codespaces ကို စတင်ပါ** - သင့် newly created repository ကို **ဖွင့်ပါ** - အစိမ်းရောင် "Code" ခလုတ်ကို **နှိပ်ပြီး** "Codespaces" ကို **ရွေးပါ** - "Create codespace on main" ကို **ရွေးပြီး** development environment ကို စတင်ပါ -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.my.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/my/codespace.bcecbdf5d2747d3d.png) **အဆင့် ၃: Environment Configuration** သင့် Codespace load ပြီးလျှင် သင်သည် အောက်ပါအရာများကို အသုံးပြုနိုင်ပါမည်- diff --git a/translations/my/README.md b/translations/my/README.md index ab9ff6707..065f20574 100644 --- a/translations/my/README.md +++ b/translations/my/README.md @@ -72,13 +72,13 @@ Azure AI Foundry Discord Community တွင် ပါဝင်ဆောင် စတင်ရန် [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) သို့ သွားပါ! -![Background](../../translated_images/background.148a8d43afde5730.my.png) +![Background](../../translated_images/my/background.148a8d43afde5730.png) - အခြေခံမှ RAG အထိ အကြောင်းအရာ များကို ဖွင့်ပြသသည်။ - GenAI နှင့် ကျွန်ုပ်တို့ ရှေ့ဆောင် app ဖြင့် သမိုင်းပုဂ္ဂိုလ်များနှင့် ဝိုင်းယှဉ် ဆက်သွယ်နိုင်သည်။ - ပျော်ရွှင်မှုနှင့် စိတ်ဝင်စားဖွယ်ရာ အသံစဉ်၊ သင့်အနေဖြင့် အချိန်ခရီးသွားနေပါသည်။ -![character](../../translated_images/character.5c0dd8e067ffd693.my.png) +![character](../../translated_images/my/character.5c0dd8e067ffd693.png) ချင်းချင်း သင်ခန်းစာတိုင်းတွင် လေ့ကျင့်ခန်းတစ်ခုကို ပြီးမြောက်စေရန်၊ နောက်တစ်ခုမှာ အသိပညာ စစ်ဆေးမှုတစ်ခုပြုလုပ်ရန်နှင့် မိမိဆိုင်ရာ သင်ယူမှုအကြောင်းအရာများ အတွက် စိန်ခေါ်မှု တစ်ခု ရှိပါသည်- @@ -115,7 +115,7 @@ Azure AI Foundry Discord Community တွင် ပါဝင်ဆောင် သင်ဖန်တီးထားသော Repository မိတ္တူတွင် **Code** ခလုတ်ကို နှိပ်ပြီး **Open with Codespaces** ကို ရွေးချယ်ပါ။ ၎င်းသည် သင်အလုပ်လုပ်ရန် Codespace အသစ် တစ်ခု ဖန်တီးပေးပါလိမ့်မည်။ -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.my.png) +![Codespace](../../translated_images/my/createcodespace.0238bbf4d7a8d955.png) #### သင်၏ ကွန်ပြူတာတွင် သင်ခန်းစာများကို ပြေးရန် diff --git a/translations/my/for-teachers.md b/translations/my/for-teachers.md index 5ca0552b9..3e8896592 100644 --- a/translations/my/for-teachers.md +++ b/translations/my/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud တွင် Common Cartridge support အကန့်အသတ်ရှိသည်။ Canvas တွင်လည်း upload လုပ်နိုင်သော Moodle file ကို အသုံးပြုရန် ဦးစားပေးပါ။ - Import ပြီးနောက် modules, due dates, quiz settings များကို သင်၏ term schedule နှင့် ကိုက်ညီစေရန် ပြန်လည်သုံးသပ်ပါ။ -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.my.png) +![Moodle](../../translated_images/my/moodle.94eb93d714a50cb2.png) > Moodle classroom အတွင်းရှိ သင်ခန်းစာများ -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.my.png) +![Canvas](../../translated_images/my/canvas.fbd605ff8e5b8aff.png) > Canvas အတွင်းရှိ သင်ခန်းစာများ ### Repo ကို တိုက်ရိုက်အသုံးပြုခြင်း (Classroom မပါ) 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 48cdf0519..cf68a0373 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 @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: आज, हामी ती अद्भुत उपकरणहरूको अन्वेषण गर्नेछौं जसले आधुनिक वेब विकासलाई सम्भव मात्र होइन, गम्भीर रूपमा लत लाग्ने बनाउँछ। म त्यही सम्पादकहरू, ब्राउजरहरू, र वर्कफ्लोहरूको कुरा गर्दैछु जुन नेटफ्लिक्स, स्पोटिफाई, र तपाईंको मनपर्ने इन्डी एप स्टुडियोका डेभलपरहरूले हरेक दिन प्रयोग गर्छन्। र यहाँ तपाईंलाई खुशीको नाच गर्न बनाउने भाग छ: यी पेशेवर-ग्रेड, उद्योग-मानक उपकरणहरूको अधिकांश पूर्ण रूपमा निःशुल्क छन्! -![प्रोग्रामिङ परिचय](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.ne.png) +![प्रोग्रामिङ परिचय](../../../../translated_images/ne/webdev101-programming.d6e3f98e61ac4bff.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा ```mermaid diff --git a/translations/ne/1-getting-started-lessons/2-github-basics/README.md b/translations/ne/1-getting-started-lessons/2-github-basics/README.md index 31f422238..b10b3a158 100644 --- a/translations/ne/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/ne/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: हामी यो यात्रा सँगै गर्नेछौं, एक कदममा। कुनै हतार छैन, कुनै दबाब छैन – केवल तपाईं, म, र केही साँच्चै चिसो उपकरणहरू जुन तपाईंको नयाँ साथी बन्नेछन्! -![GitHub परिचय](../../../../translated_images/webdev101-github.8846d7971abef6f9.ne.png) +![GitHub परिचय](../../../../translated_images/ne/webdev101-github.8846d7971abef6f9.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा ```mermaid @@ -594,7 +594,7 @@ flowchart TD ✅ 'सुरुवाती-अनुकूल' रिपोजिटरीहरू खोज्नको लागि [ट्याग 'good-first-issue' द्वारा खोज्नुहोस्](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/)। -![रिपो स्थानीय रूपमा प्रतिलिपि गर्नुहोस्](../../../../translated_images/clone_repo.5085c48d666ead57.ne.png) +![रिपो स्थानीय रूपमा प्रतिलिपि गर्नुहोस्](../../../../translated_images/ne/clone_repo.5085c48d666ead57.png) कोड प्रतिलिपि गर्ने धेरै तरिकाहरू छन्। एउटा तरिका भनेको रिपोजिटरीको सामग्री "क्लोन" गर्नु हो, HTTPS, SSH, वा GitHub CLI (कमाण्ड लाइन इन्टरफेस) प्रयोग गरेर। diff --git a/translations/ne/1-getting-started-lessons/3-accessibility/README.md b/translations/ne/1-getting-started-lessons/3-accessibility/README.md index 8e3adffa0..a62bbe571 100644 --- a/translations/ne/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/ne/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # पहुँचयोग्य वेबपेजहरू बनाउने -![पहुंचयोग्यता सम्बन्धी सबै कुरा](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.ne.png) +![पहुंचयोग्यता सम्बन्धी सबै कुरा](../../../../translated_images/ne/webdev101-a11y.8ef3025c858d897a.png) > स्केच नोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा ```mermaid @@ -986,12 +986,12 @@ pie title "Common ARIA Usage Patterns" **सूचनात्मक छविहरू** - महत्त्वपूर्ण जानकारी प्रदान गर्ने: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **सजावटी छविहरू** - केवल दृश्यात्मक, कुनै जानकारीमूलक मूल्य नभएको: ```html - + ``` **कार्यात्मक छविहरू** - बटन वा नियन्त्रणको रूपमा काम गर्ने: @@ -1003,7 +1003,7 @@ pie title "Common ARIA Usage Patterns" **जटिल छविहरू** - चार्ट, डायग्राम, इन्फोग्राफिक्स: ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1043,7 +1043,7 @@ pie title "Common ARIA Usage Patterns" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/ne/2-js-basics/1-data-types/README.md b/translations/ne/2-js-basics/1-data-types/README.md index d59c000ab..c95e2e5f5 100644 --- a/translations/ne/2-js-basics/1-data-types/README.md +++ b/translations/ne/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # जाभास्क्रिप्ट आधारभूत: डाटा प्रकारहरू -![जाभास्क्रिप्ट आधारभूत - डाटा प्रकारहरू](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.ne.png) +![जाभास्क्रिप्ट आधारभूत - डाटा प्रकारहरू](../../../../translated_images/ne/webdev101-js-datatypes.4cc470179730702c.png) > स्केच नोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा ```mermaid diff --git a/translations/ne/2-js-basics/2-functions-methods/README.md b/translations/ne/2-js-basics/2-functions-methods/README.md index 32683a6c3..8ba909304 100644 --- a/translations/ne/2-js-basics/2-functions-methods/README.md +++ b/translations/ne/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # जाभास्क्रिप्ट आधारभूत: मेथड्स र फङ्सन्स -![जाभास्क्रिप्ट आधारभूत - फङ्सन्स](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.ne.png) +![जाभास्क्रिप्ट आधारभूत - फङ्सन्स](../../../../translated_images/ne/webdev101-js-functions.be049c4726e94f8b.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा ```mermaid diff --git a/translations/ne/2-js-basics/3-making-decisions/README.md b/translations/ne/2-js-basics/3-making-decisions/README.md index 019c5c2af..687010a76 100644 --- a/translations/ne/2-js-basics/3-making-decisions/README.md +++ b/translations/ne/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # जाभास्क्रिप्ट आधारभूत: निर्णय लिनु -![जाभास्क्रिप्ट आधारभूत - निर्णय लिनु](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ne.png) +![जाभास्क्रिप्ट आधारभूत - निर्णय लिनु](../../../../translated_images/ne/webdev101-js-decisions.69e1b20f272dd1f0.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा diff --git a/translations/ne/2-js-basics/4-arrays-loops/README.md b/translations/ne/2-js-basics/4-arrays-loops/README.md index b2363db68..68b6019c6 100644 --- a/translations/ne/2-js-basics/4-arrays-loops/README.md +++ b/translations/ne/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # जाभास्क्रिप्ट आधारभूत: एरेहरू र लूपहरू -![जाभास्क्रिप्ट आधारभूत - एरेहरू](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.ne.png) +![जाभास्क्रिप्ट आधारभूत - एरेहरू](../../../../translated_images/ne/webdev101-js-arrays.439d7528b8a29455.png) > स्केच नोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा ```mermaid diff --git a/translations/ne/3-terrarium/1-intro-to-html/README.md b/translations/ne/3-terrarium/1-intro-to-html/README.md index 36f164767..9d7e66612 100644 --- a/translations/ne/3-terrarium/1-intro-to-html/README.md +++ b/translations/ne/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![HTML को परिचय](../../../../translated_images/webdev101-html.4389c2067af68e98.ne.png) +![HTML को परिचय](../../../../translated_images/ne/webdev101-html.4389c2067af68e98.png) > स्केच नोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा HTML, वा हाइपरटेक्स्ट मार्कअप भाषा, तपाईंले कहिल्यै भ्रमण गरेको प्रत्येक वेबसाइटको आधार हो। HTML लाई वेब पृष्ठहरूको संरचना दिने कंकालको रूपमा सोच्नुहोस् – यसले सामग्री कहाँ जान्छ, कसरी व्यवस्थित हुन्छ, र प्रत्येक टुक्राले के प्रतिनिधित्व गर्दछ भनेर परिभाषित गर्दछ। CSS ले पछि तपाईंको HTML लाई रंग र लेआउटको साथ "सजाउनेछ", र जाभास्क्रिप्टले अन्तरक्रियात्मकता संग यसलाई जीवनमा ल्याउनेछ, HTML ले सबै कुरा सम्भव बनाउने आवश्यक संरचना प्रदान गर्दछ। @@ -88,7 +88,7 @@ HTML कोडमा प्रवेश गर्नु अघि, तपाई 4. एक्सप्लोरर प्यानमा, "नयाँ फाइल" आइकन क्लिक गर्नुहोस् 5. तपाईंको फाइललाई `index.html` नाम दिनुहोस् -![VS कोड एक्सप्लोरर नयाँ फाइल सिर्जना देखाउँदै](../../../../translated_images/vs-code-index.e2986cf919471eb9.ne.png) +![VS कोड एक्सप्लोरर नयाँ फाइल सिर्जना देखाउँदै](../../../../translated_images/ne/vs-code-index.e2986cf919471eb9.png) **विकल्प २: टर्मिनल कमाण्डहरू प्रयोग गर्दै** ```bash @@ -239,48 +239,48 @@ HTML मा छविहरू विशेष हुन्छन् किन
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/ne/3-terrarium/2-intro-to-css/README.md b/translations/ne/3-terrarium/2-intro-to-css/README.md index eead2612a..cec11929e 100644 --- a/translations/ne/3-terrarium/2-intro-to-css/README.md +++ b/translations/ne/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![CSS को परिचय](../../../../translated_images/webdev101-css.3f7af5991bf53a20.ne.png) +![CSS को परिचय](../../../../translated_images/ne/webdev101-css.3f7af5991bf53a20.png) > स्केच नोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा तपाईंको HTML टेरारियम कति सामान्य देखिन्थ्यो भन्ने सम्झनुहुन्छ? CSS ले त्यो साधारण संरचनालाई दृश्यात्मक रूपमा आकर्षक बनाउने काम गर्छ। @@ -205,7 +205,7 @@ body { तपाईंको ब्राउजरको डेभलपर टूल्स (F12) खोल्नुहोस्, एलिमेन्ट्स ट्याबमा जानुहोस्, र तपाईंको `

` तत्व निरीक्षण गर्नुहोस्। तपाईंले देख्नुहुनेछ कि यसले शरीरबाट फन्ट परिवार इनहेरिट गर्छ: -![इनहेरिट गरिएको फन्ट](../../../../translated_images/1.cc07a5cbe114ad1d.ne.png) +![इनहेरिट गरिएको फन्ट](../../../../translated_images/ne/1.cc07a5cbe114ad1d.png) ✅ **प्रयोग समय**: `` मा `color`, `line-height`, वा `text-align` जस्ता अन्य इनहेरिटेबल गुणहरू सेट गर्न प्रयास गर्नुहोस्। तपाईंको हेडिङ र अन्य तत्वहरूमा के हुन्छ? @@ -335,7 +335,7 @@ ID चयनकर्ताहरू `#` प्रतीक प्रयोग **प्रत्येक बोटको लागि HTML संरचना यहाँ छ:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -564,7 +564,7 @@ Agent मोड प्रयोग गरेर निम्न चुनौत तपाईंले हल्का रंगका अण्डाकार आकारहरू सिर्जना गर्नुहुनेछ जसले ग्लास रिफ्लेक्सनलाई नक्कल गर्छ। यो प्रविधि Renaissance चित्रकारहरू जस्तै Jan van Eyck ले चित्रित ग्लासलाई तीन-आयामीय देखाउन प्रकाश र रिफ्लेक्सन प्रयोग गरेको जस्तै हो। तपाईंले निम्न लक्ष्य राख्नुहुनेछ: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.ne.png) +![finished terrarium](../../../../translated_images/ne/terrarium-final.2f07047ffc597d0a.png) **तपाईंको चुनौती:** - **सिर्जना गर्नुहोस्** ग्लास रिफ्लेक्सनका लागि हल्का रंगका अण्डाकार आकारहरू diff --git a/translations/ne/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ne/3-terrarium/3-intro-to-DOM-and-closures/README.md index 945e338e7..9080bb528 100644 --- a/translations/ne/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/ne/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM र क्लोजर](../../../../translated_images/webdev101-js.10280393044d7eaa.ne.png) +![DOM र क्लोजर](../../../../translated_images/ne/webdev101-js.10280393044d7eaa.png) > स्केच नोट [टोमोमी इमुरा](https://twitter.com/girlie_mac) द्वारा वेब विकासको सबैभन्दा रोचक पक्षमा स्वागत छ - चीजहरूलाई अन्तरक्रियात्मक बनाउने! डकुमेन्ट अब्जेक्ट मोडेल (DOM) तपाईंको HTML र जाभास्क्रिप्ट बीचको पुल जस्तै हो, र आज हामी यसलाई तपाईंको टेरारियमलाई जीवन्त बनाउन प्रयोग गर्नेछौं। जब टिम बर्नर्स-लीले पहिलो वेब ब्राउजर बनाएका थिए, उनले वेबलाई गतिशील र अन्तरक्रियात्मक बनाउन सक्ने दस्तावेजहरूको कल्पना गरेका थिए - DOM ले त्यो दृष्टिकोणलाई सम्भव बनाउँछ। @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![DOM ट्री प्रतिनिधित्व](../../../../translated_images/dom-tree.7daf0e763cbbba92.ne.png) +![DOM ट्री प्रतिनिधित्व](../../../../translated_images/ne/dom-tree.7daf0e763cbbba92.png) > DOM र HTML मार्कअपको प्रतिनिधित्व जसले यसलाई सन्दर्भित गर्छ। [ओल्फा नासराओई](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) बाट @@ -150,7 +150,7 @@ flowchart LR > 💡 **क्लोजर बुझ्दै**: क्लोजरहरू जाभास्क्रिप्टमा महत्त्वपूर्ण विषय हुन्, र धेरै विकासकर्ताहरूले तिनीहरूलाई पूर्ण रूपमा सैद्धान्तिक पक्षहरू बुझ्नुअघि वर्षौंसम्म प्रयोग गर्छन्। आज, हामी व्यावहारिक अनुप्रयोगमा केन्द्रित छौं - तपाईंले अन्तरक्रियात्मक सुविधाहरू निर्माण गर्दा क्लोजरहरू स्वाभाविक रूपमा देखा पर्ने देख्नुहुनेछ। बुझाइ वास्तविक समस्याहरू समाधान गर्ने तरिकामा देखेर विकास हुनेछ। -![DOM ट्री प्रतिनिधित्व](../../../../translated_images/dom-tree.7daf0e763cbbba92.ne.png) +![DOM ट्री प्रतिनिधित्व](../../../../translated_images/ne/dom-tree.7daf0e763cbbba92.png) > DOM र HTML मार्कअपको प्रतिनिधित्व जसले यसलाई सन्दर्भित गर्छ। [ओल्फा नासराओई](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) बाट @@ -556,7 +556,7 @@ function stopElementDrag() { - **क्रस-डिभाइस समर्थन**: डेस्कटप र मोबाइलमा काम गर्छ - **प्रदर्शन सचेत**: कुनै मेमोरी लीक वा अनावश्यक गणनाहरू छैनन् -![समाप्त टेरारियम](../../../../translated_images/terrarium-final.0920f16e87c13a84.ne.png) +![समाप्त टेरारियम](../../../../translated_images/ne/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/ne/3-terrarium/solution/README.md b/translations/ne/3-terrarium/solution/README.md index 3b00c6ade..bd128c6bf 100644 --- a/translations/ne/3-terrarium/solution/README.md +++ b/translations/ne/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: सानो ड्र्याग र ड्रप कोड-मेडिटेसन। थोरै HTML, JS, र CSS प्रयोग गरेर तपाईं वेब इन्टरफेस बनाउन, यसलाई स्टाइल गर्न, र अन्तरक्रिया थप्न सक्नुहुन्छ। -![मेरो टेरारियम](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.ne.png) +![मेरो टेरारियम](../../../../translated_images/ne/screenshot_gray.0c796099a1f9f25e.png) ## श्रेय diff --git a/translations/ne/5-browser-extension/1-about-browsers/README.md b/translations/ne/5-browser-extension/1-about-browsers/README.md index 1ee1adfa5..5b793d7ff 100644 --- a/translations/ne/5-browser-extension/1-about-browsers/README.md +++ b/translations/ne/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![ब्राउजर स्केच नोट](../../../../translated_images/browser.60317c9be8b7f84a.ne.jpg) +![ब्राउजर स्केच नोट](../../../../translated_images/ne/browser.60317c9be8b7f84a.jpg) > स्केच नोट [वसिम चेघम](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) द्वारा ## प्रि-लेक्चर क्विज @@ -79,7 +79,7 @@ mindmap ✅ **थोरै इतिहास**: पहिलो ब्राउजर 'वर्ल्डवाइडवेब' भनिन्थ्यो र यो सर टिमोथी बर्नर्स-लीले १९९० मा निर्माण गरेका थिए। -![प्रारम्भिक ब्राउजरहरू](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.ne.jpg) +![प्रारम्भिक ब्राउजरहरू](../../../../translated_images/ne/earlybrowsers.d984b711cdf3a42d.jpg) > केही प्रारम्भिक ब्राउजरहरू, [करेन म्याकग्रेन](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) मार्फत ### ब्राउजरहरूले वेब सामग्री कसरी प्रक्रिया गर्छन् @@ -198,7 +198,7 @@ quadrantChart एक्सटेन्सन स्थापना प्रक्रिया बुझ्नाले तपाईंलाई प्रयोगकर्ताहरूले तपाईंको एक्सटेन्सन स्थापना गर्दा अनुभव गर्ने कुराको पूर्वानुमान गर्न मद्दत गर्छ। स्थापना प्रक्रिया आधुनिक ब्राउजरहरूमा मानकीकृत छ, इन्टरफेस डिजाइनमा साना भिन्नताहरूका साथ। -![एज ब्राउजरको स्क्रिनशट जसमा edge://extensions पृष्ठ र सेटिङ मेनु खुला छ](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.ne.png) +![एज ब्राउजरको स्क्रिनशट जसमा edge://extensions पृष्ठ र सेटिङ मेनु खुला छ](../../../../translated_images/ne/install-on-edge.d68781acaf0b3d3d.png) > **महत्वपूर्ण**: आफ्नो एक्सटेन्सन परीक्षण गर्दा डेभलपर मोड अन गर्नुहोस् र अन्य स्टोरहरूबाट एक्सटेन्सनहरू अनुमति दिन सुनिश्चित गर्नुहोस्। @@ -313,10 +313,10 @@ project-root/ ### एक्सटेन्सन दृश्यहरूको अवलोकन **सेटअप दृश्य** - पहिलो पटक प्रयोगकर्ता कन्फिगरेसन: -![सम्पन्न एक्सटेन्सनको स्क्रिनशट जसले क्षेत्र नाम र API कीको लागि इनपुटहरू भएको फारम देखाउँछ।](../../../../translated_images/1.b6da8c1394b07491.ne.png) +![सम्पन्न एक्सटेन्सनको स्क्रिनशट जसले क्षेत्र नाम र API कीको लागि इनपुटहरू भएको फारम देखाउँछ।](../../../../translated_images/ne/1.b6da8c1394b07491.png) **परिणाम दृश्य** - कार्बन फुटप्रिन्ट डेटा प्रदर्शन: -![सम्पन्न एक्सटेन्सनको स्क्रिनशट जसले US-NEISO क्षेत्रको लागि कार्बन प्रयोग र फोसिल इन्धन प्रतिशतको मानहरू देखाउँछ।](../../../../translated_images/2.1dae52ff08042246.ne.png) +![सम्पन्न एक्सटेन्सनको स्क्रिनशट जसले US-NEISO क्षेत्रको लागि कार्बन प्रयोग र फोसिल इन्धन प्रतिशतको मानहरू देखाउँछ।](../../../../translated_images/ne/2.1dae52ff08042246.png) ### कन्फिगरेसन फारम निर्माण गर्दै diff --git a/translations/ne/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ne/5-browser-extension/2-forms-browsers-local-storage/README.md index 84ef2274a..c6f8a7f5f 100644 --- a/translations/ne/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/ne/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![लोकल स्टोरेज प्यान](../../../../translated_images/localstorage.472f8147b6a3f8d1.ne.png) +![लोकल स्टोरेज प्यान](../../../../translated_images/ne/localstorage.472f8147b6a3f8d1.png) > ⚠️ **सुरक्षा विचार**: उत्पादन अनुप्रयोगहरूमा, लोकल स्टोरेजमा API कुञ्जीहरू भण्डारण गर्दा सुरक्षा जोखिमहरू हुन्छन् किनभने जाभास्क्रिप्टले यो डाटामा पहुँच गर्न सक्छ। सिक्ने उद्देश्यका लागि, यो दृष्टिकोण ठीक छ, तर वास्तविक अनुप्रयोगहरूले संवेदनशील प्रमाणपत्रहरूको लागि सुरक्षित सर्भर-साइड स्टोरेज प्रयोग गर्नुपर्छ। diff --git a/translations/ne/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ne/5-browser-extension/3-background-tasks-and-performance/README.md index 9e8f49c3e..0636939da 100644 --- a/translations/ne/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/ne/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ flowchart LR यसलाई प्रयास गरौं। एउटा वेबसाइट खोल्नुहोस् (Microsoft.com राम्रो काम गर्दछ) र 'रिकर्ड' बटन क्लिक गर्नुहोस्। अब पृष्ठलाई रिफ्रेस गर्नुहोस् र प्रोफाइलरले के भइरहेको छ भनेर क्याप्चर गर्न हेर्नुहोस्। जब तपाईं रेकर्डिङ रोक्नुहुन्छ, तपाईंले ब्राउजरले साइटलाई 'स्क्रिप्ट', 'रेन्डर', र 'पेन्ट' गर्ने तरिकाको विस्तृत विवरण देख्नुहुनेछ। यो मिशन कन्ट्रोलले रकेट प्रक्षेपणको समयमा प्रत्येक प्रणालीलाई अनुगमन गर्ने तरिकाको जस्तै हो - तपाईंलाई वास्तविक समयमा के भइरहेको छ र कहिले भइरहेको छ भन्ने डेटा प्राप्त हुन्छ। -![एज प्रोफाइलर](../../../../translated_images/profiler.5a4a62479c5df01c.ne.png) +![एज प्रोफाइलर](../../../../translated_images/ne/profiler.5a4a62479c5df01c.png) ✅ [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) मा थप विवरणहरू छन् यदि तपाईं गहिराइमा जान चाहनुहुन्छ भने। @@ -136,11 +136,11 @@ flowchart LR प्रोफाइल टाइमलाइनको एक भाग चयन गरेर र सारांश प्यान हेरेर तपाईंको पृष्ठको प्रदर्शनको स्न्यापशट प्राप्त गर्नुहोस्: -![एज प्रोफाइलर स्न्यापशट](../../../../translated_images/snapshot.97750180ebcad737.ne.png) +![एज प्रोफाइलर स्न्यापशट](../../../../translated_images/ne/snapshot.97750180ebcad737.png) इभेन्ट लग प्यान जाँच गर्नुहोस् कि कुनै इभेन्ट १५ मिलिसेकेन्ड भन्दा लामो समय लागेको छ कि छैन: -![एज इभेन्ट लग](../../../../translated_images/log.804026979f3707e0.ne.png) +![एज इभेन्ट लग](../../../../translated_images/ne/log.804026979f3707e0.png) ✅ तपाईंको प्रोफाइलरलाई चिन्नुहोस्! यस साइटमा डेभलपर टूल्स खोल्नुहोस् र कुनै पनि बाधाहरू छन् कि छैनन् हेर्नुहोस्। सबैभन्दा ढिलो लोड हुने सम्पत्ति के हो? सबैभन्दा छिटो? diff --git a/translations/ne/5-browser-extension/README.md b/translations/ne/5-browser-extension/README.md index 8c702d7a7..149e42396 100644 --- a/translations/ne/5-browser-extension/README.md +++ b/translations/ne/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### क्रेडिट्स -![हरियो ब्राउजर एक्स्टेन्सन](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![हरियो ब्राउजर एक्स्टेन्सन](../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## क्रेडिट्स diff --git a/translations/ne/5-browser-extension/solution/README.md b/translations/ne/5-browser-extension/solution/README.md index b01a949b6..66b8b344b 100644 --- a/translations/ne/5-browser-extension/solution/README.md +++ b/translations/ne/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow को C02 Signal API प्रयोग गरेर बिजुलीको प्रयोग ट्र्याक गर्न, एउटा ब्राउजर एक्स्टेन्सन बनाउनुहोस् जसले तपाईंलाई तपाईंको क्षेत्रको बिजुली प्रयोगको भार कस्तो छ भनेर ब्राउजरमै सम्झना दिलाउन सक्छ। यो एक्स्टेन्सनलाई अनियमित रूपमा प्रयोग गर्दा तपाईंले यस जानकारीको आधारमा आफ्नो गतिविधिहरूको निर्णय लिन मद्दत गर्नेछ। -![एक्स्टेन्सन स्क्रिनसट](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![एक्स्टेन्सन स्क्रिनसट](../../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरु गर्न @@ -31,7 +31,7 @@ npm run build Edge मा स्थापना गर्न, ब्राउजरको माथिल्लो दायाँ कुनामा रहेको 'तीन डट' मेनु प्रयोग गरेर Extensions प्यानल खोज्नुहोस्। त्यहाँबाट, 'Load Unpacked' चयन गरेर नयाँ एक्स्टेन्सन लोड गर्नुहोस्। प्रम्प्टमा 'dist' फोल्डर खोल्नुहोस् र एक्स्टेन्सन लोड हुनेछ। यसलाई प्रयोग गर्न, तपाईंलाई CO2 Signal को API को लागि API key ([यहाँ इमेल मार्फत प्राप्त गर्नुहोस्](https://www.co2signal.com/) - यस पृष्ठमा आफ्नो इमेल बक्समा प्रविष्ट गर्नुहोस्) र [Electricity Map](https://www.electricitymap.org/map) सँग सम्बन्धित [तपाईंको क्षेत्रको कोड](http://api.electricitymap.org/v3/zones) चाहिन्छ (उदाहरणका लागि, बोस्टनमा, म 'US-NEISO' प्रयोग गर्छु)। -![स्थापना गर्दै](../../../../translated_images/install-on-edge.78634f02842c4828.ne.png) +![स्थापना गर्दै](../../../../translated_images/ne/install-on-edge.78634f02842c4828.png) एक पटक API key र क्षेत्र एक्स्टेन्सन इन्टरफेसमा प्रविष्ट गरेपछि, ब्राउजर एक्स्टेन्सन बारमा रहेको रङ्गीन डटले तपाईंको क्षेत्रको ऊर्जा प्रयोगलाई प्रतिबिम्बित गर्न परिवर्तन गर्नेछ र तपाईंलाई ऊर्जा-गहन गतिविधिहरूको लागि उपयुक्त सल्लाह दिनेछ। यो 'डट' प्रणालीको अवधारणा मलाई [Energy Lollipop एक्स्टेन्सन](https://energylollipop.com/) बाट क्यालिफोर्नियाको उत्सर्जनका लागि प्रेरित गरिएको हो। diff --git a/translations/ne/5-browser-extension/solution/translation/README.es.md b/translations/ne/5-browser-extension/solution/translation/README.es.md index d31fd0b6a..be0f2e092 100644 --- a/translations/ne/5-browser-extension/solution/translation/README.es.md +++ b/translations/ne/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow को C02 सिग्नल API प्रयोग गरेर विद्युतको प्रयोग ट्र्याक गर्न, ब्राउजरको लागि एउटा एक्सटेन्सन बनाउनुहोस् जसले तपाईंलाई आफ्नो क्षेत्रको विद्युत खपतको बारेमा सिधै ब्राउजरमा स्मरण गराउन मद्दत गर्छ। यो एड हक एक्सटेन्सनको प्रयोगले तपाईंलाई आफ्नो गतिविधिहरूको निर्णय लिन यस जानकारीको आधारमा सहयोग पुर्‍याउनेछ। -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.ne.png) +![extension screenshot](../../../../../translated_images/ne/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## सुरु गर्दै @@ -31,7 +31,7 @@ npm run build Edge मा स्थापना गर्न, ब्राउजरको माथिल्लो दायाँ कुनामा रहेको 'तीन बिन्दु' मेनु प्रयोग गरेर एक्सटेन्सन प्यानल खोज्नुहोस्। त्यहाँबाट, 'अनप्याक्ड लोड गर्नुहोस्' चयन गरेर नयाँ एक्सटेन्सन लोड गर्नुहोस्। जब सोधिन्छ, 'dist' फोल्डर खोल्नुहोस्, र एक्सटेन्सन लोड हुनेछ। प्रयोग गर्नका लागि, तपाईंलाई CO2 Signal API को लागि एउटा API की चाहिन्छ ([यहाँ इमेल मार्फत प्राप्त गर्नुहोस्](https://www.co2signal.com/) - यो पृष्ठको बक्समा आफ्नो इमेल प्रविष्ट गर्नुहोस्) र आफ्नो क्षेत्रको [इलेक्ट्रिसिटी म्याप](https://www.electricitymap.org/map) अनुसार [क्षेत्र कोड](http://api.electricitymap.org/v3/zones) चाहिन्छ (उदाहरणका लागि, बोस्टनमा म 'US-NEISO' प्रयोग गर्छु)। -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.ne.png) +![installing](../../../../../translated_images/ne/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) एकपटक API की र क्षेत्र एक्सटेन्सनको इन्टरफेसमा प्रविष्ट गरेपछि, ब्राउजरको एक्सटेन्सन बारमा रहेको रंगीन बिन्दु तपाईंको क्षेत्रको ऊर्जा प्रयोगलाई प्रतिबिम्बित गर्न परिवर्तन हुनुपर्छ र तपाईंलाई उच्च ऊर्जा खपत गतिविधिहरूको लागि उपयुक्त संकेत दिनुपर्छ। यो "बिन्दु" प्रणालीको अवधारणा मलाई [Energy Lollipop एक्सटेन्सन](https://energylollipop.com/) बाट क्यालिफोर्नियाको उत्सर्जनको लागि प्रेरणा दिएको हो। diff --git a/translations/ne/5-browser-extension/solution/translation/README.fr.md b/translations/ne/5-browser-extension/solution/translation/README.fr.md index 132a0bc0d..36cd33ce8 100644 --- a/translations/ne/5-browser-extension/solution/translation/README.fr.md +++ b/translations/ne/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow को C02 Signal API प्रयोग गरेर बिजुली खपत ट्र्याक गर्दै, एउटा ब्राउजर एक्स्टेन्सन बनाउनुहोस् जसले तपाईंलाई तपाईंको क्षेत्रको बिजुली खपतको बारेमा सिधै ब्राउजरमा सम्झना दिन्छ। यो विशेष एक्स्टेन्सनको प्रयोगले तपाईंलाई यी जानकारीहरूको आधारमा तपाईंको गतिविधिहरूको बारेमा निर्णय लिन मद्दत गर्नेछ। -![एक्स्टेन्सनको स्क्रिनसट](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![एक्स्टेन्सनको स्क्रिनसट](../../../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरु गर्न @@ -31,7 +31,7 @@ npm run build Edge मा स्थापना गर्न, ब्राउजरको माथिल्लो दायाँ कुनामा रहेको 'तीन बिन्दु' मेनु प्रयोग गरेर Extensions प्यानल खोज्नुहोस्। त्यहाँबाट, 'लोड अनजिप्ड एक्स्टेन्सन' चयन गरेर नयाँ एक्स्टेन्सन लोड गर्नुहोस्। प्रॉम्प्टमा 'dist' फोल्डर खोल्नुहोस्, र एक्स्टेन्सन लोड हुनेछ। यसलाई प्रयोग गर्न, तपाईंलाई CO2 Signal API को लागि API की चाहिन्छ ([यहाँ ईमेल मार्फत प्राप्त गर्नुहोस्](https://www.co2signal.com/) - यो पृष्ठमा रहेको बाकसमा तपाईंको ईमेल प्रविष्ट गर्नुहोस्) र तपाईंको क्षेत्रको लागि [कोड](http://api.electricitymap.org/v3/zones) जुन [बिजुलीको नक्सा](https://www.electricitymap.org/map) सँग मेल खान्छ (उदाहरणका लागि, बोस्टनमा, म 'US-NEISO' प्रयोग गर्छु)। -![स्थापना](../../../../../translated_images/install-on-edge.78634f02842c4828.ne.png) +![स्थापना](../../../../../translated_images/ne/install-on-edge.78634f02842c4828.png) एक पटक API की र क्षेत्र एक्स्टेन्सन इन्टरफेसमा प्रविष्ट गरेपछि, ब्राउजरको एक्स्टेन्सन बारमा रहेको रङ्गीन बिन्दु तपाईंको क्षेत्रको ऊर्जा खपतलाई प्रतिबिम्बित गर्न परिवर्तन हुनुपर्छ र तपाईंलाई ऊर्जा-गहन गतिविधिहरूको बारेमा संकेत दिनुपर्छ जुन तपाईंले गर्न उपयुक्त ठान्न सक्नुहुन्छ। यो 'बिन्दु' प्रणालीको अवधारणा मलाई [Energy Lollipop एक्स्टेन्सन](https://energylollipop.com/) बाट क्यालिफोर्नियाका उत्सर्जनहरूको लागि प्रेरित भएको हो। diff --git a/translations/ne/5-browser-extension/solution/translation/README.hi.md b/translations/ne/5-browser-extension/solution/translation/README.hi.md index 036572de7..e911add09 100644 --- a/translations/ne/5-browser-extension/solution/translation/README.hi.md +++ b/translations/ne/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow को CO2 सिग्नल एपीआई प्रयोग गरेर बिजुलीको उपयोग ट्र्याक गर्ने ब्राउज़र एक्सटेंशन बनाउनुहोस्, जसले तपाईंलाई तपाईंको क्षेत्रको बिजुलीको उपयोग कत्तिको भारी छ भनेर रिमाइन्डर दिन्छ। यो एक्सटेंशन प्रयोग गर्दा, तपाईंले यस जानकारीको आधारमा आफ्नो गतिविधिहरूमा निर्णय लिन सक्नुहुन्छ। -![एक्सटेंशन स्क्रिनशट](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![एक्सटेंशन स्क्रिनशट](../../../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरु गर्न @@ -31,7 +31,7 @@ npm run build एज ब्राउज़रमा इन्स्टल गर्न, ब्राउज़रको माथिल्लो दायाँ कुनामा रहेको 'तीन डट' मेनु प्रयोग गरेर एक्सटेंशन प्यानल खोज्नुहोस्। त्यहाँबाट, 'लोड अनप्याक्ड' विकल्प छान्नुहोस्। प्रॉम्प्टमा 'dist' फोल्डर खोल्नुहोस्, र एक्सटेंशन लोड हुनेछ। यसलाई प्रयोग गर्न, तपाईंलाई CO2 सिग्नलको एपीआई ([यहाँ ईमेल मार्फत प्राप्त गर्नुहोस्](https://www.co2snal.com/) - यो पृष्ठमा आफ्नो ईमेल बक्समा प्रविष्ट गर्नुहोस्) र [आफ्नो क्षेत्रको कोड](http://api.electricitymap.org/v3/zones) [इलेक्ट्रिसिटी म्याप](https://www.electricitymap.org/map) बाट आवश्यक हुनेछ (उदाहरणका लागि, बोस्टनमा, म 'US-NEISO' प्रयोग गर्छु)। -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.ne.png) +![installing](../../../../../translated_images/ne/install-on-edge.78634f02842c4828.png) एक पटक एपीआई कुंजी र क्षेत्र एक्सटेंशन इन्टरफेसमा इनपुट गरेपछि, ब्राउज़र एक्सटेंशन बारमा रहेको रंगीन डटले तपाईंको क्षेत्रको ऊर्जा उपयोगलाई प्रतिबिम्बित गर्नुपर्छ र तपाईंलाई संकेत दिनुपर्छ कि ऊर्जा-गहन गतिविधिहरू तपाईंको प्रदर्शनका लागि उपयुक्त छन् कि छैनन्। यो 'डट' प्रणालीको अवधारणा मलाई क्यालिफोर्नियाको उत्सर्जनका लागि [एनर्जी लॉलीपप एक्सटेंशन](https://energylollipop.com/) बाट प्रेरित भएको हो। diff --git a/translations/ne/5-browser-extension/solution/translation/README.it.md b/translations/ne/5-browser-extension/solution/translation/README.it.md index 6f40ae9ff..b2ebbe795 100644 --- a/translations/ne/5-browser-extension/solution/translation/README.it.md +++ b/translations/ne/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow को Signal C02 API प्रयोग गरेर आफ्नो क्षेत्रको विद्युत उपयोगको निगरानी गर्न ब्राउजर एक्सटेन्सन बनाइनेछ। यसले तपाईंको ब्राउजरमा सिधै स्मरण गराउने सुविधा दिनेछ कि तपाईंको क्षेत्रको विद्युत उपयोग कति भारी छ। यो विशेष एक्सटेन्सन प्रयोग गर्दा तपाईं आफ्नो गतिविधिहरूलाई यी जानकारीको आधारमा मूल्याङ्कन गर्न सक्नुहुन्छ। -![एक्सटेन्सनको स्क्रिनशट](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![एक्सटेन्सनको स्क्रिनशट](../../../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरु गर्न @@ -31,7 +31,7 @@ npm run build Edge मा स्थापना गर्न, ब्राउजरको माथिल्लो दायाँ कुनामा रहेको "तीन बिन्दु" मेनु प्रयोग गरेर एक्सटेन्सन प्यानल खोज्नुहोस्। यदि सक्रिय छैन भने, डेभलपर मोड (तल बायाँ) सक्रिय गर्नुहोस्। "अनप्याक्ड लोड" चयन गरेर नयाँ एक्सटेन्सन लोड गर्नुहोस्। प्रम्प्टमा "dist" फोल्डर खोल्नुहोस् र एक्सटेन्सन लोड हुनेछ। प्रयोग गर्नका लागि, तपाईंलाई CO2 Signal API को लागि API की चाहिन्छ (तपाईं [यहाँ इमेल मार्फत प्राप्त गर्न सक्नुहुन्छ](https://www.co2signal.com/) - यस पृष्ठमा आफ्नो इमेल बक्समा राख्नुहोस्) र [म्याप इलेक्ट्रिसिटी](https://www.electricitymap.org/map) अनुसार आफ्नो क्षेत्रको [कोड](http://api.electricitymap.org/v3/zones) (उदाहरणका लागि, बोस्टनमा "US-NEISO")। -![स्थापना](../../../../../translated_images/install-on-edge.78634f02842c4828.ne.png) +![स्थापना](../../../../../translated_images/ne/install-on-edge.78634f02842c4828.png) एकपटक API की र क्षेत्र एक्सटेन्सनको इन्टरफेसमा राखेपछि, ब्राउजरको एक्सटेन्सन बारमा रहेको रंगीन बिन्दु क्षेत्रको ऊर्जा उपयोगलाई प्रतिबिम्बित गर्न परिवर्तन हुनेछ। यसले उच्च ऊर्जा खपत गतिविधिहरूको उपयुक्तता बारे संकेत दिनेछ। यो "बिन्दु" प्रणालीको अवधारणा [Energy Lollipop एक्सटेन्सन](https://energylollipop.com/) बाट क्यालिफोर्नियाको उत्सर्जनका लागि प्रेरित गरिएको हो। diff --git a/translations/ne/5-browser-extension/solution/translation/README.ja.md b/translations/ne/5-browser-extension/solution/translation/README.ja.md index 9431a041c..5a0363cb9 100644 --- a/translations/ne/5-browser-extension/solution/translation/README.ja.md +++ b/translations/ne/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow को C02 सिग्नल API प्रयोग गरेर तपाईंको क्षेत्रको विद्युत उपयोगको मात्रा ट्र्याक गर्नका लागि ब्राउजरमा रिमाइन्डरको रूपमा देखाउन सकिने ब्राउजर एक्सटेन्सन निर्माण गर्नुहोस्। यो एक्सटेन्सनलाई प्रयोग गरेर, तपाईं आफ्नो गतिविधि यस जानकारीको आधारमा निर्णय गर्न सक्नुहुन्छ। -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![extension screenshot](../../../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरु गर्न @@ -31,7 +31,7 @@ npm run build Edge मा स्थापना गर्न, ब्राउजरको माथिल्लो दायाँ कुनामा रहेको "तीन डट" मेनुबाट "Extensions" प्यानल खोज्नुहोस्। त्यहाँबाट "Load Unpacked" चयन गरेर नयाँ एक्सटेन्सन लोड गर्नुहोस्। प्रम्प्टमा "dist" फोल्डर खोल्दा एक्सटेन्सन लोड हुनेछ। प्रयोग गर्नका लागि, CO2 सिग्नल API को API की ([यहाँ इमेल मार्फत प्राप्त गर्नुहोस्](https://www.co2signal.com/) - यो पेजको बक्समा इमेल प्रविष्ट गर्नुहोस्) र [Electricity Map](https://www.electricitymap.org/map) मा तपाईंको क्षेत्रको [code](http://api.electricitymap.org/v3/zones) आवश्यक छ (उदाहरणका लागि, बोस्टनमा 'US-NEISO' प्रयोग गरिन्छ)। -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.ne.png) +![installing](../../../../../translated_images/ne/install-on-edge.78634f02842c4828.png) API की र क्षेत्र विस्तार इन्टरफेसमा प्रविष्ट गरेपछि, ब्राउजरको एक्सटेन्सन बारमा देखिने रंगीन डट परिवर्तन हुनेछ, जसले तपाईंको क्षेत्रको ऊर्जा उपयोगलाई प्रतिबिम्बित गर्नेछ। यसले तपाईंलाई कुन प्रकारको ऊर्जा आवश्यक पर्ने गतिविधि गर्न उपयुक्त छ भनेर संकेत गर्नेछ। यो "डट" प्रणालीको अवधारणा मलाई क्यालिफोर्नियाको उत्सर्जनको लागि [Energy Lollipop extension](https://energylollipop.com/) बाट प्रेरित गरेको हो। diff --git a/translations/ne/5-browser-extension/solution/translation/README.ms.md b/translations/ne/5-browser-extension/solution/translation/README.ms.md index c79181059..9ab65a3e1 100644 --- a/translations/ne/5-browser-extension/solution/translation/README.ms.md +++ b/translations/ne/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: C02 सिग्नल API प्रयोग गरेर विद्युत प्रयोगको निगरानी गर्न, ब्राउजर एक्सटेन्सन बनाउनुहोस् ताकि तपाईं आफ्नो क्षेत्रको विद्युत प्रयोगको गम्भीरता बारे ब्राउजरमा चेतावनी प्राप्त गर्न सक्नुहुन्छ। यो एक्सटेन्सन प्रयोग गर्दा तपाईंलाई यो जानकारीको आधारमा आफ्नो गतिविधिहरूको निर्णय गर्न मद्दत गर्नेछ। -![ब्राउजर एक्सटेन्सनको स्क्रिनशट](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![ब्राउजर एक्सटेन्सनको स्क्रिनशट](../../../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## यहाँबाट सुरु गर्नुहोस् @@ -31,7 +31,7 @@ npm run build Edge मा स्थापना गर्न, ब्राउजरको दायाँ माथिको कुनामा रहेको 'तीन बिन्दु' मेनु प्रयोग गरेर एक्सटेन्सन प्यानल खोज्नुहोस्। त्यहाँबाट, 'Load Unpacked' चयन गरेर नयाँ एक्सटेन्सन लोड गर्नुहोस्। अनुरोधमा 'dist' फोल्डर खोल्नुहोस् र एक्सटेन्सन लोड हुनेछ। यसलाई प्रयोग गर्न, तपाईंलाई CO2 सिग्नल API को लागि API किज चाहिन्छ ([यहाँ इमेल मार्फत प्राप्त गर्नुहोस्](https://www.co2signal.com/) - यो पृष्ठमा रहेको बक्समा आफ्नो इमेल राख्नुहोस्) र [तपाईंको क्षेत्रको कोड](http://api.electricitymap.org/v3/zones) जुन [इलेक्ट्रिसिटी म्याप](https://www.electricitymap.org/map) सँग मेल खान्छ (उदाहरणका लागि, बोस्टनमा, मैले 'US-NEISO' प्रयोग गरेको छु)। -![डाउनलोड गर्दै](../../../../../translated_images/install-on-edge.78634f02842c4828.ne.png) +![डाउनलोड गर्दै](../../../../../translated_images/ne/install-on-edge.78634f02842c4828.png) API किज र क्षेत्र एक्सटेन्सनको इन्टरफेसमा प्रविष्ट गरेपछि, ब्राउजर एक्सटेन्सन बारमा रहेको रंगीन बिन्दु तपाईंको क्षेत्रको ऊर्जा प्रयोगलाई प्रतिबिम्बित गर्न परिवर्तन हुनेछ र तपाईंलाई उपयुक्त गतिविधिहरूको सिफारिस दिनेछ। 'डट' प्रणालीको अवधारणा मलाई [क्यालिफोर्नियाको लागि एनर्जी ललिपप ब्राउजर एक्सटेन्सन](https://energylollipop.com/) बाट प्रेरित गरिएको हो। diff --git a/translations/ne/5-browser-extension/start/README.md b/translations/ne/5-browser-extension/start/README.md index 6ab5db69c..a24b9f846 100644 --- a/translations/ne/5-browser-extension/start/README.md +++ b/translations/ne/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow को C02 Signal API प्रयोग गरेर बिजुलीको प्रयोग ट्र्याक गर्न, एउटा ब्राउजर एक्स्टेन्सन बनाउनुहोस् जसले तपाईंलाई तपाईंको क्षेत्रको बिजुली प्रयोगको भारबारे ब्राउजरमै सम्झना दिन्छ। यो एक्स्टेन्सनलाई अनियमित रूपमा प्रयोग गर्दा तपाईंले यस जानकारीको आधारमा आफ्नो गतिविधिहरूको निर्णय लिन मद्दत गर्नेछ। -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ne.png) +![extension screenshot](../../../../translated_images/ne/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरु गर्न @@ -31,7 +31,7 @@ npm run build Edge मा स्थापना गर्न, ब्राउजरको माथिल्लो दायाँ कुनामा रहेको 'तीन डट' मेनु प्रयोग गरेर Extensions प्यानल खोज्नुहोस्। त्यहाँबाट, 'Load Unpacked' चयन गरेर नयाँ एक्स्टेन्सन लोड गर्नुहोस्। प्रम्प्टमा 'dist' फोल्डर खोल्नुहोस् र एक्स्टेन्सन लोड हुनेछ। यसलाई प्रयोग गर्न, तपाईंलाई CO2 Signal को API को लागि API key ([यहाँ इमेलमार्फत प्राप्त गर्नुहोस्](https://www.co2signal.com/) - यस पृष्ठमा आफ्नो इमेल बक्समा प्रविष्ट गर्नुहोस्) र [Electricity Map](https://www.electricitymap.org/map) सँग सम्बन्धित [तपाईंको क्षेत्रको कोड](http://api.electricitymap.org/v3/zones) आवश्यक हुनेछ (उदाहरणका लागि, बोस्टनमा म 'US-NEISO' प्रयोग गर्छु)। -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.ne.png) +![installing](../../../../translated_images/ne/install-on-edge.78634f02842c4828.png) एक पटक API key र क्षेत्र एक्स्टेन्सन इन्टरफेसमा प्रविष्ट गरेपछि, ब्राउजर एक्स्टेन्सन बारमा रहेको रङ्गीन डटले तपाईंको क्षेत्रको ऊर्जा प्रयोगलाई प्रतिबिम्बित गर्न परिवर्तन गर्नेछ र तपाईंलाई ऊर्जा-गहन गतिविधिहरूको लागि उपयुक्त सल्लाह दिनेछ। यो 'डट' प्रणालीको अवधारणा मलाई [Energy Lollipop एक्स्टेन्सन](https://energylollipop.com/) बाट क्यालिफोर्नियाको उत्सर्जनका लागि प्रेरित गरिएको हो। diff --git a/translations/ne/6-space-game/2-drawing-to-canvas/README.md b/translations/ne/6-space-game/2-drawing-to-canvas/README.md index 8a0331cd5..11000e423 100644 --- a/translations/ne/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/ne/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![क्यानभासको ग्रिड](../../../../translated_images/canvas_grid.5f209da785ded492.ne.png) +![क्यानभासको ग्रिड](../../../../translated_images/ne/canvas_grid.5f209da785ded492.png) > छवि [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) बाट क्यानभास तत्वमा चित्रण गर्न, तपाईंले क्यानभास ग्राफिक्सको आधार बनाउने तीन-चरण प्रक्रिया पछ्याउनुहुनेछ। तपाईंले यो केही पटक गरेपछि, यो स्वाभाविक बन्छ: @@ -329,11 +329,11 @@ flowchart TD - हिरो जहाज - ![हिरो जहाज](../../../../translated_images/player.dd24c1afa8c71e9b.ne.png) + ![हिरो जहाज](../../../../translated_images/ne/player.dd24c1afa8c71e9b.png) - 5*5 राक्षस - ![राक्षस जहाज](../../../../translated_images/enemyShip.5df2a822c16650c2.ne.png) + ![राक्षस जहाज](../../../../translated_images/ne/enemyShip.5df2a822c16650c2.png) ### विकास सुरु गर्न सिफारिस गरिएका चरणहरू @@ -414,7 +414,7 @@ const STOP_X = START_X + FORMATION_WIDTH; तयार परिणाम यसरी देखिनुपर्छ: -![कालो स्क्रिनमा एक नायक र ५*५ राक्षसहरू](../../../../translated_images/partI-solution.36c53b48c9ffae2a.ne.png) +![कालो स्क्रिनमा एक नायक र ५*५ राक्षसहरू](../../../../translated_images/ne/partI-solution.36c53b48c9ffae2a.png) ## समाधान diff --git a/translations/ne/6-space-game/5-keeping-score/README.md b/translations/ne/6-space-game/5-keeping-score/README.md index 4b322b0ae..dda6dfbb2 100644 --- a/translations/ne/6-space-game/5-keeping-score/README.md +++ b/translations/ne/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **स्कोरिङ प्रणाली**: प्रत्येक नष्ट गरिएको शत्रु जहाजले १०० पोइन्ट्स प्रदान गर्दछ (राउन्ड नम्बरहरू खेलाडीहरूले मानसिक रूपमा गणना गर्न सजिलो हुन्छ)। स्कोर तलको बायाँ कुनामा देखाइन्छ। -- **जीवन काउन्टर**: तपाईंको हिरो तीन जीवनहरूसँग सुरु हुन्छ - प्रारम्भिक आर्केड गेमहरूले चुनौती र खेल्न योग्यताको सन्तुलन गर्न स्थापना गरेको मानक। प्रत्येक शत्रुसँगको टक्करले एक जीवन खर्च हुन्छ। बाँकी जीवनहरू तलको दायाँ कुनामा जहाज आइकनहरू प्रयोग गरेर देखाइन्छ ![life image](../../../../translated_images/life.6fb9f50d53ee0413.ne.png)। +- **जीवन काउन्टर**: तपाईंको हिरो तीन जीवनहरूसँग सुरु हुन्छ - प्रारम्भिक आर्केड गेमहरूले चुनौती र खेल्न योग्यताको सन्तुलन गर्न स्थापना गरेको मानक। प्रत्येक शत्रुसँगको टक्करले एक जीवन खर्च हुन्छ। बाँकी जीवनहरू तलको दायाँ कुनामा जहाज आइकनहरू प्रयोग गरेर देखाइन्छ ![life image](../../../../translated_images/ne/life.6fb9f50d53ee0413.png)। ## निर्माण सुरु गरौं! diff --git a/translations/ne/7-bank-project/1-template-route/README.md b/translations/ne/7-bank-project/1-template-route/README.md index e13cc579a..fcf4ea36e 100644 --- a/translations/ne/7-bank-project/1-template-route/README.md +++ b/translations/ne/7-bank-project/1-template-route/README.md @@ -614,7 +614,7 @@ sequenceDiagram `history.pushState` प्रयोग गरेर ब्राउजरको नेभिगेसन history मा नयाँ प्रविष्टिहरू सिर्जना हुन्छ। तपाईंले आफ्नो ब्राउजरको *back button* थिचेर जाँच गर्न सक्नुहुन्छ, यसले केही यस्तो देखाउनु पर्छ: -![नेभिगेसन history को स्क्रिनशट](../../../../translated_images/history.7fdabbafa521e064.ne.png) +![नेभिगेसन history को स्क्रिनशट](../../../../translated_images/ne/history.7fdabbafa521e064.png) यदि तपाईं back बटन केही पटक क्लिक गर्नुहुन्छ भने, तपाईं देख्नुहुनेछ कि हालको URL परिवर्तन हुन्छ र history अपडेट हुन्छ, तर उही template प्रदर्शन भइरहन्छ। diff --git a/translations/ne/7-bank-project/2-forms/README.md b/translations/ne/7-bank-project/2-forms/README.md index 04313e86a..52c2f220b 100644 --- a/translations/ne/7-bank-project/2-forms/README.md +++ b/translations/ne/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ graph TD 2. तपाईंको ब्राउजरको ठेगाना पट्टीमा परिवर्तनहरू अवलोकन गर्नुहोस् 3. पृष्ठ पुनः लोड भएको र URL मा डेटा देखा परेको नोट गर्नुहोस् -![दर्ता बटन क्लिक गरेपछि ब्राउजरको URL परिवर्तनको स्क्रिनसट](../../../../translated_images/click-register.e89a30bf0d4bc9ca.ne.png) +![दर्ता बटन क्लिक गरेपछि ब्राउजरको URL परिवर्तनको स्क्रिनसट](../../../../translated_images/ne/click-register.e89a30bf0d4bc9ca.png) ### HTTP विधिहरूको तुलना @@ -350,7 +350,7 @@ graph TD 2. **"खाता सिर्जना गर्नुहोस्" बटन क्लिक गर्नुहोस्** 3. **तपाईंको ब्राउजरमा सर्भर प्रतिक्रिया अवलोकन गर्नुहोस्** -![ब्राउजर विन्डो, ठेगाना localhost:5000/api/accounts मा, JSON स्ट्रिङ देखाउँदै प्रयोगकर्ता डेटा सहित](../../../../translated_images/form-post.61de4ca1b964d91a.ne.png) +![ब्राउजर विन्डो, ठेगाना localhost:5000/api/accounts मा, JSON स्ट्रिङ देखाउँदै प्रयोगकर्ता डेटा सहित](../../../../translated_images/ne/form-post.61de4ca1b964d91a.png) **तपाईंले के देख्नुहुन्छ:** - **ब्राउजर पुनःनिर्देशन** API अन्तबिन्दु URL मा @@ -554,7 +554,7 @@ async function register() { 3. **क्लिक गर्नुहोस्** "खाता सिर्जना गर्नुहोस्" 4. **कन्सोल सन्देशहरू र प्रयोगकर्ता प्रतिक्रिया अवलोकन गर्नुहोस्** -![ब्राउजर कन्सोलमा देखिएको लग सन्देशको स्क्रिनशट](../../../../translated_images/browser-console.efaf0b51aaaf6778.ne.png) +![ब्राउजर कन्सोलमा देखिएको लग सन्देशको स्क्रिनशट](../../../../translated_images/ne/browser-console.efaf0b51aaaf6778.png) **तपाईंले के देख्नुहुन्छ:** - **लोडिङ स्थिति** सबमिट बटनमा देखा पर्छ @@ -729,7 +729,7 @@ input:focus:invalid { 3. **प्रयोगकर्ता नाम फिल्डमा विशेष क्यारेक्टरहरू प्रयास गर्नुहोस्** 4. **नकारात्मक ब्यालेन्स रकम प्रविष्ट गर्नुहोस्** -![फारम सबमिट गर्न प्रयास गर्दा देखिएको मान्यता त्रुटि](../../../../translated_images/validation-error.8bd23e98d416c22f.ne.png) +![फारम सबमिट गर्न प्रयास गर्दा देखिएको मान्यता त्रुटि](../../../../translated_images/ne/validation-error.8bd23e98d416c22f.png) **तपाईंले के अवलोकन गर्नुहुन्छ:** - **ब्राउजरले** देशी मान्यता सन्देशहरू देखाउँछ @@ -867,7 +867,7 @@ timeline थप शैलीहरू थपेपछि अन्तिम लगइन पृष्ठ कस्तो देखिन सक्छ भन्ने उदाहरण यहाँ छ: -![CSS शैलीहरू थपेपछि लगइन पृष्ठको स्क्रिनशट](../../../../translated_images/result.96ef01f607bf856a.ne.png) +![CSS शैलीहरू थपेपछि लगइन पृष्ठको स्क्रिनशट](../../../../translated_images/ne/result.96ef01f607bf856a.png) ## पोस्ट-व्याख्यान क्विज diff --git a/translations/ne/7-bank-project/3-data/README.md b/translations/ne/7-bank-project/3-data/README.md index 669c5bac8..ddaef2af0 100644 --- a/translations/ne/7-bank-project/3-data/README.md +++ b/translations/ne/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![मल्टि-पेज एप्लिकेसनमा अपडेट वर्कफ्लो](../../../../translated_images/mpa.7f7375a1a2d4aa77.ne.png) +![मल्टि-पेज एप्लिकेसनमा अपडेट वर्कफ्लो](../../../../translated_images/ne/mpa.7f7375a1a2d4aa77.png) **किन यो विधि असहज लाग्थ्यो:** - प्रत्येक क्लिकले सम्पूर्ण पृष्ठलाई पुनः निर्माण गर्नुपर्थ्यो @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![सिंगल-पेज एप्लिकेसनमा अपडेट वर्कफ्लो](../../../../translated_images/spa.268ec73b41f992c2.ne.png) +![सिंगल-पेज एप्लिकेसनमा अपडेट वर्कफ्लो](../../../../translated_images/ne/spa.268ec73b41f992c2.png) **किन SPA हरू धेरै राम्रो लाग्छन्:** - केवल वास्तवमा परिवर्तन भएका भागहरू अपडेट हुन्छन् (स्मार्ट, हैन?) @@ -510,7 +510,7 @@ if (data.error) { अब जब तपाईंले अमान्य खाता प्रयोग गरेर परीक्षण गर्नुहुन्छ, तपाईंले पृष्ठमा नै उपयोगी त्रुटि सन्देश देख्नुहुनेछ! -![लगइनको क्रममा देखाइएको त्रुटि सन्देशको स्क्रिनशट](../../../../translated_images/login-error.416fe019b36a6327.ne.png) +![लगइनको क्रममा देखाइएको त्रुटि सन्देशको स्क्रिनशट](../../../../translated_images/ne/login-error.416fe019b36a6327.png) #### चरण 4: पहुँचयोग्यताको साथ समावेशी बन्नुहोस् @@ -902,7 +902,7 @@ Agent मोड प्रयोग गरेर निम्न चुनौत यहाँ स्टाइलिङ पछि ड्यासबोर्डको उदाहरण परिणाम कस्तो देखिन्छ: -![ड्यासबोर्डको स्टाइलिङ पछि उदाहरण परिणामको स्क्रिनसट](../../../../translated_images/screen2.123c82a831a1d14a.ne.png) +![ड्यासबोर्डको स्टाइलिङ पछि उदाहरण परिणामको स्क्रिनसट](../../../../translated_images/ne/screen2.123c82a831a1d14a.png) यसलाई ठ्याक्कै मेल गर्नुपर्छ भन्ने महसुस नगर्नुहोस् - यसलाई प्रेरणाको रूपमा प्रयोग गर्नुहोस् र यसलाई आफ्नो बनाउनुहोस्! diff --git a/translations/ne/7-bank-project/4-state-management/README.md b/translations/ne/7-bank-project/4-state-management/README.md index b45a99c88..f38d8ebec 100644 --- a/translations/ne/7-bank-project/4-state-management/README.md +++ b/translations/ne/7-bank-project/4-state-management/README.md @@ -186,7 +186,7 @@ mindmap हामी हाम्रो टाउको घुमाउने सट्टा, **केन्द्रीयकृत स्टेट म्यानेजमेन्ट** प्रणाली सिर्जना गर्नेछौं। यसलाई सबै महत्त्वपूर्ण कुराहरूको जिम्मामा एकदमै व्यवस्थित व्यक्तिको रूपमा सोच्नुहोस्: -![HTML, प्रयोगकर्ता कार्यहरू र स्टेट बीचको डेटा प्रवाह देखाउने स्किमा](../../../../translated_images/data-flow.fa2354e0908fecc8.ne.png) +![HTML, प्रयोगकर्ता कार्यहरू र स्टेट बीचको डेटा प्रवाह देखाउने स्किमा](../../../../translated_images/ne/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD diff --git a/translations/ne/7-bank-project/4-state-management/assignment.md b/translations/ne/7-bank-project/4-state-management/assignment.md index a72a4246e..57a3b79ad 100644 --- a/translations/ne/7-bank-project/4-state-management/assignment.md +++ b/translations/ne/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **अपेक्षित परिणाम:** यो असाइनमेन्ट पूरा गरेपछि, तपाईंको बैंकिङ एपमा पूर्ण रूपमा कार्यात्मक "ट्रान्जेक्सन थप्नुहोस्" सुविधा हुनेछ जसले व्यावसायिक रूपमा देखिन्छ र व्यवहार गर्दछ: -![उदाहरण "ट्रान्जेक्सन थप्नुहोस्" संवाद देखाउने स्क्रिनशट](../../../../translated_images/dialog.93bba104afeb79f1.ne.png) +![उदाहरण "ट्रान्जेक्सन थप्नुहोस्" संवाद देखाउने स्क्रिनशट](../../../../translated_images/ne/dialog.93bba104afeb79f1.png) ## तपाईंको कार्यान्वयन परीक्षण गर्दै diff --git a/translations/ne/7-bank-project/README.md b/translations/ne/7-bank-project/README.md index 23df36b35..ca8fcb134 100644 --- a/translations/ne/7-bank-project/README.md +++ b/translations/ne/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: यस परियोजनामा, तपाईंले एक काल्पनिक बैंक कसरी निर्माण गर्ने भनेर सिक्नुहुनेछ। यी पाठहरूले वेब एपको लेआउट कसरी बनाउने र रुटहरू प्रदान गर्ने, फारमहरू निर्माण गर्ने, स्टेट व्यवस्थापन गर्ने, र API बाट डेटा कसरी ल्याउने भन्ने निर्देशनहरू समावेश गर्दछ, जसबाट तपाईं बैंकको डेटा प्राप्त गर्न सक्नुहुन्छ। -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.ne.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.ne.png) | +| ![Screen1](../../../translated_images/ne/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/ne/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## पाठहरू diff --git a/translations/ne/8-code-editor/1-using-a-code-editor/README.md b/translations/ne/8-code-editor/1-using-a-code-editor/README.md index de1885c0a..ee1de9737 100644 --- a/translations/ne/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/ne/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev यी क्षमताहरूलाई तपाईंको ब सबै कुरा लोड भएपछि, तपाईंले एक सुन्दर रूपमा सफा कार्यक्षेत्र देख्नुहुनेछ जुन तपाईंलाई महत्त्वपूर्ण कुरामा केन्द्रित राख्न डिजाइन गरिएको छ – तपाईंको कोड! -![डिफल्ट VSCode.dev इन्टरफेस](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.ne.png) +![डिफल्ट VSCode.dev इन्टरफेस](../../../../translated_images/ne/default-vscode-dev.5d06881d65c1b323.png) **यहाँ तपाईंको छिमेकको भ्रमण छ:** - **एक्टिभिटी बार** (बायाँपट्टि पट्टी): तपाईंको मुख्य नेभिगेसन एक्सप्लोरर 📁, खोज 🔍, स्रोत नियन्त्रण 🌿, एक्सटेन्सन 🧩, र सेटिङ ⚙️ सहित @@ -233,7 +233,7 @@ flowchart TB 1. [vscode.dev](https://vscode.dev) मा जानुहोस् यदि तपाईं त्यहाँ हुनुहुन्न भने 2. स्वागत स्क्रीनमा "ओपन रिमोट रिपोजिटरी" बटन खोज्नुहोस् र यसलाई क्लिक गर्नुहोस् - ![रिमोट रिपोजिटरी खोल्नुहोस्](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.ne.png) + ![रिमोट रिपोजिटरी खोल्नुहोस्](../../../../translated_images/ne/open-remote-repository.bd9c2598b8949e7f.png) 3. कुनै पनि GitHub रिपोजिटरी URL पेस्ट गर्नुहोस् (यो प्रयास गर्नुहोस्: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. इन्टर थिच्नुहोस् र जादू हेर्नुहोस्! @@ -242,7 +242,7 @@ flowchart TB कोडिङ जादूगर जस्तो महसुस गर्न चाहनुहुन्छ? यो किबोर्ड सर्टकट प्रयास गर्नुहोस्: Ctrl+Shift+P (वा Mac मा Cmd+Shift+P) कमाण्ड प्यालेट खोल्न: -![कमाण्ड प्यालेट](../../../../translated_images/palette-menu.4946174e07f42622.ne.png) +![कमाण्ड प्यालेट](../../../../translated_images/ne/palette-menu.4946174e07f42622.png) **कमाण्ड प्यालेट भनेको तपाईंले गर्न सक्ने सबै कुराको लागि खोज इन्जिन जस्तै हो:** - "ओपन रिमोट" टाइप गर्नुहोस् र यसले रिपोजिटरी ओपनर तपाईंको लागि फेला पार्छ @@ -304,7 +304,7 @@ flowchart TB 3. उपयुक्त एक्सटेन्सन सहित फाइल नाम प्रविष्ट गर्नुहोस् (`style.css`, `script.js`, `index.html`) 4. फाइल सिर्जना गर्न इन्टर थिच्नुहोस् -![नयाँ फाइल सिर्जना गर्दै](../../../../translated_images/create-new-file.2814e609c2af9aeb.ne.png) +![नयाँ फाइल सिर्जना गर्दै](../../../../translated_images/ne/create-new-file.2814e609c2af9aeb.png) **नामकरण परम्पराहरू:** - फाइल उद्देश्य संकेत गर्ने वर्णनात्मक नामहरू प्रयोग गर्नुहोस् @@ -322,7 +322,7 @@ flowchart TB 2. टाइप गर्न सुरु गर्नुहोस् र VSCode.dev ले तपाईंलाई रंग, सुझाव, र त्रुटि स्पटिङको साथ मद्दत गरेको हेर्नुहोस् 3. Ctrl+S (Windows/Linux) वा Cmd+S (Mac) सँग आफ्नो काम बचत गर्नुहोस् – यद्यपि यसले स्वचालित रूपमा पनि बचत गर्दछ! -![VSCode.dev मा फाइलहरू सम्पादन गर्दै](../../../../translated_images/edit-a-file.52c0ee665ef19f08.ne.png) +![VSCode.dev मा फाइलहरू सम्पादन गर्दै](../../../../translated_images/ne/edit-a-file.52c0ee665ef19f08.png) **कोड गर्दा हुने चाखलाग्दो कुराहरू:** - तपाईंको कोड सु @@ -392,7 +392,7 @@ Extension Marketplace धेरै राम्रोसँग व्यवस 2. वरिपरि ब्राउज गर्नुहोस् वा केही विशेष खोज्नुहोस् 3. चासो लाग्ने कुनै पनि कुरामा क्लिक गरेर थप जानकारी प्राप्त गर्नुहोस् -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.ne.png) +![Extension marketplace interface](../../../../translated_images/ne/extensions.eca0e0c7f59a10b5.png) **त्यहाँ के देख्नुहुन्छ:** @@ -445,7 +445,7 @@ Extension Marketplace धेरै राम्रोसँग व्यवस 3. Dropdown बाट "Extension Settings" चयन गर्नुहोस् 4. तपाईको workflow अनुसार चीजहरू समायोजन गर्नुहोस् -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.ne.png) +![Customizing extension settings](../../../../translated_images/ne/extension-settings.21c752ae4f4cdb78.png) **तपाईले समायोजन गर्न चाहन सक्ने सामान्य कुराहरू:** - तपाईको कोड कसरी फर्म्याट हुन्छ (tabs vs spaces, line length, आदि) diff --git a/translations/ne/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ne/8-code-editor/1-using-a-code-editor/assignment.md index 581cfa0d0..ef33a93ea 100644 --- a/translations/ne/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/ne/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ VSCode.dev लाई रिपोजिटरी खोल्न कम्ति 4. कमिट सन्देश लेख्नुहोस्: "Add initial HTML structure" 5. "Commit new file" क्लिक गरेर परिवर्तनहरू सुरक्षित गर्नुहोस् -![GitHub मा आरम्भिक फाइल सिर्जना गर्दै](../../../../translated_images/new-file-github.com.c886796d800e8056.ne.png) +![GitHub मा आरम्भिक फाइल सिर्जना गर्दै](../../../../translated_images/ne/new-file-github.com.c886796d800e8056.png) **यो आरम्भिक सेटअपले के पूरा गर्दछ:** - HTML5 कागजात संरचना सेम्यान्टिक तत्वहरूसँग स्थापना गर्दछ @@ -104,7 +104,7 @@ VSCode.dev लाई रिपोजिटरी खोल्न कम्ति ✅ **सफलता संकेतक**: तपाईंले आफ्नो परियोजना फाइलहरू Explorer साइडबारमा देख्नुहुनेछ र `index.html` मुख्य सम्पादक क्षेत्रमा सम्पादनको लागि उपलब्ध हुनेछ। -![VSCode.dev मा परियोजना लोड गरिएको](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ne.png) +![VSCode.dev मा परियोजना लोड गरिएको](../../../../translated_images/ne/project-on-vscode.dev.e79815a9a95ee7fe.png) **इन्टरफेसमा तपाईंले के देख्नुहुनेछ:** - **Explorer साइडबार**: **तपाईंको रिपोजिटरी फाइलहरू र फोल्डर संरचना देखाउँछ** @@ -448,7 +448,7 @@ li:before { **स्थापनापछि तत्काल परिणामहरू:** CodeSwing स्थापना भएपछि, तपाईंले आफ्नो रिजुम वेबसाइटको लाइभ पूर्वावलोकन सम्पादकमा देख्नुहुनेछ। यसले तपाईंलाई परिवर्तनहरू गर्दा तपाईंको साइट कस्तो देखिन्छ भन्ने देख्न अनुमति दिन्छ। -![CodeSwing एक्सटेन्सनले लाइभ पूर्वावलोकन देखाउँदै](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ne.png) +![CodeSwing एक्सटेन्सनले लाइभ पूर्वावलोकन देखाउँदै](../../../../translated_images/ne/after-codeswing-extension-pb.0ebddddcf73b5509.png) **सुधारिएको इन्टरफेसको समझ:** - **स्प्लिट भ्यू**: **तपाईंको कोड एक पक्षमा र लाइभ पूर्वावलोकन अर्को पक्षमा देखाउँछ** diff --git a/translations/ne/9-chat-project/README.md b/translations/ne/9-chat-project/README.md index 8302105b5..b3c2dba1d 100644 --- a/translations/ne/9-chat-project/README.md +++ b/translations/ne/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) तपाईंको समाप्त परियोजना यस्तो देखिनेछ: -![च्याट एप इन्टरफेसमा प्रयोगकर्ता र एआई सहायक बीचको संवाद देखाउँदै](../../../translated_images/screenshot.0a1ee0d123df681b.ne.png) +![च्याट एप इन्टरफेसमा प्रयोगकर्ता र एआई सहायक बीचको संवाद देखाउँदै](../../../translated_images/ne/screenshot.0a1ee0d123df681b.png) ## 🗺️ एआई अनुप्रयोग विकासको माध्यमबाट तपाईंको सिक्ने यात्रा @@ -1628,14 +1628,14 @@ mindmap - **[Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)** मा जानुहोस् - **शीर्ष-दायाँ कुनामा "Use this template" क्लिक गर्नुहोस्** (पक्का गर्नुहोस् कि तपाईं GitHub मा लगइन हुनुहुन्छ) -![टेम्प्लेटबाट सिर्जना गर्ने इन्टरफेस जसमा हरियो "Use this template" बटन देखिन्छ](../../../translated_images/template.67ad477109d29a2b.ne.png) +![टेम्प्लेटबाट सिर्जना गर्ने इन्टरफेस जसमा हरियो "Use this template" बटन देखिन्छ](../../../translated_images/ne/template.67ad477109d29a2b.png) **चरण २: Codespaces सुरु गर्नुहोस्** - **तपाईंको नयाँ सिर्जित रिपोजिटरी खोल्नुहोस्** - **हरियो "Code" बटन क्लिक गर्नुहोस् र "Codespaces" चयन गर्नुहोस्** - **"Create codespace on main" चयन गर्नुहोस्** ताकि तपाईंको विकास वातावरण सुरु होस् -![Codespace सिर्जना गर्ने इन्टरफेस जसमा क्लाउड विकास वातावरण सुरु गर्ने विकल्पहरू छन्](../../../translated_images/codespace.bcecbdf5d2747d3d.ne.png) +![Codespace सिर्जना गर्ने इन्टरफेस जसमा क्लाउड विकास वातावरण सुरु गर्ने विकल्पहरू छन्](../../../translated_images/ne/codespace.bcecbdf5d2747d3d.png) **चरण ३: वातावरण कन्फिगरेसन** तपाईंको Codespace लोड भएपछि, तपाईंले पहुँच पाउनुहुनेछ: diff --git a/translations/ne/README.md b/translations/ne/README.md index 511c8bb44..015735a6b 100644 --- a/translations/ne/README.md +++ b/translations/ne/README.md @@ -58,13 +58,13 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) मा जानुहोस् र सुरु गर्नुहोस्! -![Background](../../translated_images/background.148a8d43afde5730.ne.png) +![Background](../../translated_images/ne/background.148a8d43afde5730.png) - आधारदेखि RAG सम्म सबै कुरा समेट्ने पाठहरू। - GenAI र हाम्रो सहायक एप प्रयोग गरी ऐतिहासिक पात्रहरूसँग अन्तरक्रिया गर्नुहोस्। - रमाइलो र आकर्षक कथावस्तु, तपाईं समय यात्रा गर्दै हुनुहुन्छ! -![character](../../translated_images/character.5c0dd8e067ffd693.ne.png) +![character](../../translated_images/ne/character.5c0dd8e067ffd693.png) प्रत्येक पाठमा असाइन्मेन्ट पूरा गर्ने, ज्ञान जाँच गर्ने र चुनौतीहरू छन् जसले तपाईंलाई यी विषयहरू सिक्न मार्गनिर्देशन गर्छन्: - प्रॉम्प्टिङ र प्रॉम्प्ट इन्जिनियरिङ @@ -100,7 +100,7 @@ Azure AI Foundry Discord समुदायमा सामेल हुनु तपाईंले सिर्जना गरेको यस रिपोजिटरीको प्रतिलिपिमा, **Code** बटन क्लिक गरी **Open with Codespaces** चयन गर्नुहोस्। यसले तपाईँका लागि नयाँ Codespace सिर्जना गर्नेछ। -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.ne.png) +![Codespace](../../translated_images/ne/createcodespace.0238bbf4d7a8d955.png) #### आफ्नै कम्प्युटरमा यस पाठ्यक्रम चलाउन diff --git a/translations/ne/for-teachers.md b/translations/ne/for-teachers.md index 2dcc73071..dde337383 100644 --- a/translations/ne/for-teachers.md +++ b/translations/ne/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud मा सीमित Common Cartridge समर्थन छ। माथिको Moodle फाइललाई प्राथमिकता दिनुहोस्, जसलाई Canvas मा पनि अपलोड गर्न सकिन्छ। - आयातपछि, आफ्नो टर्म तालिकासँग मेल खाने गरी मोड्युलहरू, म्यादहरू, र क्विज सेटिङहरू समीक्षा गर्नुहोस्। -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.ne.png) +![Moodle](../../translated_images/ne/moodle.94eb93d714a50cb2.png) > Moodle कक्षामा पाठ्यक्रम -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.ne.png) +![Canvas](../../translated_images/ne/canvas.fbd605ff8e5b8aff.png) > Canvas मा पाठ्यक्रम ### रिपोजिटरीलाई प्रत्यक्ष रूपमा प्रयोग गर्नुहोस् (Classroom बिना) 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 9482dda99..b7459450c 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 @@ -17,7 +17,7 @@ Luister, ik snap het helemaal als programmeren nu nog intimiderend lijkt. Toen i 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/webdev101-programming.d6e3f98e61ac4bff.nl.png) +![Intro Programmering](../../../../translated_images/nl/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/nl/1-getting-started-lessons/2-github-basics/README.md b/translations/nl/1-getting-started-lessons/2-github-basics/README.md index 3ca3bdaf3..44e90f4dd 100644 --- a/translations/nl/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/nl/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Ik weet dat dit in het begin misschien wat overweldigend lijkt – ik herinner m We gaan deze reis samen maken, stap voor stap. Geen haast, geen druk – alleen jij, ik, en een paar echt coole tools die je nieuwe beste vrienden gaan worden! -![Intro tot GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.nl.png) +![Intro tot GitHub](../../../../translated_images/nl/webdev101-github.8846d7971abef6f9.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,7 @@ Laten we eerst een repository (of **repo**) op GitHub vinden die je interesseert ✅ Een goede manier om 'beginner-vriendelijke' repos te vinden is door [te zoeken op de tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Een repo lokaal kopiëren](../../../../translated_images/clone_repo.5085c48d666ead57.nl.png) +![Een repo lokaal kopiëren](../../../../translated_images/nl/clone_repo.5085c48d666ead57.png) Er zijn verschillende manieren om code te kopiëren. Een manier is om de inhoud van de repository te "clonen", met behulp van HTTPS, SSH, of de GitHub CLI (Command Line Interface). diff --git a/translations/nl/1-getting-started-lessons/3-accessibility/README.md b/translations/nl/1-getting-started-lessons/3-accessibility/README.md index 9d272dcd0..9b21d1396 100644 --- a/translations/nl/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/nl/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Toegankelijke Webpagina's Maken -![Alles Over Toegankelijkheid](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.nl.png) +![Alles Over Toegankelijkheid](../../../../translated_images/nl/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1060,12 +1060,12 @@ Elke afbeelding op je website heeft een doel. Door dat doel te begrijpen, kun je **Informatieve afbeeldingen** - geven belangrijke informatie: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Decoratieve afbeeldingen** - puur visueel zonder informatieve waarde: ```html - + ``` **Functionele afbeeldingen** - dienen als knoppen of bedieningselementen: @@ -1077,7 +1077,7 @@ Elke afbeelding op je website heeft een doel. Door dat doel te begrijpen, kun je **Complexe afbeeldingen** - grafieken, diagrammen, infographics: ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1117,7 +1117,7 @@ Elke afbeelding op je website heeft een doel. Door dat doel te begrijpen, kun je - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/nl/2-js-basics/1-data-types/README.md b/translations/nl/2-js-basics/1-data-types/README.md index 468526c0f..1628c5335 100644 --- a/translations/nl/2-js-basics/1-data-types/README.md +++ b/translations/nl/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Basisprincipes: Gegevenstypen -![JavaScript Basisprincipes - Gegevenstypen](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.nl.png) +![JavaScript Basisprincipes - Gegevenstypen](../../../../translated_images/nl/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/nl/2-js-basics/2-functions-methods/README.md b/translations/nl/2-js-basics/2-functions-methods/README.md index 02ef9a8ae..78724e852 100644 --- a/translations/nl/2-js-basics/2-functions-methods/README.md +++ b/translations/nl/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Basis: Methoden en Functies -![JavaScript Basis - Functies](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.nl.png) +![JavaScript Basis - Functies](../../../../translated_images/nl/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/nl/2-js-basics/3-making-decisions/README.md b/translations/nl/2-js-basics/3-making-decisions/README.md index 32cfe061a..ab70e449a 100644 --- a/translations/nl/2-js-basics/3-making-decisions/README.md +++ b/translations/nl/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Basis: Beslissingen nemen -![JavaScript Basis - Beslissingen nemen](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.nl.png) +![JavaScript Basis - Beslissingen nemen](../../../../translated_images/nl/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/nl/2-js-basics/4-arrays-loops/README.md b/translations/nl/2-js-basics/4-arrays-loops/README.md index 6c808607f..c18857050 100644 --- a/translations/nl/2-js-basics/4-arrays-loops/README.md +++ b/translations/nl/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Basis: Arrays en Lussen -![JavaScript Basis - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.nl.png) +![JavaScript Basis - Arrays](../../../../translated_images/nl/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/nl/3-terrarium/1-intro-to-html/README.md b/translations/nl/3-terrarium/1-intro-to-html/README.md index 35ba10759..d846894b4 100644 --- a/translations/nl/3-terrarium/1-intro-to-html/README.md +++ b/translations/nl/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![Introductie tot HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.nl.png) +![Introductie tot HTML](../../../../translated_images/nl/webdev101-html.4389c2067af68e98.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) HTML, of HyperText Markup Language, is de basis van elke website die je ooit hebt bezocht. Zie HTML als het skelet dat structuur geeft aan webpagina's – het bepaalt waar de inhoud komt, hoe het georganiseerd is en wat elk onderdeel betekent. Terwijl CSS later je HTML "aankleedt" met kleuren en lay-outs, en JavaScript het tot leven brengt met interactiviteit, biedt HTML de essentiële structuur die alles mogelijk maakt. @@ -88,7 +88,7 @@ Je maakt een speciale map voor je terrariumproject en voegt je eerste HTML-besta 4. Klik in het Explorer-paneel op het pictogram "New File" 5. Noem je bestand `index.html` -![VS Code Explorer toont het maken van een nieuw bestand](../../../../translated_images/vs-code-index.e2986cf919471eb9.nl.png) +![VS Code Explorer toont het maken van een nieuw bestand](../../../../translated_images/nl/vs-code-index.e2986cf919471eb9.png) **Optie 2: Gebruik Terminalcommando's** ```bash @@ -239,48 +239,48 @@ Voeg nu de plantafbeeldingen georganiseerd in twee kolommen toe tussen je `
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/nl/3-terrarium/2-intro-to-css/README.md b/translations/nl/3-terrarium/2-intro-to-css/README.md index 9561a536a..27d1a15b5 100644 --- a/translations/nl/3-terrarium/2-intro-to-css/README.md +++ b/translations/nl/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![Introductie tot CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.nl.png) +![Introductie tot CSS](../../../../translated_images/nl/webdev101-css.3f7af5991bf53a20.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) Weet je nog hoe je HTML-terrarium er vrij basic uitzag? Met CSS transformeren we die eenvoudige structuur tot iets visueel aantrekkelijks. @@ -205,7 +205,7 @@ body { Open de ontwikkelaarstools van je browser (F12), ga naar het tabblad Elements en inspecteer je `

`-element. Je zult zien dat het de lettertypefamilie van het body-element erft: -![geërfd lettertype](../../../../translated_images/1.cc07a5cbe114ad1d.nl.png) +![geërfd lettertype](../../../../translated_images/nl/1.cc07a5cbe114ad1d.png) ✅ **Experimenteren**: Probeer andere overerfbare eigenschappen in te stellen op `` zoals `color`, `line-height` of `text-align`. Wat gebeurt er met je koptekst en andere elementen? @@ -335,7 +335,7 @@ In ons terrarium heeft elke plant vergelijkbare styling nodig, maar ook individu **Hier is de HTML-structuur voor elke plant:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -599,7 +599,7 @@ Klaar om je terrarium te verbeteren met realistische glans op glas? Deze technie Je gaat subtiele highlights creëren die simuleren hoe licht reflecteert op glasoppervlakken. Deze aanpak is vergelijkbaar met hoe Renaissance-schilders zoals Jan van Eyck licht en reflectie gebruikten om geschilderd glas driedimensionaal te laten lijken. Dit is wat je wilt bereiken: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.nl.png) +![finished terrarium](../../../../translated_images/nl/terrarium-final.2f07047ffc597d0a.png) **Jouw uitdaging:** - **Creëer** subtiele witte of lichtgekleurde ovale vormen voor de glans op het glas diff --git a/translations/nl/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/nl/3-terrarium/3-intro-to-DOM-and-closures/README.md index f54a11818..d6cb5365d 100644 --- a/translations/nl/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/nl/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM en een closure](../../../../translated_images/webdev101-js.10280393044d7eaa.nl.png) +![DOM en een closure](../../../../translated_images/nl/webdev101-js.10280393044d7eaa.png) > Sketchnote door [Tomomi Imura](https://twitter.com/girlie_mac) Welkom bij een van de meest boeiende aspecten van webontwikkeling - interactief maken! Het Document Object Model (DOM) is als een brug tussen je HTML en JavaScript, en vandaag gaan we het gebruiken om je terrarium tot leven te brengen. Toen Tim Berners-Lee de eerste webbrowser creëerde, stelde hij zich een web voor waar documenten dynamisch en interactief konden zijn - de DOM maakt die visie mogelijk. @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![DOM boomrepresentatie](../../../../translated_images/dom-tree.7daf0e763cbbba92.nl.png) +![DOM boomrepresentatie](../../../../translated_images/nl/dom-tree.7daf0e763cbbba92.png) > Een representatie van de DOM en de HTML-markup die ernaar verwijst. Van [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -150,7 +150,7 @@ flowchart LR > 💡 **Closures begrijpen**: Closures zijn een belangrijk onderwerp in JavaScript, en veel ontwikkelaars gebruiken ze jarenlang voordat ze alle theoretische aspecten volledig begrijpen. Vandaag richten we ons op praktische toepassing - je zult zien dat closures natuurlijk ontstaan terwijl we onze interactieve functies bouwen. Begrip zal zich ontwikkelen naarmate je ziet hoe ze echte problemen oplossen. -![DOM boomrepresentatie](../../../../translated_images/dom-tree.7daf0e763cbbba92.nl.png) +![DOM boomrepresentatie](../../../../translated_images/nl/dom-tree.7daf0e763cbbba92.png) > Een representatie van de DOM en de HTML-markup die ernaar verwijst. Van [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -598,7 +598,7 @@ Test nu jouw interactieve terrarium! Open je `index.html`-bestand in een webbrow - **Ondersteuning voor meerdere apparaten**: Werkt op desktop en mobiel - **Prestatiebewust**: Geen geheugenlekken of overbodige berekeningen -![afgewerkt terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.nl.png) +![afgewerkt terrarium](../../../../translated_images/nl/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/nl/3-terrarium/solution/README.md b/translations/nl/3-terrarium/solution/README.md index 50e8cbc6a..92f50f0e3 100644 --- a/translations/nl/3-terrarium/solution/README.md +++ b/translations/nl/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Een kleine drag-and-drop code-meditatie. Met een beetje HTML, JS en CSS kun je een webinterface bouwen, deze stylen en interactie toevoegen. -![mijn terrarium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.nl.png) +![mijn terrarium](../../../../translated_images/nl/screenshot_gray.0c796099a1f9f25e.png) ## Credits diff --git a/translations/nl/5-browser-extension/1-about-browsers/README.md b/translations/nl/5-browser-extension/1-about-browsers/README.md index b7fc27548..e6adfd6f2 100644 --- a/translations/nl/5-browser-extension/1-about-browsers/README.md +++ b/translations/nl/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.nl.jpg) +![Browser sketchnote](../../../../translated_images/nl/browser.60317c9be8b7f84a.jpg) > Sketchnote door [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-Les Quiz @@ -79,7 +79,7 @@ Dit proces weerspiegelt hoe de eerste webbrowser, WorldWideWeb, werd ontworpen d ✅ **Een beetje geschiedenis**: De eerste browser heette 'WorldWideWeb' en werd in 1990 gemaakt door Sir Timothy Berners-Lee. -![vroegtijdige browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.nl.jpg) +![vroegtijdige browsers](../../../../translated_images/nl/earlybrowsers.d984b711cdf3a42d.jpg) > Enkele vroegtijdige browsers, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Hoe Browsers Webinhoud Verwerken @@ -198,7 +198,7 @@ quadrantChart Het begrijpen van het installatieproces van extensies helpt je de gebruikerservaring te anticiperen wanneer mensen je extensie installeren. Het installatieproces is gestandaardiseerd in moderne browsers, met kleine variaties in interfaceontwerp. -![screenshot van de Edge-browser die de open edge://extensions-pagina en het open instellingenmenu toont](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.nl.png) +![screenshot van de Edge-browser die de open edge://extensions-pagina en het open instellingenmenu toont](../../../../translated_images/nl/install-on-edge.d68781acaf0b3d3d.png) > **Belangrijk**: Zorg ervoor dat je ontwikkelaarsmodus inschakelt en extensies van andere winkels toestaat bij het testen van je eigen extensies. @@ -313,10 +313,10 @@ Dit volgt het principe van progressieve onthulling dat sinds de vroege dagen van ### Overzicht van Extensie Weergaven **Setup Weergave** - Configuratie voor eerste gebruik: -![screenshot van de voltooide extensie geopend in een browser, met een formulier met invoervelden voor regio en API-sleutel.](../../../../translated_images/1.b6da8c1394b07491.nl.png) +![screenshot van de voltooide extensie geopend in een browser, met een formulier met invoervelden voor regio en API-sleutel.](../../../../translated_images/nl/1.b6da8c1394b07491.png) **Resultaten Weergave** - Weergave van CO2-voetafdrukgegevens: -![screenshot van de voltooide extensie die waarden toont voor CO2-gebruik en percentage fossiele brandstoffen voor de regio US-NEISO.](../../../../translated_images/2.1dae52ff08042246.nl.png) +![screenshot van de voltooide extensie die waarden toont voor CO2-gebruik en percentage fossiele brandstoffen voor de regio US-NEISO.](../../../../translated_images/nl/2.1dae52ff08042246.png) ### Het Configuratieformulier Bouwen diff --git a/translations/nl/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/nl/5-browser-extension/2-forms-browsers-local-storage/README.md index d71a6e236..520be2fbf 100644 --- a/translations/nl/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/nl/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.nl.png) +![Local storage pane](../../../../translated_images/nl/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Beveiligingsoverweging**: In productie-applicaties brengt het opslaan van API-sleutels in LocalStorage beveiligingsrisico's met zich mee, omdat JavaScript toegang heeft tot deze gegevens. Voor leerdoeleinden werkt deze aanpak prima, maar echte applicaties zouden veilige server-side opslag moeten gebruiken voor gevoelige inloggegevens. diff --git a/translations/nl/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/nl/5-browser-extension/3-background-tasks-and-performance/README.md index fcf579929..6bd83d5d7 100644 --- a/translations/nl/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/nl/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Om Developer Tools in Edge te openen, klik je op die drie puntjes rechtsboven, g Laten we dit uitproberen. Open een website (Microsoft.com werkt goed hiervoor) en klik op die 'Opnemen'-knop. Vernieuw nu de pagina en bekijk hoe de profiler alles vastlegt wat er gebeurt. Wanneer je stopt met opnemen, zie je een gedetailleerde uitsplitsing van hoe de browser de site 'script', 'rendert' en 'schildert'. Het doet me denken aan hoe de missiecontrole elk systeem monitort tijdens een raketlancering - je krijgt realtime gegevens over precies wat er gebeurt en wanneer. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.nl.png) +![Edge profiler](../../../../translated_images/nl/profiler.5a4a62479c5df01c.png) ✅ De [Microsoft Documentatie](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) heeft veel meer details als je dieper wilt duiken. @@ -136,11 +136,11 @@ Selecteer elementen van de profieltijdlijn om in te zoomen op gebeurtenissen die Krijg een momentopname van de prestaties van je pagina door een deel van de profieltijdlijn te selecteren en naar het samenvattingspaneel te kijken: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.nl.png) +![Edge profiler snapshot](../../../../translated_images/nl/snapshot.97750180ebcad737.png) Controleer het Event Log-paneel om te zien of een gebeurtenis langer dan 15 ms duurde: -![Edge event log](../../../../translated_images/log.804026979f3707e0.nl.png) +![Edge event log](../../../../translated_images/nl/log.804026979f3707e0.png) ✅ Leer je profiler kennen! Open de ontwikkelaarstools op deze site en kijk of er knelpunten zijn. Wat is het langzaamst ladende bestand? Het snelste? diff --git a/translations/nl/5-browser-extension/README.md b/translations/nl/5-browser-extension/README.md index e596aba6b..70d1f0f76 100644 --- a/translations/nl/5-browser-extension/README.md +++ b/translations/nl/5-browser-extension/README.md @@ -23,7 +23,7 @@ Deze extensie kan ad hoc door een gebruiker worden opgeroepen zodra een API-sleu ### Credits -![een groene browserextensie](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![een groene browserextensie](../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Credits diff --git a/translations/nl/5-browser-extension/solution/README.md b/translations/nl/5-browser-extension/solution/README.md index 469fff378..5aca92996 100644 --- a/translations/nl/5-browser-extension/solution/README.md +++ b/translations/nl/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Gebruik de CO2 Signal API van tmrow om het elektriciteitsverbruik bij te houden en bouw een browserextensie zodat je direct in je browser een herinnering hebt over hoe zwaar het elektriciteitsverbruik in jouw regio is. Door deze extensie ad hoc te gebruiken, kun je beter beslissingen nemen over je activiteiten op basis van deze informatie. -![extensie screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![extensie screenshot](../../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Aan de slag @@ -31,7 +31,7 @@ npm run build Om de extensie op Edge te installeren, gebruik je het menu met de 'drie stippen' rechtsboven in de browser om het Extensies-paneel te vinden. Selecteer daar 'Load Unpacked' om een nieuwe extensie te laden. Open de 'dist'-map wanneer hierom wordt gevraagd en de extensie wordt geladen. Om het te gebruiken, heb je een API-sleutel nodig voor de CO2 Signal API ([hier via e-mail verkrijgen](https://www.co2signal.com/) - voer je e-mailadres in het veld op deze pagina in) en de [code voor jouw regio](http://api.electricitymap.org/v3/zones) die overeenkomt met de [Electricity Map](https://www.electricitymap.org/map) (in Boston gebruik ik bijvoorbeeld 'US-NEISO'). -![installeren](../../../../translated_images/install-on-edge.78634f02842c4828.nl.png) +![installeren](../../../../translated_images/nl/install-on-edge.78634f02842c4828.png) Zodra de API-sleutel en regio zijn ingevoerd in de interface van de extensie, zou de gekleurde stip in de browserextensiebalk moeten veranderen om het energieverbruik in jouw regio weer te geven. Het geeft je een aanwijzing over welke energie-intensieve activiteiten geschikt zijn om uit te voeren. Het concept achter dit 'stip'-systeem is geïnspireerd door de [Energy Lollipop extensie](https://energylollipop.com/) voor emissies in Californië. diff --git a/translations/nl/5-browser-extension/solution/translation/README.es.md b/translations/nl/5-browser-extension/solution/translation/README.es.md index 53b02a307..0f3aec9f6 100644 --- a/translations/nl/5-browser-extension/solution/translation/README.es.md +++ b/translations/nl/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Met behulp van de CO2-signaal-API van tmrow om het elektriciteitsverbruik te volgen, maak je een browserextensie zodat je direct in je browser een herinnering hebt over het elektriciteitsverbruik in jouw regio. Het gebruik van deze ad-hocextensie helpt je om beslissingen te nemen over je activiteiten op basis van deze informatie. -![extensie screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.nl.png) +![extensie screenshot](../../../../../translated_images/nl/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Aan de slag @@ -31,7 +31,7 @@ npm run build Om de extensie in Edge te installeren, gebruik je het menu met de 'drie puntjes' in de rechterbovenhoek van de browser om het Extensiepaneel te vinden. Selecteer daar 'Uitgepakte extensie laden' om een nieuwe extensie te laden. Open de map 'dist' wanneer hierom wordt gevraagd, en de extensie wordt geladen. Om het te gebruiken, heb je een API-sleutel nodig voor de CO2 Signal API ([verkrijg er hier via e-mail een](https://www.co2signal.com/) - voer je e-mailadres in het veld op deze pagina in) en de [code voor jouw regio](http://api.electricitymap.org/v3/zones) die overeenkomt met de [Electricity Map](https://www.electricitymap.org/map) (in Boston gebruik ik bijvoorbeeld 'US-NEISO'). -![installeren](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.nl.png) +![installeren](../../../../../translated_images/nl/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Zodra de API-sleutel en de regio in de extensie-interface zijn ingevoerd, zou het gekleurde punt in de extensiebalk van de browser moeten veranderen om het energieverbruik in jouw regio weer te geven. Het geeft je een indicatie van welke activiteiten met een hoog energieverbruik geschikt zijn. Het concept achter dit "puntensysteem" is geïnspireerd door de [Energy Lollipop-extensie](https://energylollipop.com/) voor de emissies in Californië. diff --git a/translations/nl/5-browser-extension/solution/translation/README.fr.md b/translations/nl/5-browser-extension/solution/translation/README.fr.md index 5eb63c837..e15326097 100644 --- a/translations/nl/5-browser-extension/solution/translation/README.fr.md +++ b/translations/nl/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Met behulp van de CO2 Signal API van tmrow om het elektriciteitsverbruik te volgen, maak je een browserextensie zodat je direct in je browser een herinnering kunt krijgen over het elektriciteitsverbruik in jouw regio. Het gebruik van deze ad-hoc extensie helpt je om je activiteiten te beoordelen op basis van deze informatie. -![extensie screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![extensie screenshot](../../../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Aan de slag @@ -31,7 +31,7 @@ npm run build Om de extensie op Edge te installeren, gebruik je het menu met de 'drie puntjes' in de rechterbovenhoek van de browser om het Extensies-paneel te vinden. Selecteer daar 'Uitgepakte extensie laden' om een nieuwe extensie te laden. Open de map 'dist' wanneer daarom wordt gevraagd, en de extensie wordt geladen. Om de extensie te gebruiken, heb je een API-sleutel nodig voor de CO2 Signal API ([verkrijg er hier een via e-mail](https://www.co2signal.com/) - voer je e-mailadres in het veld op deze pagina in) en de [code voor jouw regio](http://api.electricitymap.org/v3/zones) die overeenkomt met de [Electricity Map](https://www.electricitymap.org/map) (in Boston gebruik ik bijvoorbeeld 'US-NEISO'). -![installatie](../../../../../translated_images/install-on-edge.78634f02842c4828.nl.png) +![installatie](../../../../../translated_images/nl/install-on-edge.78634f02842c4828.png) Zodra de API-sleutel en de regio zijn ingevoerd in de extensie-interface, zou het gekleurde puntje in de extensiebalk van de browser moeten veranderen om het energieverbruik in jouw regio weer te geven. Dit geeft je een indicatie van welke energie-intensieve activiteiten op dat moment geschikt zijn. Het concept achter dit 'puntensysteem' is geïnspireerd door de [Energy Lollipop extensie](https://energylollipop.com/) voor emissies in Californië. diff --git a/translations/nl/5-browser-extension/solution/translation/README.hi.md b/translations/nl/5-browser-extension/solution/translation/README.hi.md index a4b81cf42..1629e777d 100644 --- a/translations/nl/5-browser-extension/solution/translation/README.hi.md +++ b/translations/nl/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Met behulp van de CO2 Signal API van tmrow om het elektriciteitsverbruik te volgen, bouwen we een browser-extensie die je eraan herinnert hoe zwaar het elektriciteitsverbruik in jouw regio is. Door deze extensie te gebruiken, kun je op basis van deze informatie beslissingen nemen over je activiteiten. -![Extensie Screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![Extensie Screenshot](../../../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Aan de slag @@ -31,7 +31,7 @@ npm run build Om te installeren in Edge, gebruik het 'drie-puntjes'-menu in de rechterbovenhoek van de browser om het extensiepaneel te vinden. Kies daar 'Ongepakte extensie laden'. Open de 'dist'-map in de prompt en de extensie wordt geladen. Om het te gebruiken, heb je een API-sleutel nodig voor de CO2 Signal API ([verkrijgbaar via e-mail hier](https://www.co2signal.com/) - voer je e-mailadres in het vak op die pagina in) en [de code voor jouw regio](http://api.electricitymap.org/v3/zones) van [Electricity Map](https://www.electricitymap.org/map) (bijvoorbeeld, in Boston gebruik ik 'US-NEISO'). -![installeren](../../../../../translated_images/install-on-edge.78634f02842c4828.nl.png) +![installeren](../../../../../translated_images/nl/install-on-edge.78634f02842c4828.png) Zodra de API-sleutel en regio in de extensie-interface zijn ingevoerd, zou de gekleurde stip in de browser-extensiebalk moeten veranderen om het energieverbruik in jouw regio weer te geven. Dit geeft je een indicatie van welke energie-intensieve activiteiten geschikt zijn op dat moment. Het idee achter dit 'stip'-systeem is geïnspireerd door de [Energy Lollipop-extensie](https://energylollipop.com/) voor emissies in Californië. diff --git a/translations/nl/5-browser-extension/solution/translation/README.it.md b/translations/nl/5-browser-extension/solution/translation/README.it.md index 5d1464ae0..39622071d 100644 --- a/translations/nl/5-browser-extension/solution/translation/README.it.md +++ b/translations/nl/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: We zullen de Signal CO2 API van tmrow gebruiken om het elektriciteitsverbruik te monitoren en een browserextensie te maken. Zo kun je direct in je browser een herinnering krijgen over hoe zwaar het elektriciteitsverbruik in jouw regio is. Het gebruik van deze op maat gemaakte extensie helpt je om je activiteiten te evalueren op basis van deze informatie. -![screenshot van de extensie](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![screenshot van de extensie](../../../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Aan de Slag @@ -31,7 +31,7 @@ npm run build Om de extensie in Edge te installeren, gebruik je het menu met de "drie puntjes" in de rechterbovenhoek van de browser om het Extensies-paneel te vinden. Als het nog niet is ingeschakeld, zet dan de Ontwikkelaarsmodus aan (linksonder). Selecteer "Uitgepakte extensie laden" om een nieuwe extensie te laden. Open de map "dist" in het prompt, en de extensie wordt geladen. Om het te gebruiken, heb je een API-sleutel nodig voor de CO2 Signal API (je kunt er [hier via e-mail een krijgen](https://www.co2signal.com/) - voer je e-mailadres in het veld op deze pagina in) en de [code voor jouw regio](http://api.electricitymap.org/v3/zones) die overeenkomt met de [elektriciteitskaart](https://www.electricitymap.org/map) (bijvoorbeeld, in Boston is dat "US-NEISO"). -![installatie](../../../../../translated_images/install-on-edge.78634f02842c4828.nl.png) +![installatie](../../../../../translated_images/nl/install-on-edge.78634f02842c4828.png) Zodra de API-sleutel en de regio zijn ingevoerd in de interface van de extensie, zou het gekleurde puntje in de browserextensiebalk moeten veranderen om het energieverbruik van de regio weer te geven. Het biedt ook een aanwijzing over welke energie-intensieve activiteiten geschikt zijn om uit te voeren. Het concept achter dit "puntensysteem" is geïnspireerd door de [Energy Lollipop-extensie](https://energylollipop.com/) voor emissies in Californië. diff --git a/translations/nl/5-browser-extension/solution/translation/README.ja.md b/translations/nl/5-browser-extension/solution/translation/README.ja.md index 8f0bf2a52..404831543 100644 --- a/translations/nl/5-browser-extension/solution/translation/README.ja.md +++ b/translations/nl/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Bouw een browserextensie die, met behulp van de CO2 Signal API van tmrow, het energieverbruik in jouw regio bijhoudt en dit als een herinnering op je browser weergeeft. Door deze extensie ad-hoc te gebruiken, kun je je activiteiten baseren op deze informatie. -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![extension screenshot](../../../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Aan de slag @@ -31,7 +31,7 @@ npm run build Om de extensie in Edge te installeren, ga je naar het "drie stippen"-menu rechtsboven in de browser en zoek je het paneel "Extensies". Kies daar "Load Unpacked" en laad de nieuwe extensie. Wanneer je wordt gevraagd, open je de "dist"-map om de extensie te laden. Om de extensie te gebruiken, heb je een API-sleutel van de CO2 Signal API nodig ([hier via e-mail verkrijgen](https://www.co2signal.com/) - voer je e-mailadres in het vak op die pagina in) en een [code voor jouw regio](http://api.electricitymap.org/v3/zones) die overeenkomt met de [Electricity Map](https://www.electricitymap.org/map) (bijvoorbeeld, voor Boston gebruik je 'US-NEISO'). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.nl.png) +![installing](../../../../../translated_images/nl/install-on-edge.78634f02842c4828.png) Wanneer je de API-sleutel en regio invoert in de extensie-interface, verandert de gekleurde stip die in de extensiebalk van je browser wordt weergegeven. Deze stip weerspiegelt het energieverbruik in jouw regio en geeft aan welke activiteiten geschikt zijn op basis van het energieverbruik. Het concept van dit "stip"-systeem is geïnspireerd door de [Energy Lollipop extension](https://energylollipop.com/) voor emissies in Californië. diff --git a/translations/nl/5-browser-extension/solution/translation/README.ms.md b/translations/nl/5-browser-extension/solution/translation/README.ms.md index badb1ae0a..c0e2f44a3 100644 --- a/translations/nl/5-browser-extension/solution/translation/README.ms.md +++ b/translations/nl/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Gebruik de CO2 Signal API van tmrow om het elektriciteitsverbruik te monitoren en bouw een browserextensie waarmee je waarschuwingen kunt ontvangen over hoe zwaar het elektriciteitsverbruik in jouw regio is. Het gebruik van deze extensie helpt je om je activiteiten beter af te stemmen op deze informatie. -![screenshot van browserextensie](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![screenshot van browserextensie](../../../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Aan de Slag @@ -31,7 +31,7 @@ npm run build Om de extensie in Edge te installeren, gebruik je het menu met de 'drie puntjes' in de rechterbovenhoek van de browser om het Extensies-paneel te vinden. Kies daar 'Load Unpacked' om een nieuwe extensie te laden. Open de 'dist'-map wanneer hierom wordt gevraagd en de extensie wordt geladen. Om de extensie te gebruiken, heb je een API-sleutel nodig voor de CO2 Signal API ([verkrijg er een via e-mail hier](https://www.co2signal.com/) - voer je e-mailadres in het veld op deze pagina in) en [de code voor jouw regio](http://api.electricitymap.org/v3/zones) die overeenkomt met [Electricity Map](https://www.electricitymap.org/map) (in Boston gebruik ik bijvoorbeeld 'US-NEISO'). -![bezig met downloaden](../../../../../translated_images/install-on-edge.78634f02842c4828.nl.png) +![bezig met downloaden](../../../../../translated_images/nl/install-on-edge.78634f02842c4828.png) Zodra de API-sleutel en regio zijn ingevoerd in de interface van de extensie, zal de gekleurde stip in de browserextensiebalk veranderen om het energieverbruik in jouw regio weer te geven en je een indicatie geven van welke zware activiteiten geschikt zijn om te doen. Het idee achter dit 'stip'-systeem is geïnspireerd door [de Energy Lollipop browserextensie](https://energylollipop.com/) voor de uitstoot in Californië. diff --git a/translations/nl/5-browser-extension/start/README.md b/translations/nl/5-browser-extension/start/README.md index cfe136736..dc7fdd8b0 100644 --- a/translations/nl/5-browser-extension/start/README.md +++ b/translations/nl/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Met behulp van de CO2 Signal API van tmrow om elektriciteitsgebruik bij te houden, bouw je een browserextensie zodat je direct in je browser een herinnering hebt over hoe zwaar het elektriciteitsgebruik in jouw regio is. Door deze extensie ad hoc te gebruiken, kun je beter beslissingen nemen over je activiteiten op basis van deze informatie. -![extensie screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.nl.png) +![extensie screenshot](../../../../translated_images/nl/extension-screenshot.0e7f5bfa110e92e3.png) ## Aan de slag @@ -31,7 +31,7 @@ npm run build Om de extensie op Edge te installeren, gebruik je het menu met de 'drie puntjes' rechtsboven in de browser om het Extensiepaneel te vinden. Selecteer daar 'Load Unpacked' om een nieuwe extensie te laden. Open de map 'dist' wanneer daarom wordt gevraagd, en de extensie wordt geladen. Om de extensie te gebruiken, heb je een API-sleutel nodig voor de CO2 Signal API ([hier aanvragen via e-mail](https://www.co2signal.com/) - voer je e-mailadres in op deze pagina) en de [code voor jouw regio](http://api.electricitymap.org/v3/zones) die overeenkomt met de [Electricity Map](https://www.electricitymap.org/map) (in Boston gebruik ik bijvoorbeeld 'US-NEISO'). -![installeren](../../../../translated_images/install-on-edge.78634f02842c4828.nl.png) +![installeren](../../../../translated_images/nl/install-on-edge.78634f02842c4828.png) Zodra de API-sleutel en regio zijn ingevoerd in de interface van de extensie, zou de gekleurde stip in de browserextensiebalk moeten veranderen om het energiegebruik in jouw regio weer te geven. Het geeft je ook een aanwijzing over welke energie-intensieve activiteiten geschikt zijn om te doen. Het idee achter dit 'stip'-systeem is geïnspireerd door de [Energy Lollipop-extensie](https://energylollipop.com/) voor emissies in Californië. diff --git a/translations/nl/6-space-game/2-drawing-to-canvas/README.md b/translations/nl/6-space-game/2-drawing-to-canvas/README.md index a30c83fed..629f157a1 100644 --- a/translations/nl/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/nl/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![het raster van de canvas](../../../../translated_images/canvas_grid.5f209da785ded492.nl.png) +![het raster van de canvas](../../../../translated_images/nl/canvas_grid.5f209da785ded492.png) > Afbeelding van [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Om op het canvas-element te tekenen, volg je hetzelfde drie-stappenproces dat de basis vormt van alle canvasgraphics. Zodra je dit een paar keer hebt gedaan, wordt het een tweede natuur: @@ -329,11 +329,11 @@ Je gaat een webpagina maken met een Canvas-element. Het moet een zwart scherm va - Heldenschip - ![Heldenschip](../../../../translated_images/player.dd24c1afa8c71e9b.nl.png) + ![Heldenschip](../../../../translated_images/nl/player.dd24c1afa8c71e9b.png) - 5*5 monster - ![Monsterschip](../../../../translated_images/enemyShip.5df2a822c16650c2.nl.png) + ![Monsterschip](../../../../translated_images/nl/enemyShip.5df2a822c16650c2.png) ### Aanbevolen stappen om te beginnen met ontwikkelen @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Het eindresultaat zou er zo uit moeten zien: -![Zwart scherm met een held en 5*5 monsters](../../../../translated_images/partI-solution.36c53b48c9ffae2a.nl.png) +![Zwart scherm met een held en 5*5 monsters](../../../../translated_images/nl/partI-solution.36c53b48c9ffae2a.png) ## Oplossing diff --git a/translations/nl/6-space-game/5-keeping-score/README.md b/translations/nl/6-space-game/5-keeping-score/README.md index a0645da0e..0422a89fa 100644 --- a/translations/nl/6-space-game/5-keeping-score/README.md +++ b/translations/nl/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **Puntensysteem**: Elk vernietigd vijandelijk schip levert 100 punten op (ronde getallen zijn gemakkelijker voor spelers om mentaal te berekenen). De score wordt weergegeven in de linkerbenedenhoek. -- **Leventeller**: Je held begint met drie levens - een standaard die door vroege arcadespellen werd vastgesteld om uitdaging en speelbaarheid in balans te brengen. Elke botsing met een vijand kost één leven. We tonen de resterende levens in de rechterbenedenhoek met scheepsiconen ![life image](../../../../translated_images/life.6fb9f50d53ee0413.nl.png). +- **Leventeller**: Je held begint met drie levens - een standaard die door vroege arcadespellen werd vastgesteld om uitdaging en speelbaarheid in balans te brengen. Elke botsing met een vijand kost één leven. We tonen de resterende levens in de rechterbenedenhoek met scheepsiconen ![life image](../../../../translated_images/nl/life.6fb9f50d53ee0413.png). ## Laten we beginnen met bouwen! diff --git a/translations/nl/7-bank-project/1-template-route/README.md b/translations/nl/7-bank-project/1-template-route/README.md index fdf4f7a7d..e33e05db4 100644 --- a/translations/nl/7-bank-project/1-template-route/README.md +++ b/translations/nl/7-bank-project/1-template-route/README.md @@ -652,7 +652,7 @@ sequenceDiagram Het gebruik van `history.pushState` creëert nieuwe invoeren in de navigatiegeschiedenis van de browser. Je kunt dat controleren door de *terugknop* van je browser ingedrukt te houden, het zou er ongeveer zo uit moeten zien: -![Screenshot van navigatiegeschiedenis](../../../../translated_images/history.7fdabbafa521e064.nl.png) +![Screenshot van navigatiegeschiedenis](../../../../translated_images/nl/history.7fdabbafa521e064.png) Als je een paar keer op de terugknop klikt, zie je dat de huidige URL verandert en de geschiedenis wordt bijgewerkt, maar dezelfde template blijft worden weergegeven. diff --git a/translations/nl/7-bank-project/2-forms/README.md b/translations/nl/7-bank-project/2-forms/README.md index b146386bb..3d1f1d4f3 100644 --- a/translations/nl/7-bank-project/2-forms/README.md +++ b/translations/nl/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ Laten we eerst observeren wat er gebeurt bij een basisformulierverzending: 2. Observeer de veranderingen in de adresbalk van je browser 3. Merk op hoe de pagina opnieuw laadt en gegevens in de URL verschijnen -![Screenshot van de URL-verandering in de browser na het klikken op de Registreren-knop](../../../../translated_images/click-register.e89a30bf0d4bc9ca.nl.png) +![Screenshot van de URL-verandering in de browser na het klikken op de Registreren-knop](../../../../translated_images/nl/click-register.e89a30bf0d4bc9ca.png) ### Vergelijking van HTTP-methoden @@ -350,7 +350,7 @@ Laten we je registratieformulier configureren om correct te communiceren met de 2. **Klik** op de knop "Account aanmaken" 3. **Observeer** de serverrespons in je browser -![Een browservenster op het adres localhost:5000/api/accounts, met een JSON-string met gebruikersgegevens](../../../../translated_images/form-post.61de4ca1b964d91a.nl.png) +![Een browservenster op het adres localhost:5000/api/accounts, met een JSON-string met gebruikersgegevens](../../../../translated_images/nl/form-post.61de4ca1b964d91a.png) **Wat je zou moeten zien:** - **Browser verwijst** naar de API-eindpunt-URL @@ -615,7 +615,7 @@ async function register() { 3. **Klik** op "Account aanmaken" 4. **Observeer** de consoleberichten en gebruikersfeedback -![Screenshot met logbericht in de browserconsole](../../../../translated_images/browser-console.efaf0b51aaaf6778.nl.png) +![Screenshot met logbericht in de browserconsole](../../../../translated_images/nl/browser-console.efaf0b51aaaf6778.png) **Wat je zou moeten zien:** - **Laadstatus** verschijnt op de verzendknop @@ -790,7 +790,7 @@ Laten we je registratieformulier verbeteren met robuuste validatie die een uitst 3. **Probeer** speciale tekens in het gebruikersnaamveld 4. **Voer** een negatief saldo in -![Screenshot met validatiefout bij het proberen het formulier in te dienen](../../../../translated_images/validation-error.8bd23e98d416c22f.nl.png) +![Screenshot met validatiefout bij het proberen het formulier in te dienen](../../../../translated_images/nl/validation-error.8bd23e98d416c22f.png) **Wat je zult zien:** - **Browser toont** native validatiemeldingen @@ -952,7 +952,7 @@ Toon een foutmelding in de HTML als de gebruiker al bestaat. Hier is een voorbeeld van hoe de uiteindelijke inlogpagina eruit kan zien na wat styling: -![Screenshot van de inlogpagina na het toevoegen van CSS-stijlen](../../../../translated_images/result.96ef01f607bf856a.nl.png) +![Screenshot van de inlogpagina na het toevoegen van CSS-stijlen](../../../../translated_images/nl/result.96ef01f607bf856a.png) ## Quiz na de les diff --git a/translations/nl/7-bank-project/3-data/README.md b/translations/nl/7-bank-project/3-data/README.md index 5d91afa73..b0407d876 100644 --- a/translations/nl/7-bank-project/3-data/README.md +++ b/translations/nl/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![Update workflow in een multi-page applicatie](../../../../translated_images/mpa.7f7375a1a2d4aa77.nl.png) +![Update workflow in een multi-page applicatie](../../../../translated_images/nl/mpa.7f7375a1a2d4aa77.png) **Waarom deze aanpak onhandig aanvoelde:** - Elke klik betekende dat de hele pagina opnieuw moest worden opgebouwd @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![Update workflow in een single-page applicatie](../../../../translated_images/spa.268ec73b41f992c2.nl.png) +![Update workflow in een single-page applicatie](../../../../translated_images/nl/spa.268ec73b41f992c2.png) **Waarom SPA's zoveel beter aanvoelen:** - Alleen de delen die daadwerkelijk zijn veranderd worden bijgewerkt (slim, toch?) @@ -523,7 +523,7 @@ if (data.error) { Nu, wanneer je test met een ongeldig account, zie je een nuttige foutmelding direct op de pagina! -![Screenshot van de foutmelding die wordt weergegeven tijdens het inloggen](../../../../translated_images/login-error.416fe019b36a6327.nl.png) +![Screenshot van de foutmelding die wordt weergegeven tijdens het inloggen](../../../../translated_images/nl/login-error.416fe019b36a6327.png) #### Stap 4: Inclusief zijn met toegankelijkheid @@ -961,7 +961,7 @@ Klaar om je bankingapp naar een hoger niveau te tillen? Laten we ervoor zorgen d Hier is hoe een gepolijst dashboard eruit zou kunnen zien: -![Screenshot van een voorbeeldresultaat van het dashboard na styling](../../../../translated_images/screen2.123c82a831a1d14a.nl.png) +![Screenshot van een voorbeeldresultaat van het dashboard na styling](../../../../translated_images/nl/screen2.123c82a831a1d14a.png) Voel je niet verplicht om dit precies na te maken - gebruik het als inspiratie en maak er je eigen versie van! diff --git a/translations/nl/7-bank-project/4-state-management/README.md b/translations/nl/7-bank-project/4-state-management/README.md index 61191c70b..7da4c87cb 100644 --- a/translations/nl/7-bank-project/4-state-management/README.md +++ b/translations/nl/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ Net als het compartimentontwerp van de Titanic dat robuust leek totdat meerdere In plaats van achter de feiten aan te lopen, gaan we een **gecentraliseerd state management** systeem creëren. Denk eraan als één echt georganiseerd persoon die verantwoordelijk is voor alle belangrijke zaken: -![Schema dat de datastromen toont tussen de HTML, gebruikersacties en state](../../../../translated_images/data-flow.fa2354e0908fecc8.nl.png) +![Schema dat de datastromen toont tussen de HTML, gebruikersacties en state](../../../../translated_images/nl/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -803,7 +803,7 @@ Deze uitdaging helpt u te denken als een professionele ontwikkelaar die zowel ge Hier is een voorbeeldresultaat na het voltooien van de opdracht: -![Screenshot van een voorbeeld "Transactie toevoegen"-dialoogvenster](../../../../translated_images/dialog.93bba104afeb79f1.nl.png) +![Screenshot van een voorbeeld "Transactie toevoegen"-dialoogvenster](../../../../translated_images/nl/dialog.93bba104afeb79f1.png) --- diff --git a/translations/nl/7-bank-project/4-state-management/assignment.md b/translations/nl/7-bank-project/4-state-management/assignment.md index d789596cf..89762c1df 100644 --- a/translations/nl/7-bank-project/4-state-management/assignment.md +++ b/translations/nl/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Raadpleeg de [server API-documentatie](../api/README.md) voor: **Verwacht Resultaat:** Na het voltooien van deze opdracht moet je bankapp een volledig functionele "Transactie Toevoegen"-functie hebben die er professioneel uitziet en zich professioneel gedraagt: -![Screenshot van een voorbeeld "Transactie Toevoegen" dialoog](../../../../translated_images/dialog.93bba104afeb79f1.nl.png) +![Screenshot van een voorbeeld "Transactie Toevoegen" dialoog](../../../../translated_images/nl/dialog.93bba104afeb79f1.png) ## Testen van je Implementatie diff --git a/translations/nl/7-bank-project/README.md b/translations/nl/7-bank-project/README.md index c990523cf..75c2efa2a 100644 --- a/translations/nl/7-bank-project/README.md +++ b/translations/nl/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: In dit project leer je hoe je een fictieve bank kunt bouwen. Deze lessen bevatten instructies over hoe je een webapp kunt opzetten en routes kunt toevoegen, formulieren kunt bouwen, de status kunt beheren en gegevens kunt ophalen van een API waarmee je de gegevens van de bank kunt ophalen. -| ![Scherm1](../../../translated_images/screen1.baccbba0f1f93364.nl.png) | ![Scherm2](../../../translated_images/screen2.123c82a831a1d14a.nl.png) | +| ![Scherm1](../../../translated_images/nl/screen1.baccbba0f1f93364.png) | ![Scherm2](../../../translated_images/nl/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Lessen diff --git a/translations/nl/8-code-editor/1-using-a-code-editor/README.md b/translations/nl/8-code-editor/1-using-a-code-editor/README.md index 47637e60d..23b0b5a6b 100644 --- a/translations/nl/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/nl/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ Net zoals de telefoon van Alexander Graham Bell verre locaties verbond, verbindt Zodra alles is geladen, zie je een prachtig schone werkruimte die is ontworpen om je gefocust te houden op wat belangrijk is – je code! -![Standaard VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.nl.png) +![Standaard VSCode.dev interface](../../../../translated_images/nl/default-vscode-dev.5d06881d65c1b323.png) **Hier is je rondleiding door de buurt:** - **Activiteitenbalk** (die strook links): Je hoofdnavigatie met Explorer 📁, Zoeken 🔍, Source Control 🌿, Extensies 🧩, en Instellingen ⚙️ @@ -233,7 +233,7 @@ Dit is perfect wanneer je nieuw begint in VSCode.dev en een specifieke repositor 1. Ga naar [vscode.dev](https://vscode.dev) als je daar nog niet bent 2. Zoek de knop "Open Remote Repository" op het welkomstscherm en klik erop - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.nl.png) + ![Open remote repository](../../../../translated_images/nl/open-remote-repository.bd9c2598b8949e7f.png) 3. Plak een GitHub-repository-URL (probeer deze: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Druk op Enter en zie de magie gebeuren! @@ -242,7 +242,7 @@ Dit is perfect wanneer je nieuw begint in VSCode.dev en een specifieke repositor Wil je je als een codeerwizard voelen? Probeer deze sneltoets: Ctrl+Shift+P (of Cmd+Shift+P op Mac) om de Command Palette te openen: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.nl.png) +![Command Palette](../../../../translated_images/nl/palette-menu.4946174e07f42622.png) **De Command Palette is als een zoekmachine voor alles wat je kunt doen:** - Typ "open remote" en het vindt de repository-opener voor je @@ -304,7 +304,7 @@ Net zoals het organiseren van blauwdrukken in het kantoor van een architect, vol 3. Voer de bestandsnaam in, inclusief de juiste extensie (`style.css`, `script.js`, `index.html`) 4. Druk op Enter om het bestand te maken -![Een nieuw bestand maken](../../../../translated_images/create-new-file.2814e609c2af9aeb.nl.png) +![Een nieuw bestand maken](../../../../translated_images/nl/create-new-file.2814e609c2af9aeb.png) **Naamgevingsconventies:** - Gebruik beschrijvende namen die het doel van het bestand aangeven @@ -322,7 +322,7 @@ Hier begint het echte plezier! De editor van VSCode.dev zit boordevol handige fu 2. Begin met typen en zie hoe VSCode.dev je helpt met kleuren, suggesties en foutdetectie 3. Sla je werk op met Ctrl+S (Windows/Linux) of Cmd+S (Mac) – hoewel het ook automatisch opslaat! -![Bestanden bewerken in VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.nl.png) +![Bestanden bewerken in VSCode.dev](../../../../translated_images/nl/edit-a-file.52c0ee665ef19f08.png) **De coole dingen die gebeuren terwijl je codeert:** - Je code wordt prachtig ingekleurd, zodat het gemakkelijk te lezen is @@ -343,7 +343,7 @@ Net zoals archeologen gedetailleerde verslagen maken van opgravingslagen, houdt 2. Gewijzigde bestanden verschijnen in de sectie "Changes" 3. Kleuraanduidingen geven wijzigingstypen aan: groen voor toevoegingen, rood voor verwijderingen -![Wijzigingen bekijken in Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.nl.png) +![Wijzigingen bekijken in Source Control](../../../../translated_images/nl/working-tree.c58eec08e6335c79.png) **Je werk opslaan (de commit-workflow):** @@ -438,7 +438,7 @@ De extensiemarkt is heel overzichtelijk, dus je raakt niet verdwaald terwijl je 2. Blader rond of zoek naar iets specifieks 3. Klik op iets interessants om er meer over te leren -![Interface van de extensiemarkt](../../../../translated_images/extensions.eca0e0c7f59a10b5.nl.png) +![Interface van de extensiemarkt](../../../../translated_images/nl/extensions.eca0e0c7f59a10b5.png) **Wat je daar zult zien:** @@ -491,7 +491,7 @@ De meeste extensies hebben instellingen die je kunt aanpassen zodat ze precies w 3. Kies "Extensie-instellingen" in het dropdownmenu 4. Pas dingen aan totdat ze perfect aansluiten bij jouw workflow -![Instellingen van extensies aanpassen](../../../../translated_images/extension-settings.21c752ae4f4cdb78.nl.png) +![Instellingen van extensies aanpassen](../../../../translated_images/nl/extension-settings.21c752ae4f4cdb78.png) **Veelvoorkomende dingen die je wilt aanpassen:** - Hoe je code wordt geformatteerd (tabs vs spaties, regellengte, etc.) diff --git a/translations/nl/8-code-editor/1-using-a-code-editor/assignment.md b/translations/nl/8-code-editor/1-using-a-code-editor/assignment.md index e576e55cf..b4b0088e7 100644 --- a/translations/nl/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/nl/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Omdat VSCode.dev ten minste één bestand nodig heeft om een repository te opene 4. **Schrijf** een commitbericht: "Voeg initiële HTML-structuur toe" 5. **Klik op** "Commit new file" om je wijzigingen op te slaan -![Een initiëel bestand maken op GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.nl.png) +![Een initiëel bestand maken op GitHub](../../../../translated_images/nl/new-file-github.com.c886796d800e8056.png) **Wat deze initiële setup bereikt:** - **Stelt** een correcte HTML5-documentstructuur in met semantische elementen @@ -104,7 +104,7 @@ Nu de basis van je repository is opgezet, schakelen we over naar VSCode.dev voor ✅ **Succesindicator**: Je zou je projectbestanden moeten zien in de Explorer-zijbalk en `index.html` beschikbaar voor bewerking in het hoofdeditorgebied. -![Project geladen in VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.nl.png) +![Project geladen in VSCode.dev](../../../../translated_images/nl/project-on-vscode.dev.e79815a9a95ee7fe.png) **Wat je ziet in de interface:** - **Explorer-zijbalk**: **Toont** je repository-bestanden en mapstructuur @@ -448,7 +448,7 @@ Extensies verbeteren je ontwikkelervaring door live preview-mogelijkheden en ver **Directe resultaten na installatie:** Zodra CodeSwing is geïnstalleerd, zie je een live preview van je CV-website verschijnen in de editor. Hierdoor kun je precies zien hoe je site eruitziet terwijl je wijzigingen aanbrengt. -![CodeSwing-extensie met live preview](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.nl.png) +![CodeSwing-extensie met live preview](../../../../translated_images/nl/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Begrip van de verbeterde interface:** - **Gesplitst scherm**: **Toont** je code aan de ene kant en een live preview aan de andere kant diff --git a/translations/nl/9-chat-project/README.md b/translations/nl/9-chat-project/README.md index 04c2434e1..f53c65c5f 100644 --- a/translations/nl/9-chat-project/README.md +++ b/translations/nl/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) Zo ziet je voltooide project eruit: -![Chat-app interface die een gesprek toont tussen gebruiker en AI-assistent](../../../translated_images/screenshot.0a1ee0d123df681b.nl.png) +![Chat-app interface die een gesprek toont tussen gebruiker en AI-assistent](../../../translated_images/nl/screenshot.0a1ee0d123df681b.png) ## 🗺️ Jouw leertraject door AI-toepassingsontwikkeling @@ -194,7 +194,7 @@ mindmap **Kernprincipe**: AI-toepassingsontwikkeling combineert traditionele webontwikkelingsvaardigheden met AI-dienstintegratie, waardoor intelligente toepassingen ontstaan die natuurlijk en responsief aanvoelen voor gebruikers. -![GitHub Models AI Playground interface met modelselectie en testgebied](../../../translated_images/playground.d2b927122224ff8f.nl.png) +![GitHub Models AI Playground interface met modelselectie en testgebied](../../../translated_images/nl/playground.d2b927122224ff8f.png) **Waarom de playground zo handig is:** - **Probeer** verschillende AI-modellen zoals GPT-4o-mini, Claude en anderen (allemaal gratis!) @@ -204,7 +204,7 @@ mindmap Zodra je wat hebt geëxperimenteerd, klik je gewoon op het tabblad "Code" en kies je je programmeertaal om de implementatiecode te krijgen die je nodig hebt. -![Playground keuze toont codegeneratie-opties voor verschillende programmeertalen](../../../translated_images/playground-choice.1d23ba7d407f4758.nl.png) +![Playground keuze toont codegeneratie-opties voor verschillende programmeertalen](../../../translated_images/nl/playground-choice.1d23ba7d407f4758.png) ## Het instellen van de Python backend-integratie @@ -2365,14 +2365,14 @@ Wil je dit project uitproberen in een cloudontwikkelingsomgeving? GitHub Codespa - **Ga naar** de [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **Klik** op "Use this template" in de rechterbovenhoek (zorg ervoor dat je bent ingelogd op GitHub) -![Interface voor het maken van een template met de groene knop "Use this template"](../../../translated_images/template.67ad477109d29a2b.nl.png) +![Interface voor het maken van een template met de groene knop "Use this template"](../../../translated_images/nl/template.67ad477109d29a2b.png) **Stap 2: Codespaces Starten** - **Open** je nieuw aangemaakte repository - **Klik** op de groene knop "Code" en selecteer "Codespaces" - **Kies** "Create codespace on main" om je ontwikkelomgeving te starten -![Interface voor het maken van een codespace met opties voor het starten van een cloudontwikkelingsomgeving](../../../translated_images/codespace.bcecbdf5d2747d3d.nl.png) +![Interface voor het maken van een codespace met opties voor het starten van een cloudontwikkelingsomgeving](../../../translated_images/nl/codespace.bcecbdf5d2747d3d.png) **Stap 3: Omgevingsconfiguratie** Zodra je Codespace is geladen, heb je toegang tot: diff --git a/translations/nl/README.md b/translations/nl/README.md index d64b40dc3..c21272440 100644 --- a/translations/nl/README.md +++ b/translations/nl/README.md @@ -88,7 +88,7 @@ Volg de volgende stappen: Klik in jouw eigen repository op de knop **Code** en selecteer **Open with Codespaces**. Dit maakt een nieuwe Codespace aan waarin je kunt werken. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.nl.png) +![Codespace](../../translated_images/nl/createcodespace.0238bbf4d7a8d955.png) #### Het curriculum lokaal draaien op je computer diff --git a/translations/nl/for-teachers.md b/translations/nl/for-teachers.md index b65179dad..8eb252202 100644 --- a/translations/nl/for-teachers.md +++ b/translations/nl/for-teachers.md @@ -42,10 +42,10 @@ Dit lesprogramma bevat importeerbare pakketten voor gangbare LMS-workflows. - Moodle Cloud heeft beperkte ondersteuning voor Common Cartridge. Geef de voorkeur aan het bovenstaande Moodle-bestand, dat ook in Canvas kan worden geüpload. - Controleer na import de modules, deadlines en quizinstellingen om aan te sluiten bij uw semesterschema. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.nl.png) +![Moodle](../../translated_images/nl/moodle.94eb93d714a50cb2.png) > Het lesprogramma in een Moodle-klas -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.nl.png) +![Canvas](../../translated_images/nl/canvas.fbd605ff8e5b8aff.png) > Het lesprogramma in Canvas ### Gebruik de repository direct (zonder Classroom) 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 0b3a7272b..2f2928f27 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 @@ -17,7 +17,7 @@ Se, jeg skjønner helt hvis programmering føles skremmende akkurat nå. Da jeg 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! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.no.png) +![Intro Programming](../../../../translated_images/no/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/no/1-getting-started-lessons/2-github-basics/README.md b/translations/no/1-getting-started-lessons/2-github-basics/README.md index 2f3189057..b4c13014e 100644 --- a/translations/no/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/no/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Jeg vet dette kan føles som mye i starten – jeg husker selv da jeg stirret p Vi skal ta denne reisen sammen, ett steg av gangen. Ikke hast, ingen press – bare du, meg, og noen skikkelig kule verktøy som snart blir dine nye bestevenner! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.no.png) +![Intro to GitHub](../../../../translated_images/no/webdev101-github.8846d7971abef6f9.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,7 @@ Først, la oss finne et repository (eller **repo**) på GitHub som interesserer ✅ En god måte å finne 'nybegynnervennlige' repoer på er å [søke etter taggen 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Kopier en repo lokalt](../../../../translated_images/clone_repo.5085c48d666ead57.no.png) +![Kopier en repo lokalt](../../../../translated_images/no/clone_repo.5085c48d666ead57.png) Det finnes flere måter å kopiere kode på. En måte er å "klone" innholdet i repoet, ved å bruke HTTPS, SSH, eller GitHub CLI (Command Line Interface). diff --git a/translations/no/1-getting-started-lessons/3-accessibility/README.md b/translations/no/1-getting-started-lessons/3-accessibility/README.md index a02a36f6e..3ebde7db0 100644 --- a/translations/no/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/no/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Lage tilgjengelige nettsider -![Alt om tilgjengelighet](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.no.png) +![Alt om tilgjengelighet](../../../../translated_images/no/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Hvert bilde på nettstedet ditt har et formål. Å forstå det formålet hjelper **Informative bilder** - formidler viktig informasjon: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Dekorative bilder** - rent visuelle uten informasjonsverdi: ```html - + ``` **Funksjonelle bilder** - fungerer som knapper eller kontroller: @@ -1066,7 +1066,7 @@ Hvert bilde på nettstedet ditt har et formål. Å forstå det formålet hjelper **Komplekse bilder** - diagrammer, diagrammer, infografikk: ```html -Quarterly sales data +Quarterly sales data

Detailed description: Sales data shows a steady increase across all quarters...

@@ -1106,7 +1106,7 @@ Hvert bilde på nettstedet ditt har et formål. Å forstå det formålet hjelper - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/no/2-js-basics/1-data-types/README.md b/translations/no/2-js-basics/1-data-types/README.md index 1d6dafa11..42b46784a 100644 --- a/translations/no/2-js-basics/1-data-types/README.md +++ b/translations/no/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript grunnleggende: Datatyper -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.no.png) +![JavaScript Basics - Data types](../../../../translated_images/no/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/no/2-js-basics/2-functions-methods/README.md b/translations/no/2-js-basics/2-functions-methods/README.md index 2d907bd55..839536351 100644 --- a/translations/no/2-js-basics/2-functions-methods/README.md +++ b/translations/no/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Grunnleggende: Metoder og Funksjoner -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.no.png) +![JavaScript Basics - Functions](../../../../translated_images/no/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/no/2-js-basics/3-making-decisions/README.md b/translations/no/2-js-basics/3-making-decisions/README.md index c127c1eec..1a997bc84 100644 --- a/translations/no/2-js-basics/3-making-decisions/README.md +++ b/translations/no/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Grunnleggende: Ta Beslutninger -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.no.png) +![JavaScript Basics - Making decisions](../../../../translated_images/no/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/no/2-js-basics/4-arrays-loops/README.md b/translations/no/2-js-basics/4-arrays-loops/README.md index 310fec58c..38ea6bfd1 100644 --- a/translations/no/2-js-basics/4-arrays-loops/README.md +++ b/translations/no/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Grunnleggende: Arrays og Løkker -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.no.png) +![JavaScript Basics - Arrays](../../../../translated_images/no/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/no/3-terrarium/1-intro-to-html/README.md b/translations/no/3-terrarium/1-intro-to-html/README.md index 899404baf..783d59d58 100644 --- a/translations/no/3-terrarium/1-intro-to-html/README.md +++ b/translations/no/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Forbedre tilgjengelighet: 5: Student Bygg terrarium: 5: Student ``` -![Introduksjon til HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.no.png) +![Introduksjon til HTML](../../../../translated_images/no/webdev101-html.4389c2067af68e98.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) HTML, eller HyperText Markup Language, er grunnlaget for alle nettsider du noen gang har besøkt. Tenk på HTML som skjelettet som gir struktur til nettsider – det definerer hvor innhold går, hvordan det organiseres, og hva hver del representerer. Mens CSS senere "kler opp" ditt HTML med farger og oppsett, og JavaScript bringer det til liv med interaktivitet, gir HTML den nødvendige strukturen som gjør alt annet mulig. @@ -86,7 +86,7 @@ Du skal lage en dedikert mappe for terrarium-prosjektet ditt og legge til din f 4. I Explorer-panelet, klikk på ikonet for "New File" 5. Gi filen navnet `index.html` -![VS Code Explorer showing new file creation](../../../../translated_images/vs-code-index.e2986cf919471eb9.no.png) +![VS Code Explorer showing new file creation](../../../../translated_images/no/vs-code-index.e2986cf919471eb9.png) **Alternativ 2: Bruke terminalkommandoer** ```bash @@ -236,48 +236,48 @@ Legg nå til plantebildene organisert i to kolonner mellom dine ``-
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/no/3-terrarium/2-intro-to-css/README.md b/translations/no/3-terrarium/2-intro-to-css/README.md index b10734932..ee60bc31a 100644 --- a/translations/no/3-terrarium/2-intro-to-css/README.md +++ b/translations/no/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Responsivt design: 5: Student Glassrefleksjoner: 5: Student ``` -![Introduksjon til CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.no.png) +![Introduksjon til CSS](../../../../translated_images/no/webdev101-css.3f7af5991bf53a20.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) Husker du hvordan HTML-terrariet ditt så ganske enkelt ut? CSS er der vi forvandler den enkle strukturen til noe visuelt tiltalende. @@ -202,7 +202,7 @@ body { Åpne nettleserens utviklerverktøy (F12), gå til Elementer-fanen, og inspiser `

`-elementet ditt. Du vil se at det arver fontfamilien fra body: -![arvet font](../../../../translated_images/1.cc07a5cbe114ad1d.no.png) +![arvet font](../../../../translated_images/no/1.cc07a5cbe114ad1d.png) ✅ **Eksperimenter**: Prøv å sette andre arvelige egenskaper på `` som `color`, `line-height` eller `text-align`. Hva skjer med overskriften og andre elementer? @@ -332,7 +332,7 @@ I terrariet vårt trenger hver plante lignende styling, men også individuell po **Her er HTML-strukturen for hver plante:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -596,7 +596,7 @@ Klar for å forbedre terrariet med realistiske glassrefleksjoner? Denne teknikke Du skal lage subtile høylys som simulerer hvordan lys reflekteres på glassoverflater. Denne tilnærmingen ligner på hvordan renessanse-malere som Jan van Eyck brukte lys og refleksjon for å få malt glass til å virke tredimensjonalt. Slik skal det bli: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.no.png) +![finished terrarium](../../../../translated_images/no/terrarium-final.2f07047ffc597d0a.png) **Din utfordring:** - **Lag** subtile hvite eller lyse ovale former for glassrefleksjonene diff --git a/translations/no/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/no/3-terrarium/3-intro-to-DOM-and-closures/README.md index b2a9be816..c81c43103 100644 --- a/translations/no/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/no/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Test funksjonalitet: 5: Student Fullfør terrarium: 5: Student ``` -![DOM and a closure](../../../../translated_images/webdev101-js.10280393044d7eaa.no.png) +![DOM and a closure](../../../../translated_images/no/webdev101-js.10280393044d7eaa.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) Velkommen til en av de mest engasjerende aspektene ved webutvikling – å gjøre ting interaktive! Document Object Model (DOM) er som en bro mellom din HTML og JavaScript, og i dag skal vi bruke den til å bringe terrariet ditt til liv. Da Tim Berners-Lee laget den første nettleseren, forestilte han seg et nett der dokumenter kunne være dynamiske og interaktive – DOM gjør denne visjonen mulig. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM tree representation](../../../../translated_images/dom-tree.7daf0e763cbbba92.no.png) +![DOM tree representation](../../../../translated_images/no/dom-tree.7daf0e763cbbba92.png) > En representasjon av DOM og HTML-markup som refererer til den. Fra [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Forstå closures**: Closures er et viktig tema i JavaScript, og mange utviklere bruker dem i mange år før de fullt ut forstår alle teoretiske aspekter. I dag fokuserer vi på praktisk anvendelse – du vil se closures naturlig dukke opp når vi bygger våre interaktive funksjoner. Forståelsen utvikler seg mens du ser hvordan de løser virkelige problemer. -![DOM tree representation](../../../../translated_images/dom-tree.7daf0e763cbbba92.no.png) +![DOM tree representation](../../../../translated_images/no/dom-tree.7daf0e763cbbba92.png) > En representasjon av DOM og HTML-markup som refererer til den. Fra [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Nå kan du teste ditt interaktive terrarium! Åpne `index.html`-filen i en nettl - **Tverrplattformstøtte**: Fungerer på desktop og mobil - **Ytelsesbevisst**: Ingen minnelekkasjer eller unødvendige beregninger -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.no.png) +![finished terrarium](../../../../translated_images/no/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/no/3-terrarium/solution/README.md b/translations/no/3-terrarium/solution/README.md index 8991206ad..6067998fa 100644 --- a/translations/no/3-terrarium/solution/README.md +++ b/translations/no/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: En liten dra-og-slipp kode-meditasjon. Med litt HTML, JS og CSS kan du lage et webgrensesnitt, style det og legge til interaksjon. -![mitt terrarium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.no.png) +![mitt terrarium](../../../../translated_images/no/screenshot_gray.0c796099a1f9f25e.png) ## Krediteringer diff --git a/translations/no/5-browser-extension/1-about-browsers/README.md b/translations/no/5-browser-extension/1-about-browsers/README.md index b7c9a634b..6a805cc94 100644 --- a/translations/no/5-browser-extension/1-about-browsers/README.md +++ b/translations/no/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Feilsøk problemer: 4: Student Poler opplevelsen: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.no.jpg) +![Browser sketchnote](../../../../translated_images/no/browser.60317c9be8b7f84a.jpg) > Sketchnote av [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Quiz før forelesning @@ -77,7 +77,7 @@ Denne prosessen speiler hvordan den første nettleseren, WorldWideWeb, ble desig ✅ **Litt historie**: Den første nettleseren het 'WorldWideWeb' og ble laget av Sir Timothy Berners-Lee i 1990. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.no.jpg) +![early browsers](../../../../translated_images/no/earlybrowsers.d984b711cdf3a42d.jpg) > Noen tidlige nettlesere, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Hvordan Nettlesere Behandler Nettinnhold @@ -194,7 +194,7 @@ quadrantChart Å forstå installasjonsprosessen for utvidelser hjelper deg å forutse brukeropplevelsen når folk installerer din utvidelse. Installasjonsprosessen er standardisert på tvers av moderne nettlesere, med små variasjoner i brukergrensesnitt. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.no.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/no/install-on-edge.d68781acaf0b3d3d.png) > **Viktig**: Husk å skru på utviklermodus og tillate utvidelser fra andre butikker når du tester dine egne utvidelser. @@ -308,10 +308,10 @@ Dette følger prinsippet om gradvis avsløring som har vært brukt i grensesnitt ### Oversikt over Utvidelsens Visninger **Oppsettvisning** - Konfigurering for første gangs bruk: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.no.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/no/1.b6da8c1394b07491.png) **Resultatvisning** - Visning av karbonavtrykkdata: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.no.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/no/2.1dae52ff08042246.png) ### Lage Konfigurasjonsskjemaet diff --git a/translations/no/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/no/5-browser-extension/2-forms-browsers-local-storage/README.md index aebba0c9d..b7f4f3f6e 100644 --- a/translations/no/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/no/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Fjern lagrede data ClearStorage --> FirstTime: Tilbake til oppsett ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.no.png) +![Local storage pane](../../../../translated_images/no/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Sikkerhetshensyn**: I produksjonsapplikasjoner utgjør lagring av API-nøkler i LocalStorage sikkerhetsrisiko siden JavaScript har tilgang til disse dataene. For læringsformål fungerer denne tilnærmingen greit, men ekte apper bør bruke sikker server-side lagring for sensitive legitimasjoner. diff --git a/translations/no/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/no/5-browser-extension/3-background-tasks-and-performance/README.md index b8ef22e76..68bac3e56 100644 --- a/translations/no/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/no/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ For å åpne Utviklerverktøy i Edge, klikk på de tre prikkene øverst til høy La oss prøve dette. Åpne et nettsted (Microsoft.com fungerer bra for dette) og trykk på 'Spill inn'-knappen. Last deretter siden på nytt og se profilereren fange alt som skjer. Når du stopper opptaket, vil du se en detaljert oversikt over hvordan nettleseren 'skriver skript', 'renderer' og 'maler' siden. Det minner meg om hvordan oppdragskontrollen overvåker hvert system under en rakettoppskyting – du får sanntidsdata på eksakt hva som skjer og når. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.no.png) +![Edge profiler](../../../../translated_images/no/profiler.5a4a62479c5df01c.png) ✅ [Microsoft-dokumentasjonen](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) har mange flere detaljer hvis du vil dykke dypere. @@ -133,11 +133,11 @@ Velg elementer på profiltidslinjen for å zoome inn på hendelser som skjer men Få et øyeblikksbilde av sidens ytelse ved å velge deler av tidslinjen og se på oppsummeringspanelet: -![Edge snapshot](../../../../translated_images/snapshot.97750180ebcad737.no.png) +![Edge snapshot](../../../../translated_images/no/snapshot.97750180ebcad737.png) Sjekk hendelsesloggen for å se om noen hendelser tok lengre tid enn 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.no.png) +![Edge event log](../../../../translated_images/no/log.804026979f3707e0.png) ✅ Bli kjent med profilereren din! Åpne utviklerverktøyene på dette nettstedet og se om det finnes noen flaskehalser. Hva er den tregest lastende ressursen? Den raskeste? diff --git a/translations/no/5-browser-extension/README.md b/translations/no/5-browser-extension/README.md index 462674aba..9bc5a61b4 100644 --- a/translations/no/5-browser-extension/README.md +++ b/translations/no/5-browser-extension/README.md @@ -23,7 +23,7 @@ Denne utvidelsen kan kalles ad hoc av en bruker når en API-nøkkel og regionkod ### Krediteringer -![en grønn nettleserutvidelse](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![en grønn nettleserutvidelse](../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Krediteringer diff --git a/translations/no/5-browser-extension/solution/README.md b/translations/no/5-browser-extension/solution/README.md index dd8e84a59..c0fd6da43 100644 --- a/translations/no/5-browser-extension/solution/README.md +++ b/translations/no/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Ved å bruke tmrow sin CO2 Signal API for å spore strømforbruk, kan du lage en nettleserutvidelse som gir deg en påminnelse direkte i nettleseren om hvor tungt strømforbruket er i din region. Å bruke denne utvidelsen sporadisk kan hjelpe deg med å ta bedre vurderinger av aktivitetene dine basert på denne informasjonen. -![utvidelse skjermbilde](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![utvidelse skjermbilde](../../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Komme i gang @@ -31,7 +31,7 @@ npm run build For å installere på Edge, bruk menyen med 'tre prikker' øverst til høyre i nettleseren for å finne Utvidelser-panelet. Derfra velger du 'Last inn pakket utvidelse' for å laste inn en ny utvidelse. Åpne 'dist'-mappen når du blir bedt om det, og utvidelsen vil lastes inn. For å bruke den, trenger du en API-nøkkel for CO2 Signal API ([få en her via e-post](https://www.co2signal.com/) – skriv inn e-posten din i boksen på denne siden) og koden for din region ([finn den her](http://api.electricitymap.org/v3/zones)) som tilsvarer [Electricity Map](https://www.electricitymap.org/map) (for eksempel bruker jeg 'US-NEISO' i Boston). -![installasjon](../../../../translated_images/install-on-edge.78634f02842c4828.no.png) +![installasjon](../../../../translated_images/no/install-on-edge.78634f02842c4828.png) Når API-nøkkelen og regionen er lagt inn i utvidelsesgrensesnittet, bør den fargede prikken i nettleserens utvidelseslinje endre seg for å gjenspeile energiforbruket i din region og gi deg en pekepinn på hvilke energikrevende aktiviteter som kan være passende å utføre. Konseptet bak dette 'prikk'-systemet ble inspirert av [Energy Lollipop-utvidelsen](https://energylollipop.com/) for utslipp i California. diff --git a/translations/no/5-browser-extension/solution/translation/README.es.md b/translations/no/5-browser-extension/solution/translation/README.es.md index f293c3fcb..64e13f749 100644 --- a/translations/no/5-browser-extension/solution/translation/README.es.md +++ b/translations/no/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Ved å bruke CO2 Signal API fra tmrow for å spore strømforbruk, kan du lage en nettleserutvidelse som gir deg en påminnelse direkte i nettleseren om strømforbruket i din region. Bruken av denne spesialtilpassede utvidelsen vil hjelpe deg med å ta beslutninger om aktivitetene dine basert på denne informasjonen. -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.no.png) +![extension screenshot](../../../../../translated_images/no/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Komme i gang @@ -31,7 +31,7 @@ npm run build For å installere i Edge, bruk menyen med 'tre prikker' øverst til høyre i nettleseren for å finne utvidelsespanelet. Derfra velger du 'Last inn pakket ut' for å legge til en ny utvidelse. Åpne mappen 'dist' når du blir bedt om det, og utvidelsen vil bli lastet inn. For å bruke den trenger du en API-nøkkel for CO2 Signal API ([få en her via e-post](https://www.co2signal.com/) – skriv inn e-posten din i feltet på denne siden) og [koden for din region](http://api.electricitymap.org/v3/zones) som tilsvarer [Electricity Map](https://www.electricitymap.org/map) (i Boston, for eksempel, bruker jeg 'US-NEISO'). -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.no.png) +![installing](../../../../../translated_images/no/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Når API-nøkkelen og regionen er lagt inn i utvidelsens grensesnitt, skal fargepunktet i nettleserens utvidelseslinje endre seg for å gjenspeile energiforbruket i din region og gi deg en indikasjon på hvilke aktiviteter med høyt energiforbruk som kan være passende for deg. Konseptet bak dette "punkt"-systemet fikk jeg fra [Energy Lollipop-utvidelsen](https://energylollipop.com/) for utslipp i California. diff --git a/translations/no/5-browser-extension/solution/translation/README.fr.md b/translations/no/5-browser-extension/solution/translation/README.fr.md index b69ef878b..84e7e3b87 100644 --- a/translations/no/5-browser-extension/solution/translation/README.fr.md +++ b/translations/no/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Ved å bruke CO2 Signal API fra tmrow for å spore strømforbruket, kan du lage en nettleserutvidelse som gir deg en påminnelse direkte i nettleseren om strømforbruket i ditt område. Bruken av denne ad hoc-utvidelsen hjelper deg med å ta beslutninger om aktivitetene dine basert på denne informasjonen. -![utvidelsesskjermbilde](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![utvidelsesskjermbilde](../../../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom i gang @@ -31,7 +31,7 @@ npm run build For å installere på Edge, bruk menyen med 'tre prikker' øverst til høyre i nettleseren for å finne panelet Utvidelser. Derfra velger du 'Last inn ukomprimert utvidelse' for å laste inn en ny utvidelse. Åpne mappen 'dist' når du blir bedt om det, og utvidelsen vil lastes inn. For å bruke den trenger du en API-nøkkel for CO2 Signal API ([få en her via e-post](https://www.co2signal.com/) - skriv inn e-posten din i feltet på denne siden) og [koden for ditt område](http://api.electricitymap.org/v3/zones) som tilsvarer [Elektrisitetskartet](https://www.electricitymap.org/map) (i Boston, for eksempel, bruker jeg 'US-NEISO'). -![installasjon](../../../../../translated_images/install-on-edge.78634f02842c4828.no.png) +![installasjon](../../../../../translated_images/no/install-on-edge.78634f02842c4828.png) Når API-nøkkelen og regionen er lagt inn i utvidelsens grensesnitt, skal den fargede prikken i nettleserens utvidelseslinje endre seg for å gjenspeile energiforbruket i ditt område og gi deg en indikator på hvilke energikrevende aktiviteter det kan være passende å utføre. Konseptet bak dette 'prikk'-systemet ble inspirert av [utvidelsen Energy Lollipop](https://energylollipop.com/) for utslipp i California. diff --git a/translations/no/5-browser-extension/solution/translation/README.hi.md b/translations/no/5-browser-extension/solution/translation/README.hi.md index e366a21f8..50536fa42 100644 --- a/translations/no/5-browser-extension/solution/translation/README.hi.md +++ b/translations/no/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Ved å bruke tmrow sin CO2 Signal API for å spore strømforbruk, bygger vi en nettleserutvidelse som gir deg en påminnelse om hvor belastet strømforbruket i ditt område er. Ved å bruke denne utvidelsen kan du ta beslutninger om aktivitetene dine basert på denne informasjonen. -![Utvidelse skjermbilde](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![Utvidelse skjermbilde](../../../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom i gang @@ -31,7 +31,7 @@ npm run build For å installere på Edge, bruk 'tre prikker'-menyen øverst til høyre i nettleseren for å finne utvidelsespanelet. Derfra velger du 'Last inn upakket' for å laste inn en ny utvidelse. Åpne 'dist'-mappen ved prompten, og utvidelsen vil bli lastet inn. For å bruke den trenger du en API-nøkkel fra CO2 Signal ([få den via e-post her](https://www.co2snal.com/) - skriv inn e-posten din i boksen på denne siden) og [kode for ditt område](http://api.electricitymap.org/v3/zones) fra [Electricity Map](https://www.electricitymap.org/map) (for eksempel, i Boston bruker jeg 'US-NEISO'). -![installering](../../../../../translated_images/install-on-edge.78634f02842c4828.no.png) +![installering](../../../../../translated_images/no/install-on-edge.78634f02842c4828.png) Når API-nøkkelen og området er lagt inn i utvidelsesgrensesnittet, bør den fargede prikken i nettleserutvidelseslinjen endre seg for å reflektere energiforbruket i ditt område og gi deg en indikator på hvilke energiintensive aktiviteter som passer for deg. Konseptet bak dette 'prikk'-systemet ble inspirert av [Energy Lollipop Extension](https://energylollipop.com/) for utslipp i California. diff --git a/translations/no/5-browser-extension/solution/translation/README.it.md b/translations/no/5-browser-extension/solution/translation/README.it.md index 1a38b0dba..4668e582c 100644 --- a/translations/no/5-browser-extension/solution/translation/README.it.md +++ b/translations/no/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Vi skal bruke tmrow sin Signal CO2-API for å overvåke strømforbruket og lage en nettleserutvidelse som gir deg en påminnelse direkte i nettleseren om hvor belastende strømforbruket er i ditt område. Bruken av denne spesialutviklede utvidelsen vil hjelpe deg med å vurdere aktivitetene dine basert på denne informasjonen. -![skjermbilde av utvidelsen](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![skjermbilde av utvidelsen](../../../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom i gang @@ -31,7 +31,7 @@ npm run build For å installere på Edge, bruk "tre prikker"-menyen øverst til høyre i nettleseren for å finne utvidelsespanelet. Hvis det ikke allerede er aktivert, slå på Utviklermodus (nederst til venstre). Velg "Last inn pakket utvidelse" for å laste opp en ny utvidelse. Åpne "dist"-mappen når du blir bedt om det, og utvidelsen vil bli lastet inn. For å bruke den trenger du en API-nøkkel for CO2 Signal-API-en (du kan [få en her via e-post](https://www.co2signal.com/) – skriv inn e-posten din i feltet på denne siden) og [koden for din region](http://api.electricitymap.org/v3/zones) som tilsvarer [elektrisitetskartet](https://www.electricitymap.org/map) (for eksempel er koden for Boston "US-NEISO"). -![installasjon](../../../../../translated_images/install-on-edge.78634f02842c4828.no.png) +![installasjon](../../../../../translated_images/no/install-on-edge.78634f02842c4828.png) Når API-nøkkelen og regionen er lagt inn i utvidelsens grensesnitt, skal den fargede prikken i nettleserens utvidelseslinje endre seg for å gjenspeile energiforbruket i regionen din og gi en indikasjon på hvilke aktiviteter med høyt energiforbruk som kan være passende å utføre. Konseptet bak dette "prikk"-systemet er inspirert av [Energy Lollipop-utvidelsen](https://energylollipop.com/) for utslipp i California. diff --git a/translations/no/5-browser-extension/solution/translation/README.ja.md b/translations/no/5-browser-extension/solution/translation/README.ja.md index 3ee5ac4e0..42017861d 100644 --- a/translations/no/5-browser-extension/solution/translation/README.ja.md +++ b/translations/no/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Bygg en nettleserutvidelse som bruker tmrow sin CO2 Signal API for å spore strømforbruket i ditt område og vise det som en påminnelse i nettleseren. Ved å bruke denne utvidelsen kan du ta beslutninger om aktivitetene dine basert på denne informasjonen. -![utvidelse skjermbilde](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![utvidelse skjermbilde](../../../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom i gang @@ -31,7 +31,7 @@ npm run build For å installere på Edge, finn "Utvidelser"-panelet via "tre prikker"-menyen øverst til høyre i nettleseren. Derfra velger du "Load Unpacked" for å laste inn den nye utvidelsen. Når du blir bedt om det, åpner du "dist"-mappen, og utvidelsen vil bli lastet inn. For å bruke den trenger du en API-nøkkel for CO2 Signal API ([få en her via e-post](https://www.co2signal.com/) - skriv inn e-posten din i boksen på denne siden) og en [kode for ditt område](http://api.electricitymap.org/v3/zones) som er kompatibel med [Electricity Map](https://www.electricitymap.org/map) (for eksempel bruker Boston 'US-NEISO'). -![installering](../../../../../translated_images/install-on-edge.78634f02842c4828.no.png) +![installering](../../../../../translated_images/no/install-on-edge.78634f02842c4828.png) Når du har lagt inn API-nøkkelen og området i utvidelsesgrensesnittet, vil en farget prikk vises i nettleserens utvidelseslinje. Denne prikken endrer farge for å reflektere energiforbruket i ditt område og gir deg en indikasjon på hvilke aktiviteter som krever energi det er passende å utføre. Konseptet med dette "prikk"-systemet ble inspirert av [Energy Lollipop-utvidelsen](https://energylollipop.com/) for utslipp i California.