diff --git a/translations/bn/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/bn/5-browser-extension/2-forms-browsers-local-storage/README.md index 45e98bed2..3609893d0 100644 --- a/translations/bn/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/bn/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.bn.png) +![লোকাল স্টোরেজ প্যান](../../../../translated_images/bn/localstorage.472f8147b6a3f8d1.png) > ⚠️ **নিরাপত্তা বিবেচনা**: প্রোডাকশন অ্যাপ্লিকেশনগুলিতে, LocalStorage-এ API কী সংরক্ষণ করা নিরাপত্তার ঝুঁকি তৈরি করে কারণ জাভাস্ক্রিপ্ট এই ডেটা অ্যাক্সেস করতে পারে। শেখার উদ্দেশ্যে, এই পদ্ধতি ঠিক আছে, তবে প্রকৃত অ্যাপ্লিকেশনগুলিতে সংবেদনশীল ক্রেডেনশিয়ালের জন্য নিরাপদ সার্ভার-সাইড স্টোরেজ ব্যবহার করা উচিত। diff --git a/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md index 0f3e740f6..74669e073 100644 --- a/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/bn/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Edge-এ ডেভেলপার টুলস খুলতে, উপরের চলুন এটি চেষ্টা করি। একটি ওয়েবসাইট খুলুন (Microsoft.com ভালো কাজ করবে) এবং 'রেকর্ড' বোতামটি ক্লিক করুন। এখন পৃষ্ঠাটি রিফ্রেশ করুন এবং প্রোফাইলারটি যা ঘটছে তা ক্যাপচার করতে দিন। যখন আপনি রেকর্ডিং বন্ধ করবেন, তখন আপনি একটি বিস্তারিত বিশ্লেষণ দেখতে পাবেন যে ব্রাউজার কীভাবে সাইটটি 'স্ক্রিপ্ট', 'রেন্ডার' এবং 'পেইন্ট' করে। এটি আমাকে মনে করিয়ে দেয় কীভাবে মিশন কন্ট্রোল একটি রকেট উৎক্ষেপণের সময় প্রতিটি সিস্টেম পর্যবেক্ষণ করে - আপনি ঠিক কী ঘটছে এবং কখন ঘটছে তার রিয়েল-টাইম ডেটা পান। -![Edge প্রোফাইলার](../../../../translated_images/profiler.5a4a62479c5df01c.bn.png) +![Edge প্রোফাইলার](../../../../translated_images/bn/profiler.5a4a62479c5df01c.png) ✅ [Microsoft ডকুমেন্টেশন](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) আরও বিস্তারিত তথ্য প্রদান করে যদি আপনি গভীরভাবে জানতে চান @@ -136,11 +136,11 @@ Edge-এ ডেভেলপার টুলস খুলতে, উপরের আপনার পৃষ্ঠার পারফরম্যান্সের একটি স্ন্যাপশট পেতে প্রোফাইল টাইমলাইনের একটি অংশ নির্বাচন করুন এবং সারাংশ প্যানটি দেখুন: -![Edge প্রোফাইলার স্ন্যাপশট](../../../../translated_images/snapshot.97750180ebcad737.bn.png) +![Edge প্রোফাইলার স্ন্যাপশট](../../../../translated_images/bn/snapshot.97750180ebcad737.png) ইভেন্ট লগ প্যানটি পরীক্ষা করুন দেখতে কোনো ইভেন্ট ১৫ মিলিসেকেন্ডের বেশি সময় নিয়েছে কিনা: -![Edge ইভেন্ট লগ](../../../../translated_images/log.804026979f3707e0.bn.png) +![Edge ইভেন্ট লগ](../../../../translated_images/bn/log.804026979f3707e0.png) ✅ আপনার প্রোফাইলারটি চিনুন! এই সাইটে ডেভেলপার টুলস খুলুন এবং দেখুন কোনো বাধা আছে কিনা। কোন সম্পদটি সবচেয়ে ধীর লোড হচ্ছে? সবচেয়ে দ্রুত? diff --git a/translations/bn/5-browser-extension/README.md b/translations/bn/5-browser-extension/README.md index eac664988..1fef97346 100644 --- a/translations/bn/5-browser-extension/README.md +++ b/translations/bn/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### ক্রেডিটস -![একটি সবুজ ব্রাউজার এক্সটেনশন](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.bn.png) +![একটি সবুজ ব্রাউজার এক্সটেনশন](../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png) ## ক্রেডিটস diff --git a/translations/bn/5-browser-extension/solution/README.md b/translations/bn/5-browser-extension/solution/README.md index 844723aa8..73cdbffb8 100644 --- a/translations/bn/5-browser-extension/solution/README.md +++ b/translations/bn/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow-এর CO2 Signal API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজর রাখুন এবং একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যাতে আপনার ব্রাউজারে একটি রিমাইন্ডার থাকে যে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের চাপ কেমন। এই এক্সটেনশনটি ব্যবহার করে আপনি আপনার কার্যকলাপের উপর ভিত্তি করে সিদ্ধান্ত নিতে পারবেন। -![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.bn.png) +![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/bn/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/) - এই পৃষ্ঠায় আপনার ইমেইলটি বক্সে প্রবেশ করান) এবং [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) যা [Electricity Map](https://www.electricitymap.org/map)-এর সাথে মিলে (উদাহরণস্বরূপ, বোস্টনে আমি 'US-NEISO' ব্যবহার করি) লাগবে। -![ইনস্টল করা হচ্ছে](../../../../translated_images/install-on-edge.78634f02842c4828.bn.png) +![ইনস্টল করা হচ্ছে](../../../../translated_images/bn/install-on-edge.78634f02842c4828.png) একবার API key এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে ইনপুট দিলে, ব্রাউজার এক্সটেনশন বারে রঙিন ডটটি আপনার অঞ্চলের শক্তি ব্যবহারের অবস্থা প্রতিফলিত করবে এবং আপনাকে নির্দেশনা দেবে কোন শক্তি-নির্ভর কার্যকলাপ আপনার জন্য উপযুক্ত। এই 'ডট' সিস্টেমের ধারণাটি আমাকে [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে দেওয়া হয়েছিল, যা ক্যালিফোর্নিয়ার নির্গমন পর্যবেক্ষণ করে। diff --git a/translations/bn/5-browser-extension/solution/translation/README.es.md b/translations/bn/5-browser-extension/solution/translation/README.es.md index 4b2304cc3..2d1edf704 100644 --- a/translations/bn/5-browser-extension/solution/translation/README.es.md +++ b/translations/bn/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow-এর C02 Signal API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজর রাখার জন্য একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যাতে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের তথ্য সরাসরি আপনার ব্রাউজারে একটি স্মারক হিসেবে পাওয়া যায়। এই অ্যাড-হক এক্সটেনশনটি ব্যবহার করলে আপনি এই তথ্যের ভিত্তিতে আপনার কার্যকলাপ সম্পর্কে সিদ্ধান্ত নিতে পারবেন। -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.bn.png) +![extension screenshot](../../../../../translated_images/bn/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## শুরু করা @@ -31,7 +31,7 @@ npm run build Edge-এ ইনস্টল করতে, ব্রাউজারের উপরের ডান কোণে থাকা 'তিনটি বিন্দু' মেনু ব্যবহার করে Extensiones প্যানেলটি খুঁজুন। সেখান থেকে 'Cargar desempaquetado' নির্বাচন করুন নতুন এক্সটেনশন লোড করার জন্য। যখন ফোল্ডারটি চাওয়া হবে, তখন 'dist' ফোল্ডারটি খুলুন এবং এক্সটেনশনটি লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 Signal API-এর জন্য একটি API কী প্রয়োজন হবে ([এখানে ইমেইলের মাধ্যমে পান](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.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.bn.png) +![installing](../../../../../translated_images/bn/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) একবার API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে প্রবেশ করানো হলে, ব্রাউজারের এক্সটেনশন বারে থাকা রঙের বিন্দুটি আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিফলন দেখাবে এবং আপনাকে উচ্চ শক্তি ব্যবহারের কার্যকলাপ সম্পর্কে নির্দেশনা দেবে যা আপনার জন্য উপযুক্ত হতে পারে। এই "পয়েন্ট" সিস্টেমের ধারণাটি আমাকে [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে এসেছে, যা ক্যালিফোর্নিয়ার নির্গমন নিয়ে কাজ করে। diff --git a/translations/bn/5-browser-extension/solution/translation/README.fr.md b/translations/bn/5-browser-extension/solution/translation/README.fr.md index 7f3e2c463..d1f20b7cf 100644 --- a/translations/bn/5-browser-extension/solution/translation/README.fr.md +++ b/translations/bn/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.bn.png) +![এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png) ## শুরু করা @@ -31,7 +31,7 @@ npm run build Edge-এ ইনস্টল করার জন্য, ব্রাউজারের উপরের ডান কোণে থাকা 'তিনটি বিন্দু' মেনু ব্যবহার করে Extensions প্যানেলটি খুঁজুন। সেখান থেকে 'Unpacked extension লোড করুন' নির্বাচন করুন এবং একটি নতুন এক্সটেনশন লোড করুন। প্রম্পটে '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.bn.png) +![ইনস্টলেশন](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png) একবার API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে প্রবেশ করালে, ব্রাউজারের এক্সটেনশন বারে রঙিন বিন্দুটি আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের প্রতিফলন করবে এবং আপনাকে এমন কার্যকলাপের জন্য একটি নির্দেশনা দেবে যা শক্তি সাশ্রয়ী হতে পারে। এই 'বিন্দু' সিস্টেমের ধারণাটি আমাকে [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে, যা ক্যালিফোর্নিয়ার নির্গমন পর্যবেক্ষণ করে। diff --git a/translations/bn/5-browser-extension/solution/translation/README.hi.md b/translations/bn/5-browser-extension/solution/translation/README.hi.md index 7e7389501..8c1e5439b 100644 --- a/translations/bn/5-browser-extension/solution/translation/README.hi.md +++ b/translations/bn/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: বিদ্যুৎ ব্যবহারের উপর নজর রাখার জন্য tmrow-এর C02 সিগন্যাল API ব্যবহার করে একটি ব্রাউজার এক্সটেনশন তৈরি করা হয়েছে, যা আপনার ব্রাউজারে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের ভারীতা সম্পর্কে আপনাকে মনে করিয়ে দেবে। এই এক্সটেনশনটি ব্যবহার করে আপনি এই তথ্যের ভিত্তিতে আপনার কার্যকলাপ সম্পর্কে সিদ্ধান্ত নিতে পারবেন। -![এক্সটেনশন স্ক্রিনশট ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.bn.png) +![এক্সটেনশন স্ক্রিনশট ](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png) ## শুরু করা @@ -31,7 +31,7 @@ npm run build এজ ব্রাউজারে ইনস্টল করার জন্য, ব্রাউজারের উপরের ডান কোণে থাকা 'তিন ডট' মেনু ব্যবহার করে এক্সটেনশন প্যানেল খুঁজুন। সেখান থেকে, একটি নতুন এক্সটেনশন লোড করতে 'লোড আনপ্যাকড' নির্বাচন করুন। প্রম্পটে 'dist' ফোল্ডার খুলুন এবং এক্সটেনশন লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 সিগন্যাল API ([ইমেইলের মাধ্যমে এখানে পান](https://www.co2snal.com/) একটি API কী প্রয়োজন হবে - এই পৃষ্ঠার বক্সে আপনার ইমেইল লিখুন) এবং [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) [ইলেকট্রিসিটি ম্যাপ](https://www.electricitymap.org/map) থেকে (যেমন, বোস্টনে, আমি 'US-NEISO' ব্যবহার করি)। -![ইনস্টল করা](../../../../../translated_images/install-on-edge.78634f02842c4828.bn.png) +![ইনস্টল করা](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png) একবার API কী এবং অঞ্চল এক্সটেনশন ইন্টারফেসে ইনপুট হয়ে গেলে, ব্রাউজার এক্সটেনশন বারে রঙিন ডটটি আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিফলন হিসেবে পরিবর্তিত হবে এবং আপনাকে একটি নির্দেশক দেবে যে শক্তি-নিবিড় কার্যকলাপ আপনার জন্য কতটা উপযুক্ত। এই 'ডট' সিস্টেমের ধারণাটি আমাকে ক্যালিফোর্নিয়ার নির্গমনের জন্য [এনার্জি ললিপপ এক্সটেনশন](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে। diff --git a/translations/bn/5-browser-extension/solution/translation/README.it.md b/translations/bn/5-browser-extension/solution/translation/README.it.md index ae506cc79..536174772 100644 --- a/translations/bn/5-browser-extension/solution/translation/README.it.md +++ b/translations/bn/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.bn.png) +![এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png) ## শুরু করার জন্য @@ -31,7 +31,7 @@ npm run build Edge-এ ইনস্টল করতে, ব্রাউজারের উপরের ডান কোণে থাকা "তিনটি বিন্দু" মেনু ব্যবহার করে এক্সটেনশন প্যানেলটি খুঁজুন। যদি এটি সক্রিয় না থাকে, তাহলে ডেভেলপার মোড (নিচের বাম দিকে) সক্রিয় করুন। "Carica decompressa" নির্বাচন করুন একটি নতুন এক্সটেনশন লোড করার জন্য। প্রম্পটে "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.bn.png) +![ইনস্টলেশন](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png) একবার API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে প্রবেশ করানো হলে, ব্রাউজারের এক্সটেনশন বারে থাকা রঙিন বিন্দুটি আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের প্রতিফলন দেখাবে এবং কোন উচ্চ-শক্তি ব্যবহারকারী কার্যক্রমগুলি সম্পাদন করা উপযুক্ত হবে তার একটি নির্দেশনা দেবে। এই "পয়েন্ট" সিস্টেমের ধারণাটি ক্যালিফোর্নিয়ার নির্গমনের জন্য [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে নেওয়া হয়েছে। diff --git a/translations/bn/5-browser-extension/solution/translation/README.ja.md b/translations/bn/5-browser-extension/solution/translation/README.ja.md index 8dc05984e..17ae17cfd 100644 --- a/translations/bn/5-browser-extension/solution/translation/README.ja.md +++ b/translations/bn/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow এর CO2 সিগন্যাল API ব্যবহার করে বিদ্যুৎ ব্যবহারের পরিমাণ ট্র্যাক করার জন্য একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যা আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের পরিমাণ ব্রাউজারে একটি রিমাইন্ডার হিসেবে দেখাবে। এই এক্সটেনশনটি ব্যবহার করে আপনি এই তথ্যের ভিত্তিতে আপনার কার্যকলাপ নির্ধারণ করতে পারবেন। -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.bn.png) +![extension screenshot](../../../../../translated_images/bn/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)-এর সাথে সম্পর্কিত [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) প্রয়োজন হবে (উদাহরণস্বরূপ, বোস্টনের জন্য 'US-NEISO' ব্যবহার করা হয়)। -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.bn.png) +![installing](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png) API কী এবং অঞ্চলটি এক্সটেনশনের ইন্টারফেসে প্রবেশ করানোর পর, ব্রাউজারের এক্সটেনশন বারে প্রদর্শিত রঙিন ডটটি পরিবর্তিত হবে এবং আপনার অঞ্চলের শক্তি ব্যবহারের পরিমাণ প্রতিফলিত করবে। এটি আপনাকে নির্দেশ করবে কোন ধরনের শক্তি-নির্ভর কার্যকলাপ করা উপযুক্ত। এই "ডট" সিস্টেমের ধারণাটি আমাকে ক্যালিফোর্নিয়ার নির্গমনের জন্য [Energy Lollipop extension](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে। diff --git a/translations/bn/5-browser-extension/solution/translation/README.ms.md b/translations/bn/5-browser-extension/solution/translation/README.ms.md index e5943b8cb..2588aef92 100644 --- a/translations/bn/5-browser-extension/solution/translation/README.ms.md +++ b/translations/bn/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow এর CO2 সিগন্যাল API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজরদারি করুন এবং একটি ব্রাউজার এক্সটেনশন তৈরি করুন যা আপনাকে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের ভারীতা সম্পর্কে সতর্ক করবে। এই এক্সটেনশনটি ব্যবহার করে আপনি আপনার কার্যকলাপ সম্পর্কে আরও সচেতন সিদ্ধান্ত নিতে পারবেন। -![ব্রাউজার এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.bn.png) +![ব্রাউজার এক্সটেনশনের স্ক্রিনশট](../../../../../translated_images/bn/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.bn.png) +![ডাউনলোড হচ্ছে](../../../../../translated_images/bn/install-on-edge.78634f02842c4828.png) API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে প্রবেশ করানোর পর, ব্রাউজার এক্সটেনশন বারে রঙিন বিন্দুটি আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিফলন করবে এবং আপনাকে ভারী কার্যকলাপের জন্য উপযুক্ত নির্দেশনা দেবে। এই 'ডট' সিস্টেমের ধারণাটি আমাকে [এনার্জি ললিপপ ব্রাউজার এক্সটেনশন](https://energylollipop.com/) থেকে অনুপ্রাণিত করেছে, যা ক্যালিফোর্নিয়ার নির্গমনের জন্য তৈরি। diff --git a/translations/bn/5-browser-extension/start/README.md b/translations/bn/5-browser-extension/start/README.md index a206fa787..e5378c767 100644 --- a/translations/bn/5-browser-extension/start/README.md +++ b/translations/bn/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow-এর CO2 Signal API ব্যবহার করে বিদ্যুৎ ব্যবহারের উপর নজর রাখুন এবং একটি ব্রাউজার এক্সটেনশন তৈরি করুন, যা আপনার ব্রাউজারে একটি অনুস্মারক হিসেবে কাজ করবে আপনার অঞ্চলের বিদ্যুৎ ব্যবহারের ভার কতটা তা জানার জন্য। এই এক্সটেনশনটি ব্যবহার করে আপনি আপনার কার্যকলাপ সম্পর্কে তথ্যের ভিত্তিতে সিদ্ধান্ত নিতে পারবেন। -![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.bn.png) +![এক্সটেনশনের স্ক্রিনশট](../../../../translated_images/bn/extension-screenshot.0e7f5bfa110e92e3.png) ## শুরু করার জন্য @@ -31,7 +31,7 @@ npm run build Edge-এ ইনস্টল করতে, ব্রাউজারের উপরের ডান কোণের 'তিন ডট' মেনু ব্যবহার করে Extensions প্যানেলটি খুঁজুন। সেখান থেকে 'Load Unpacked' নির্বাচন করুন একটি নতুন এক্সটেনশন লোড করার জন্য। প্রম্পটে 'dist' ফোল্ডারটি খুলুন এবং এক্সটেনশনটি লোড হবে। এটি ব্যবহার করতে, আপনাকে CO2 Signal-এর API-এর জন্য একটি API কী ([ইমেইলের মাধ্যমে এখানে পান](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.bn.png) +![ইনস্টল করা হচ্ছে](../../../../translated_images/bn/install-on-edge.78634f02842c4828.png) একবার API কী এবং অঞ্চল এক্সটেনশনের ইন্টারফেসে ইনপুট দিলে, ব্রাউজার এক্সটেনশন বারে রঙিন বিন্দুটি আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিফলন দেখাবে এবং আপনাকে নির্দেশনা দেবে কোন শক্তি-নির্ভর কার্যকলাপ আপনার জন্য উপযুক্ত। এই 'ডট' সিস্টেমের ধারণাটি আমাকে [Energy Lollipop এক্সটেনশন](https://energylollipop.com/) থেকে দেওয়া হয়েছিল, যা ক্যালিফোর্নিয়ার নির্গমনের জন্য তৈরি। diff --git a/translations/bn/6-space-game/2-drawing-to-canvas/README.md b/translations/bn/6-space-game/2-drawing-to-canvas/README.md index 493374976..286cbf50c 100644 --- a/translations/bn/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/bn/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.bn.png) +![ক্যানভাসের গ্রিড](../../../../translated_images/bn/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.bn.png) + ![হিরো শিপ](../../../../translated_images/bn/player.dd24c1afa8c71e9b.png) - 5*5 মনস্টার - ![মনস্টার শিপ](../../../../translated_images/enemyShip.5df2a822c16650c2.bn.png) + ![মনস্টার শিপ](../../../../translated_images/bn/enemyShip.5df2a822c16650c2.png) ### ডেভেলপমেন্ট শুরু করার জন্য প্রস্তাবিত ধাপ @@ -408,7 +408,7 @@ const STOP_X = START_X + FORMATION_WIDTH; শেষ ফলাফলটি এরকম দেখতে হবে: -![কালো স্ক্রিন যেখানে একটি হিরো এবং ৫*৫ দানব রয়েছে](../../../../translated_images/partI-solution.36c53b48c9ffae2a.bn.png) +![কালো স্ক্রিন যেখানে একটি হিরো এবং ৫*৫ দানব রয়েছে](../../../../translated_images/bn/partI-solution.36c53b48c9ffae2a.png) ## সমাধান diff --git a/translations/bn/6-space-game/5-keeping-score/README.md b/translations/bn/6-space-game/5-keeping-score/README.md index 95a515045..289a1643c 100644 --- a/translations/bn/6-space-game/5-keeping-score/README.md +++ b/translations/bn/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **স্কোরিং সিস্টেম**: প্রতিটি ধ্বংস করা শত্রু জাহাজ ১০০ পয়েন্ট প্রদান করে (গণনা করা সহজ করার জন্য রাউন্ড সংখ্যা ব্যবহার করা হয়)। স্কোরটি নিচের বাম কোণে প্রদর্শিত হবে। -- **জীবন কাউন্টার**: আপনার হিরো তিনটি জীবন দিয়ে শুরু করে - প্রাথমিক আর্কেড গেমগুলির দ্বারা চ্যালেঞ্জ এবং খেলার যোগ্যতার মধ্যে ভারসাম্য বজায় রাখতে এটি একটি মানদণ্ড। শত্রুর সাথে প্রতিটি সংঘর্ষে একটি জীবন হারায়। আমরা বাকি জীবনগুলোকে নিচের ডান কোণে জাহাজের আইকন ব্যবহার করে প্রদর্শন করব ![life image](../../../../translated_images/life.6fb9f50d53ee0413.bn.png)। +- **জীবন কাউন্টার**: আপনার হিরো তিনটি জীবন দিয়ে শুরু করে - প্রাথমিক আর্কেড গেমগুলির দ্বারা চ্যালেঞ্জ এবং খেলার যোগ্যতার মধ্যে ভারসাম্য বজায় রাখতে এটি একটি মানদণ্ড। শত্রুর সাথে প্রতিটি সংঘর্ষে একটি জীবন হারায়। আমরা বাকি জীবনগুলোকে নিচের ডান কোণে জাহাজের আইকন ব্যবহার করে প্রদর্শন করব ![life image](../../../../translated_images/bn/life.6fb9f50d53ee0413.png)। ## চলুন শুরু করি! diff --git a/translations/bn/7-bank-project/1-template-route/README.md b/translations/bn/7-bank-project/1-template-route/README.md index e79015185..455fddf82 100644 --- a/translations/bn/7-bank-project/1-template-route/README.md +++ b/translations/bn/7-bank-project/1-template-route/README.md @@ -575,7 +575,7 @@ sequenceDiagram `history.pushState` ব্যবহার করে ব্রাউজারের নেভিগেশন ইতিহাসে নতুন এন্ট্রি তৈরি করা হয়। আপনি যদি ব্রাউজারের *ব্যাক বাটন* ধরে রাখেন, এটি কিছুটা এরকম দেখাবে: -![নেভিগেশন ইতিহাসের স্ক্রিনশট](../../../../translated_images/history.7fdabbafa521e064.bn.png) +![নেভিগেশন ইতিহাসের স্ক্রিনশট](../../../../translated_images/bn/history.7fdabbafa521e064.png) আপনি যদি কয়েকবার ব্যাক বাটনে ক্লিক করেন, আপনি দেখবেন যে বর্তমান URL পরিবর্তন হচ্ছে এবং ইতিহাস আপডেট হচ্ছে, কিন্তু একই টেমপ্লেট প্রদর্শিত হচ্ছে। diff --git a/translations/bn/7-bank-project/2-forms/README.md b/translations/bn/7-bank-project/2-forms/README.md index 2e56ce92c..4becf78bc 100644 --- a/translations/bn/7-bank-project/2-forms/README.md +++ b/translations/bn/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ graph TD 2. আপনার ব্রাউজারের অ্যাড্রেস বারে পরিবর্তনগুলি লক্ষ্য করুন 3. লক্ষ্য করুন কীভাবে পৃষ্ঠা পুনরায় লোড হয় এবং ডেটা URL-এ প্রদর্শিত হয় -![রেজিস্টার বোতামে ক্লিক করার পর ব্রাউজারের URL পরিবর্তনের স্ক্রিনশট](../../../../translated_images/click-register.e89a30bf0d4bc9ca.bn.png) +![রেজিস্টার বোতামে ক্লিক করার পর ব্রাউজারের URL পরিবর্তনের স্ক্রিনশট](../../../../translated_images/bn/click-register.e89a30bf0d4bc9ca.png) ### HTTP পদ্ধতির তুলনা @@ -475,7 +475,7 @@ async function register() { 3. **"Create Account" ক্লিক করুন** 4. **কনসোল বার্তা এবং ব্যবহারকারীর প্রতিক্রিয়া পর্যবেক্ষণ করুন** -![ব্রাউজার কনসোলে লগ বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/browser-console.efaf0b51aaaf6778.bn.png) +![ব্রাউজার কনসোলে লগ বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/bn/browser-console.efaf0b51aaaf6778.png) **আপনি যা দেখতে পাবেন:** - **লোডিং স্টেট** সাবমিট বোতামে প্রদর্শিত হবে @@ -650,7 +650,7 @@ input:focus:invalid { 3. **বিশেষ অক্ষর চেষ্টা করুন** ব্যবহারকারীর নাম ক্ষেত্রে 4. **একটি নেতিবাচক ব্যালেন্স পরিমাণ লিখুন** -![ফর্ম জমা দেওয়ার চেষ্টা করার সময় যাচাইকরণ ত্রুটি দেখানো স্ক্রিনশট](../../../../translated_images/validation-error.8bd23e98d416c22f.bn.png) +![ফর্ম জমা দেওয়ার চেষ্টা করার সময় যাচাইকরণ ত্রুটি দেখানো স্ক্রিনশট](../../../../translated_images/bn/validation-error.8bd23e98d416c22f.png) **আপনি যা পর্যবেক্ষণ করবেন:** - **ব্রাউজার প্রদর্শন করে** নেটিভ যাচাইকরণ বার্তা @@ -769,7 +769,7 @@ timeline এখানে কিছু স্টাইলিং যোগ করার পরে চূড়ান্ত লগইন পৃষ্ঠার একটি উদাহরণ: -![CSS স্টাইল যোগ করার পরে লগইন পৃষ্ঠার স্ক্রিনশট](../../../../translated_images/result.96ef01f607bf856a.bn.png) +![CSS স্টাইল যোগ করার পরে লগইন পৃষ্ঠার স্ক্রিনশট](../../../../translated_images/bn/result.96ef01f607bf856a.png) ## পোস্ট-লেকচার কুইজ diff --git a/translations/bn/7-bank-project/3-data/README.md b/translations/bn/7-bank-project/3-data/README.md index 86218ecdd..2afc81296 100644 --- a/translations/bn/7-bank-project/3-data/README.md +++ b/translations/bn/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![মাল্টি-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/mpa.7f7375a1a2d4aa77.bn.png) +![মাল্টি-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/bn/mpa.7f7375a1a2d4aa77.png) **কেন এই পদ্ধতি ক্লান্তিকর মনে হয়েছিল:** - প্রতিটি ক্লিক মানে পুরো পৃষ্ঠাটি স্ক্র্যাচ থেকে পুনর্নির্মাণ করা @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![সিঙ্গেল-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/spa.268ec73b41f992c2.bn.png) +![সিঙ্গেল-পেজ অ্যাপ্লিকেশনে আপডেট ওয়ার্কফ্লো](../../../../translated_images/bn/spa.268ec73b41f992c2.png) **কেন SPA-গুলো এত ভালো লাগে:** - শুধুমাত্র যা পরিবর্তন হয়েছে তা আপডেট হয় (বুদ্ধিমানের কাজ, তাই না?) @@ -487,7 +487,7 @@ if (data.error) { এখন আপনি যখন একটি অবৈধ অ্যাকাউন্ট দিয়ে পরীক্ষা করবেন, আপনি পৃষ্ঠায় একটি সহায়ক ত্রুটি বার্তা দেখতে পাবেন! -![লগইন চলাকালীন প্রদর্শিত ত্রুটি বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/login-error.416fe019b36a6327.bn.png) +![লগইন চলাকালীন প্রদর্শিত ত্রুটি বার্তা দেখানো স্ক্রিনশট](../../../../translated_images/bn/login-error.416fe019b36a6327.png) #### ধাপ ৪: অ্যাক্সেসিবিলিটির সাথে অন্তর্ভুক্তিমূলক হওয়া @@ -819,7 +819,7 @@ Agent মোড সম্পর্কে আরও জানুন [এখান একটি পরিপূর্ণ ড্যাশবোর্ড দেখতে কেমন হতে পারে তার উদাহরণ এখানে: -![ড্যাশবোর্ডের স্টাইলিংয়ের পর একটি উদাহরণ ফলাফলের স্ক্রিনশট](../../../../translated_images/screen2.123c82a831a1d14a.bn.png) +![ড্যাশবোর্ডের স্টাইলিংয়ের পর একটি উদাহরণ ফলাফলের স্ক্রিনশট](../../../../translated_images/bn/screen2.123c82a831a1d14a.png) আপনাকে এটি ঠিক একইভাবে মেলানোর প্রয়োজন নেই - এটি অনুপ্রেরণা হিসেবে ব্যবহার করুন এবং এটিকে আপনার মতো করে তৈরি করুন! diff --git a/translations/bn/7-bank-project/4-state-management/README.md b/translations/bn/7-bank-project/4-state-management/README.md index 12ccb1664..15dcc0a01 100644 --- a/translations/bn/7-bank-project/4-state-management/README.md +++ b/translations/bn/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ mindmap আমরা আমাদের **কেন্দ্রীয় স্টেট ম্যানেজমেন্ট** সিস্টেম তৈরি করতে যাচ্ছি। এটি এমন একজন অত্যন্ত সংগঠিত ব্যক্তির মতো যিনি সমস্ত গুরুত্বপূর্ণ বিষয়ের দায়িত্বে আছেন: -![HTML, ব্যবহারকারীর ক্রিয়া এবং স্টেটের মধ্যে ডেটা প্রবাহ দেখানো স্কিমা](../../../../translated_images/data-flow.fa2354e0908fecc8.bn.png) +![HTML, ব্যবহারকারীর ক্রিয়া এবং স্টেটের মধ্যে ডেটা প্রবাহ দেখানো স্কিমা](../../../../translated_images/bn/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD diff --git a/translations/bn/7-bank-project/4-state-management/assignment.md b/translations/bn/7-bank-project/4-state-management/assignment.md index ed30bf12a..2c6dedb10 100644 --- a/translations/bn/7-bank-project/4-state-management/assignment.md +++ b/translations/bn/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **প্রত্যাশিত ফলাফল:** এই অ্যাসাইনমেন্ট সম্পন্ন করার পরে, আপনার ব্যাংকিং অ্যাপে একটি সম্পূর্ণ কার্যকরী "ট্রানজ্যাকশন যোগ করুন" ফিচার থাকবে যা পেশাদারভাবে দেখাবে এবং কাজ করবে: -![একটি উদাহরণ "ট্রানজ্যাকশন যোগ করুন" ডায়ালগের স্ক্রিনশট](../../../../translated_images/dialog.93bba104afeb79f1.bn.png) +![একটি উদাহরণ "ট্রানজ্যাকশন যোগ করুন" ডায়ালগের স্ক্রিনশট](../../../../translated_images/bn/dialog.93bba104afeb79f1.png) ## আপনার বাস্তবায়ন পরীক্ষা করা diff --git a/translations/bn/7-bank-project/README.md b/translations/bn/7-bank-project/README.md index 17c4e2e68..dc26a7aa9 100644 --- a/translations/bn/7-bank-project/README.md +++ b/translations/bn/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: এই প্রকল্পে, আপনি একটি কাল্পনিক ব্যাংক তৈরি করার পদ্ধতি শিখবেন। এই পাঠগুলোতে একটি ওয়েব অ্যাপের লেআউট এবং রুট তৈরি, ফর্ম তৈরি, স্টেট পরিচালনা এবং API থেকে ব্যাংকের ডেটা সংগ্রহ করার পদ্ধতি শেখানো হয়েছে। -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.bn.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.bn.png) | +| ![Screen1](../../../translated_images/bn/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/bn/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## পাঠসমূহ diff --git a/translations/bn/8-code-editor/1-using-a-code-editor/README.md b/translations/bn/8-code-editor/1-using-a-code-editor/README.md index 9cfe3048f..679499592 100644 --- a/translations/bn/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/bn/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev এই ক্ষমতাগুলো আপনার ব্রাউ সবকিছু লোড হয়ে গেলে, আপনি একটি সুন্দর পরিষ্কার ওয়ার্কস্পেস দেখতে পাবেন যা আপনাকে গুরুত্বপূর্ণ বিষয়ের উপর মনোযোগ দিতে সাহায্য করে – আপনার কোড! -![ডিফল্ট VSCode.dev ইন্টারফেস](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.bn.png) +![ডিফল্ট VSCode.dev ইন্টারফেস](../../../../translated_images/bn/default-vscode-dev.5d06881d65c1b323.png) **এটি আপনার আশেপাশের ট্যুর:** - **অ্যাক্টিভিটি বার** (বাম দিকে স্ট্রিপটি): আপনার প্রধান নেভিগেশন যেখানে আছে Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, এবং Settings ⚙️ @@ -233,7 +233,7 @@ flowchart TB 1. [vscode.dev](https://vscode.dev)-এ যান যদি আপনি ইতিমধ্যে সেখানে না থাকেন 2. ওয়েলকাম স্ক্রিনে "Open Remote Repository" বোতামটি খুঁজুন এবং ক্লিক করুন - ![রিমোট রিপোজিটরি খুলুন](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.bn.png) + ![রিমোট রিপোজিটরি খুলুন](../../../../translated_images/bn/open-remote-repository.bd9c2598b8949e7f.png) 3. যেকোনো GitHub রিপোজিটরি URL পেস্ট করুন (এটি চেষ্টা করুন: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Enter চাপুন এবং জাদু দেখুন! @@ -242,7 +242,7 @@ flowchart TB কোডিং উইজার্ডের মতো অনুভব করতে চান? এই কীবোর্ড শর্টকাট চেষ্টা করুন: Ctrl+Shift+P (বা Mac-এ Cmd+Shift+P) কমান্ড প্যালেট খুলতে: -![কমান্ড প্যালেট](../../../../translated_images/palette-menu.4946174e07f42622.bn.png) +![কমান্ড প্যালেট](../../../../translated_images/bn/palette-menu.4946174e07f42622.png) **কমান্ড প্যালেট হলো সবকিছু করার জন্য একটি সার্চ ইঞ্জিনের মতো:** - "open remote" টাইপ করুন এবং এটি রিপোজিটরি ওপেনার খুঁজে দেবে @@ -304,7 +304,7 @@ flowchart TB 3. উপযুক্ত এক্সটেনশনসহ ফাইলের নাম লিখুন (`style.css`, `script.js`, `index.html`) 4. Enter চাপুন ফাইল তৈরি করতে -![নতুন ফাইল তৈরি করা](../../../../translated_images/create-new-file.2814e609c2af9aeb.bn.png) +![নতুন ফাইল তৈরি করা](../../../../translated_images/bn/create-new-file.2814e609c2af9aeb.png) **নামকরণের নিয়মাবলী:** - ফাইলের উদ্দেশ্য নির্দেশ করে বর্ণনামূলক নাম ব্যবহার করুন @@ -381,7 +381,7 @@ mindmap 2. ঘুরে দেখুন বা নির্দিষ্ট কিছু খুঁজুন 3. যা আকর্ষণীয় মনে হয় তাতে ক্লিক করুন এবং আরও জানুন -![এক্সটেনশন মার্কেটপ্লেস ইন্টারফেস](../../../../translated_images/extensions.eca0e0c7f59a10b5.bn.png) +![এক্সটেনশন মার্কেটপ্লেস ইন্টারফেস](../../../../translated_images/bn/extensions.eca0e0c7f59a10b5.png) **আপনি সেখানে যা দেখতে পাবেন:** @@ -434,7 +434,7 @@ mindmap 3. ড্রপডাউন থেকে "এক্সটেনশন সেটিংস" নির্বাচন করুন 4. আপনার ওয়ার্কফ্লো অনুযায়ী জিনিসগুলো সামঞ্জস্য করুন -![এক্সটেনশন সেটিংস কাস্টমাইজ করা](../../../../translated_images/extension-settings.21c752ae4f4cdb78.bn.png) +![এক্সটেনশন সেটিংস কাস্টমাইজ করা](../../../../translated_images/bn/extension-settings.21c752ae4f4cdb78.png) **যা আপনি সাধারণত সামঞ্জস্য করতে চাইবেন:** - আপনার কোড কীভাবে ফরম্যাট হবে (ট্যাব বনাম স্পেস, লাইন দৈর্ঘ্য ইত্যাদি) diff --git a/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md b/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md index 8cd611431..e2059a24b 100644 --- a/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/bn/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **একটি কমিট বার্তা লিখুন**: "Add initial HTML structure" 5. **"Commit new file" ক্লিক করুন** আপনার পরিবর্তনগুলি সংরক্ষণ করতে -![GitHub-এ প্রাথমিক ফাইল তৈরি করা](../../../../translated_images/new-file-github.com.c886796d800e8056.bn.png) +![GitHub-এ প্রাথমিক ফাইল তৈরি করা](../../../../translated_images/bn/new-file-github.com.c886796d800e8056.png) **এই প্রাথমিক সেটআপ যা অর্জন করে:** - **HTML5 ডকুমেন্ট গঠন প্রতিষ্ঠা করে** সেমান্টিক এলিমেন্ট সহ @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **সফলতার সূচক**: আপনি আপনার প্রকল্প ফাইলগুলি Explorer সাইডবারে এবং `index.html` প্রধান এডিটর এলাকায় দেখতে পাবেন। -![VSCode.dev-এ প্রকল্প লোড করা](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.bn.png) +![VSCode.dev-এ প্রকল্প লোড করা](../../../../translated_images/bn/project-on-vscode.dev.e79815a9a95ee7fe.png) **ইন্টারফেসে যা আপনি দেখতে পাবেন:** - **Explorer সাইডবার**: **প্রদর্শন করে** আপনার রিপোজিটরি ফাইল এবং ফোল্ডার গঠন @@ -448,7 +448,7 @@ li:before { **ইনস্টলেশনের পরপরই ফলাফল:** CodeSwing ইনস্টল করার পরে, আপনি আপনার রিজিউম ওয়েবসাইটের একটি লাইভ প্রিভিউ এডিটরে দেখতে পাবেন। এটি আপনাকে আপনার সাইটটি কেমন দেখাচ্ছে তা পরিবর্তন করার সাথে সাথে দেখতে দেয়। -![CodeSwing এক্সটেনশন লাইভ প্রিভিউ দেখাচ্ছে](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.bn.png) +![CodeSwing এক্সটেনশন লাইভ প্রিভিউ দেখাচ্ছে](../../../../translated_images/bn/after-codeswing-extension-pb.0ebddddcf73b5509.png) **উন্নত ইন্টারফেস বোঝা:** - **স্প্লিট ভিউ**: **আপনার কোড এক পাশে এবং লাইভ প্রিভিউ অন্য পাশে দেখায়** diff --git a/translations/bn/9-chat-project/README.md b/translations/bn/9-chat-project/README.md index 9de74455e..8be09b836 100644 --- a/translations/bn/9-chat-project/README.md +++ b/translations/bn/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) আপনার সমাপ্ত প্রকল্পটি দেখতে এমন হবে: -![চ্যাট অ্যাপ ইন্টারফেস যেখানে ব্যবহারকারী এবং এআই সহকারীর মধ্যে কথোপকথন দেখানো হচ্ছে](../../../translated_images/screenshot.0a1ee0d123df681b.bn.png) +![চ্যাট অ্যাপ ইন্টারফেস যেখানে ব্যবহারকারী এবং এআই সহকারীর মধ্যে কথোপকথন দেখানো হচ্ছে](../../../translated_images/bn/screenshot.0a1ee0d123df681b.png) ## 🗺️ এআই অ্যাপ্লিকেশন ডেভেলপমেন্টের মাধ্যমে আপনার শেখার যাত্রা @@ -1703,14 +1703,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.bn.png) +![টেমপ্লেট ইন্টারফেস যেখানে সবুজ "Use this template" বোতাম দেখানো হয়েছে](../../../translated_images/bn/template.67ad477109d29a2b.png) **ধাপ ২: Codespaces চালু করুন** - **আপনার নতুন তৈরি করা রিপোজিটরি খুলুন** - **সবুজ "Code" বোতাম ক্লিক করুন এবং "Codespaces" নির্বাচন করুন** - **"Create codespace on main" নির্বাচন করুন** আপনার ডেভেলপমেন্ট পরিবেশ শুরু করতে -![Codespace ইন্টারফেস যেখানে ক্লাউড ডেভেলপমেন্ট পরিবেশ চালু করার অপশন দেখানো হয়েছে](../../../translated_images/codespace.bcecbdf5d2747d3d.bn.png) +![Codespace ইন্টারফেস যেখানে ক্লাউড ডেভেলপমেন্ট পরিবেশ চালু করার অপশন দেখানো হয়েছে](../../../translated_images/bn/codespace.bcecbdf5d2747d3d.png) **ধাপ ৩: পরিবেশ কনফিগারেশন** আপনার Codespace লোড হওয়ার পর, আপনি পাবেন: diff --git a/translations/bn/README.md b/translations/bn/README.md index fb976506b..e4653f82c 100644 --- a/translations/bn/README.md +++ b/translations/bn/README.md @@ -53,13 +53,13 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন শুরু করতে ভিজিট করুন [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! -![Background](../../translated_images/background.148a8d43afde5730.bn.png) +![Background](../../translated_images/bn/background.148a8d43afde5730.png) - বেসিক থেকে শুরু করে RAG পর্যন্ত সবকিছু শেখানো হয়। - GenAI এবং আমাদের কম্প্যানিয়ন অ্যাপ ব্যবহার করে ঐতিহাসিক চরিত্রদের সাথে ইন্টারঅ্যাক্ট করুন। - মজাদার এবং আকর্ষণীয় কাহিনি, আপনাকে সময়ে ভ্রমণ করানো হবে! -![character](../../translated_images/character.5c0dd8e067ffd693.bn.png) +![character](../../translated_images/bn/character.5c0dd8e067ffd693.png) প্রতিটি পাঠে একটি কাজ, জ্ঞানের পরীক্ষা এবং একটি চ্যালেঞ্জ থাকে, যা আপনাকে নিম্নলিখিত বিষয় শিখতে সাহায্য করবে: - প্রম্পটিং এবং প্রম্পট ইঞ্জিনিয়ারিং @@ -93,7 +93,7 @@ Azure AI Foundry Discord কমিউনিটিতে যোগ দিন আপনি যে কপি তৈরি করেছেন সেখানে **Code** বোতামে ক্লিক করে **Open with Codespaces** নির্বাচন করুন। এটি আপনার জন্য একটি নতুন Codespace তৈরি করবে যেখানে আপনি কাজ করবেন। -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.bn.png) +![Codespace](../../translated_images/bn/createcodespace.0238bbf4d7a8d955.png) #### আপনার কম্পিউটারে লোকালি পাঠক্রম চালানো diff --git a/translations/bn/for-teachers.md b/translations/bn/for-teachers.md index a001dcef3..0427b42a8 100644 --- a/translations/bn/for-teachers.md +++ b/translations/bn/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud-এ Common Cartridge সমর্থন সীমিত। উপরের Moodle ফাইলটি পছন্দ করুন, যা Canvas-এও আপলোড করা যেতে পারে। - আমদানির পরে, আপনার টার্ম শিডিউলের সাথে মডিউল, ডিউ তারিখ এবং কুইজ সেটিংস পর্যালোচনা করুন। -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.bn.png) +![Moodle](../../translated_images/bn/moodle.94eb93d714a50cb2.png) > Moodle ক্লাসরুমে পাঠ্যক্রম -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.bn.png) +![Canvas](../../translated_images/bn/canvas.fbd605ff8e5b8aff.png) > Canvas-এ পাঠ্যক্রম ### সরাসরি রিপোজিটরি ব্যবহার করুন (ক্লাসরুম ছাড়া) diff --git a/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md index c29f18bb5..87d6c4bca 100644 --- a/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/br/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Olha, eu entendo totalmente se programar parece intimidante agora. Quando comece Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não apenas possível, mas seriamente viciante. Estou falando dos mesmos editores, navegadores e fluxos de trabalho que os desenvolvedores da Netflix, Spotify e do seu estúdio indie favorito usam todos os dias. E aqui está a parte que vai te fazer dançar de felicidade: a maioria dessas ferramentas profissionais e padrão da indústria são completamente gratuitas! -![Introdução à Programação](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.br.png) +![Introdução à Programação](../../../../translated_images/br/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/1-getting-started-lessons/2-github-basics/README.md b/translations/br/1-getting-started-lessons/2-github-basics/README.md index 4d51def7d..c12f63a1a 100644 --- a/translations/br/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/br/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Eu sei que isso pode parecer muito no começo – eu mesmo lembro de olhar para Vamos embarcar nessa jornada juntos, passo a passo. Sem pressa, sem pressão – apenas você, eu e algumas ferramentas muito legais que estão prestes a se tornar suas melhores amigas! -![Introdução ao GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.br.png) +![Introdução ao GitHub](../../../../translated_images/br/webdev101-github.8846d7971abef6f9.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,7 @@ Primeiro, vamos encontrar um repositório (ou **repo**) no GitHub que seja do se ✅ Uma boa maneira de encontrar repositórios 'amigáveis para iniciantes' é [buscar pela tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Copiar um repositório localmente](../../../../translated_images/clone_repo.5085c48d666ead57.br.png) +![Copiar um repositório localmente](../../../../translated_images/br/clone_repo.5085c48d666ead57.png) Existem várias maneiras de copiar código. Uma delas é "clonar" o conteúdo do repositório, usando HTTPS, SSH ou o GitHub CLI (Interface de Linha de Comando). diff --git a/translations/br/1-getting-started-lessons/3-accessibility/README.md b/translations/br/1-getting-started-lessons/3-accessibility/README.md index b466c36b2..cd4c6fa65 100644 --- a/translations/br/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/br/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Criando Páginas Web Acessíveis -![Tudo Sobre Acessibilidade](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.br.png) +![Tudo Sobre Acessibilidade](../../../../translated_images/br/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1060,12 +1060,12 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você **Imagens informativas** - transmitem informações importantes: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Imagens decorativas** - puramente visuais, sem valor informativo: ```html - + ``` **Imagens funcionais** - servem como botões ou controles: @@ -1077,7 +1077,7 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você **Imagens complexas** - gráficos, diagramas, infográficos: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1117,7 +1117,7 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/br/2-js-basics/1-data-types/README.md b/translations/br/2-js-basics/1-data-types/README.md index 4cb6b3482..df5b8f0b8 100644 --- a/translations/br/2-js-basics/1-data-types/README.md +++ b/translations/br/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Noções Básicas de JavaScript: Tipos de Dados -![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.br.png) +![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/br/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/2-js-basics/2-functions-methods/README.md b/translations/br/2-js-basics/2-functions-methods/README.md index fdd7ede49..ee4a99611 100644 --- a/translations/br/2-js-basics/2-functions-methods/README.md +++ b/translations/br/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Noções Básicas de JavaScript: Métodos e Funções -![Noções Básicas de JavaScript - Funções](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.br.png) +![Noções Básicas de JavaScript - Funções](../../../../translated_images/br/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/2-js-basics/3-making-decisions/README.md b/translations/br/2-js-basics/3-making-decisions/README.md index 7efde395d..9ec8f5481 100644 --- a/translations/br/2-js-basics/3-making-decisions/README.md +++ b/translations/br/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Fundamentos de JavaScript: Tomando Decisões -![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.br.png) +![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/br/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/br/2-js-basics/4-arrays-loops/README.md b/translations/br/2-js-basics/4-arrays-loops/README.md index 6d08b70fb..205e92658 100644 --- a/translations/br/2-js-basics/4-arrays-loops/README.md +++ b/translations/br/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Noções Básicas de JavaScript: Arrays e Loops -![Noções Básicas de JavaScript - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.br.png) +![Noções Básicas de JavaScript - Arrays](../../../../translated_images/br/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/br/3-terrarium/1-intro-to-html/README.md b/translations/br/3-terrarium/1-intro-to-html/README.md index 855537950..cf1df92e3 100644 --- a/translations/br/3-terrarium/1-intro-to-html/README.md +++ b/translations/br/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![Introdução ao HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.br.png) +![Introdução ao HTML](../../../../translated_images/br/webdev101-html.4389c2067af68e98.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) HTML, ou Linguagem de Marcação de Hipertexto, é a base de todos os sites que você já visitou. Pense no HTML como o esqueleto que dá estrutura às páginas da web – ele define onde o conteúdo vai, como está organizado e o que cada parte representa. Enquanto o CSS mais tarde "vestirá" seu HTML com cores e layouts, e o JavaScript dará vida com interatividade, o HTML fornece a estrutura essencial que torna tudo isso possível. @@ -88,7 +88,7 @@ Você criará uma pasta dedicada para seu projeto de terrário e adicionará seu 4. No painel Explorer, clique no ícone "Novo Arquivo" 5. Nomeie seu arquivo como `index.html` -![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/vs-code-index.e2986cf919471eb9.br.png) +![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/br/vs-code-index.e2986cf919471eb9.png) **Opção 2: Usando Comandos no Terminal** ```bash @@ -239,48 +239,48 @@ Agora adicione as imagens das plantas organizadas em duas colunas entre suas tag
- 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/br/3-terrarium/2-intro-to-css/README.md b/translations/br/3-terrarium/2-intro-to-css/README.md index e439dba67..2238f8eca 100644 --- a/translations/br/3-terrarium/2-intro-to-css/README.md +++ b/translations/br/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![Introdução ao CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.br.png) +![Introdução ao CSS](../../../../translated_images/br/webdev101-css.3f7af5991bf53a20.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Lembra como seu terrário em HTML parecia bem básico? Com o CSS, transformamos essa estrutura simples em algo visualmente atraente. @@ -205,7 +205,7 @@ body { Abra as ferramentas de desenvolvedor do seu navegador (F12), navegue até a aba Elementos e inspecione seu elemento `

`. Você verá que ele herda a família de fontes do body: -![fonte herdada](../../../../translated_images/1.cc07a5cbe114ad1d.br.png) +![fonte herdada](../../../../translated_images/br/1.cc07a5cbe114ad1d.png) ✅ **Hora de Experimentar**: Tente definir outras propriedades herdáveis no `` como `color`, `line-height` ou `text-align`. O que acontece com seu título e outros elementos? @@ -335,7 +335,7 @@ No nosso terrário, cada planta precisa de um estilo semelhante, mas também de **Aqui está a estrutura HTML para cada planta:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -599,7 +599,7 @@ Pronto para aprimorar seu terrário com reflexos realistas no vidro? Essa técni Você criará destaques sutis que simulam como a luz reflete nas superfícies de vidro. Essa abordagem é semelhante à usada por pintores renascentistas como Jan van Eyck, que utilizavam luz e reflexos para fazer o vidro pintado parecer tridimensional. Aqui está o que você deve alcançar: -![terrário finalizado](../../../../translated_images/terrarium-final.2f07047ffc597d0a.br.png) +![terrário finalizado](../../../../translated_images/br/terrarium-final.2f07047ffc597d0a.png) **Seu desafio:** - **Crie** formas ovais sutis, brancas ou de cor clara, para os reflexos do vidro diff --git a/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md index 18d83f86a..fb33440b6 100644 --- a/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/br/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM e um closure](../../../../translated_images/webdev101-js.10280393044d7eaa.br.png) +![DOM e um closure](../../../../translated_images/br/webdev101-js.10280393044d7eaa.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Bem-vindo a um dos aspectos mais envolventes do desenvolvimento web - tornar as coisas interativas! O Modelo de Objeto de Documento (DOM) é como uma ponte entre seu HTML e JavaScript, e hoje vamos usá-lo para dar vida ao seu terrário. Quando Tim Berners-Lee criou o primeiro navegador web, ele imaginou uma web onde os documentos poderiam ser dinâmicos e interativos - o DOM torna essa visão possível. @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![Representação da árvore DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.br.png) +![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.png) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -150,7 +150,7 @@ flowchart LR > 💡 **Entendendo Closures**: Closures são um tópico significativo em JavaScript, e muitos desenvolvedores os utilizam por anos antes de compreender totalmente todos os aspectos teóricos. Hoje, estamos focando na aplicação prática - você verá closures surgirem naturalmente enquanto construímos nossos recursos interativos. A compreensão se desenvolverá à medida que você perceber como eles resolvem problemas reais. -![Representação da árvore DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.br.png) +![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.png) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -598,7 +598,7 @@ Agora teste seu terrário interativo! Abra seu arquivo `index.html` em um navega - **Suporte entre dispositivos**: Funciona em desktop e dispositivos móveis - **Consciente do desempenho**: Sem vazamentos de memória ou cálculos redundantes -![terrário finalizado](../../../../translated_images/terrarium-final.0920f16e87c13a84.br.png) +![terrário finalizado](../../../../translated_images/br/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/br/3-terrarium/solution/README.md b/translations/br/3-terrarium/solution/README.md index 1128768e7..3963e0707 100644 --- a/translations/br/3-terrarium/solution/README.md +++ b/translations/br/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Uma pequena meditação de código com arrastar e soltar. Com um pouco de HTML, JS e CSS, você pode criar uma interface web, estilizar e adicionar interatividade. -![meu terrário](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.br.png) +![meu terrário](../../../../translated_images/br/screenshot_gray.0c796099a1f9f25e.png) ## Créditos diff --git a/translations/br/5-browser-extension/1-about-browsers/README.md b/translations/br/5-browser-extension/1-about-browsers/README.md index b20435f74..07faf27ed 100644 --- a/translations/br/5-browser-extension/1-about-browsers/README.md +++ b/translations/br/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![Esboço de navegador](../../../../translated_images/browser.60317c9be8b7f84a.br.jpg) +![Esboço de navegador](../../../../translated_images/br/browser.60317c9be8b7f84a.jpg) > Esboço por [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 Pré-Aula @@ -79,7 +79,7 @@ Esse processo reflete como o primeiro navegador web, WorldWideWeb, foi projetado ✅ **Um pouco de história**: O primeiro navegador foi chamado 'WorldWideWeb' e foi criado por Sir Timothy Berners-Lee em 1990. -![navegadores antigos](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.br.jpg) +![navegadores antigos](../../../../translated_images/br/earlybrowsers.d984b711cdf3a42d.jpg) > Alguns navegadores antigos, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Como os Navegadores Processam Conteúdo Web @@ -198,7 +198,7 @@ quadrantChart Entender o processo de instalação de extensões ajuda você a antecipar a experiência do usuário ao instalar sua extensão. O processo de instalação é padronizado nos navegadores modernos, com pequenas variações no design da interface. -![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.br.png) +![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/br/install-on-edge.d68781acaf0b3d3d.png) > **Importante**: Certifique-se de ativar o modo desenvolvedor e permitir extensões de outras lojas ao testar suas próprias extensões. @@ -313,10 +313,10 @@ Isso segue o princípio de divulgação progressiva usado no design de interface ### Visão Geral das Telas da Extensão **Tela de Configuração** - Configuração inicial do usuário: -![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/1.b6da8c1394b07491.br.png) +![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/br/1.b6da8c1394b07491.png) **Tela de Resultados** - Exibição de dados de pegada de carbono: -![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/2.1dae52ff08042246.br.png) +![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/br/2.1dae52ff08042246.png) ### Construindo o Formulário de Configuração diff --git a/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md index 230bafb76..20ee7dccf 100644 --- a/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/br/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![Painel de armazenamento local](../../../../translated_images/localstorage.472f8147b6a3f8d1.br.png) +![Painel de armazenamento local](../../../../translated_images/br/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Consideração de Segurança**: Em aplicativos de produção, armazenar chaves de API no LocalStorage apresenta riscos de segurança, já que o JavaScript pode acessar esses dados. Para fins de aprendizado, essa abordagem funciona bem, mas aplicativos reais devem usar armazenamento seguro no servidor para credenciais sensíveis. diff --git a/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md index b4d2ea734..7daaf2ad1 100644 --- a/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/br/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Para abrir as Ferramentas de Desenvolvedor no Edge, clique nos três pontos no c Vamos experimentar isso. Abra um site (Microsoft.com funciona bem para isso) e clique no botão 'Gravar'. Agora atualize a página e observe o profiler capturar tudo o que acontece. Quando você parar a gravação, verá um detalhamento de como o navegador 'escreve scripts', 'renderiza' e 'pinta' o site. Isso me lembra como o controle da missão monitora cada sistema durante o lançamento de um foguete - você obtém dados em tempo real sobre exatamente o que está acontecendo e quando. -![Profiler do Edge](../../../../translated_images/profiler.5a4a62479c5df01c.br.png) +![Profiler do Edge](../../../../translated_images/br/profiler.5a4a62479c5df01c.png) ✅ A [Documentação da Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) tem muitos mais detalhes se você quiser se aprofundar. @@ -136,11 +136,11 @@ Selecione elementos da linha do tempo do perfil para ampliar os eventos que acon Obtenha um instantâneo do desempenho da sua página selecionando uma parte da linha do tempo do perfil e olhando para o painel de resumo: -![Instantâneo do profiler do Edge](../../../../translated_images/snapshot.97750180ebcad737.br.png) +![Instantâneo do profiler do Edge](../../../../translated_images/br/snapshot.97750180ebcad737.png) Verifique o painel de Log de Eventos para ver se algum evento levou mais de 15 ms: -![Log de eventos do Edge](../../../../translated_images/log.804026979f3707e0.br.png) +![Log de eventos do Edge](../../../../translated_images/br/log.804026979f3707e0.png) ✅ Familiarize-se com seu profiler! Abra as ferramentas de desenvolvedor neste site e veja se há algum gargalo. Qual é o ativo que carrega mais lentamente? O mais rápido? diff --git a/translations/br/5-browser-extension/README.md b/translations/br/5-browser-extension/README.md index b87d34e53..c12e5d023 100644 --- a/translations/br/5-browser-extension/README.md +++ b/translations/br/5-browser-extension/README.md @@ -23,7 +23,7 @@ Essa extensão pode ser chamada sob demanda por um usuário, uma vez que uma cha ### Créditos -![uma extensão de navegador verde](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![uma extensão de navegador verde](../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Créditos diff --git a/translations/br/5-browser-extension/solution/README.md b/translations/br/5-browser-extension/solution/README.md index 81191334e..4d2373bea 100644 --- a/translations/br/5-browser-extension/solution/README.md +++ b/translations/br/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Utilizar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura de tela da extensão](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Primeiros Passos @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![instalando](../../../../translated_images/install-on-edge.78634f02842c4828.br.png) +![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.png) Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.es.md b/translations/br/5-browser-extension/solution/translation/README.es.md index fc3d11c18..59202ae28 100644 --- a/translations/br/5-browser-extension/solution/translation/README.es.md +++ b/translations/br/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API de sinal de CO2 da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para ter um lembrete direto no seu navegador sobre o consumo de eletricidade da sua região. O uso dessa extensão personalizada ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura de tela da extensão](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.br.png) +![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Começando @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Abra a pasta 'dist' quando solicitado, e a extensão será carregada. Para usá-la, você precisará de uma chave de API para a API de CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail no campo desta página) e o [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Mapa de Eletricidade](https://www.electricitymap.org/map) (em Boston, por exemplo, uso 'US-NEISO'). -![instalando](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.br.png) +![instalando](../../../../../translated_images/br/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o uso de energia da sua região e fornecer um indicador sobre as atividades de alto consumo de energia que seriam adequadas para você. O conceito por trás desse sistema de "pontos" foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.fr.md b/translations/br/5-browser-extension/solution/translation/README.fr.md index ccb486e5e..241d77bca 100644 --- a/translations/br/5-browser-extension/solution/translation/README.fr.md +++ b/translations/br/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador para que você possa receber um lembrete diretamente no navegador sobre o consumo de eletricidade da sua região. O uso dessa extensão personalizada ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura da extensão](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![captura da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Primeiros Passos @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar extensão descompactada' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail no campo desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Mapa de Eletricidade](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![instalação](../../../../../translated_images/install-on-edge.78634f02842c4828.br.png) +![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png) Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer um indicador sobre quais atividades de alto consumo energético seriam apropriadas realizar. O conceito por trás desse sistema de 'pontos' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.hi.md b/translations/br/5-browser-extension/solution/translation/README.hi.md index 248a0efbf..48d301990 100644 --- a/translations/br/5-browser-extension/solution/translation/README.hi.md +++ b/translations/br/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para rastrear o uso de eletricidade, esta extensão de navegador foi criada para lembrar você sobre o impacto do uso de energia na sua região enquanto navega. Utilizar esta extensão pode ajudá-lo a tomar decisões informadas com base nessas informações. -![Captura de tela da extensão](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![Captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Começando @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para encontrar o painel de extensões. A partir daí, selecione 'Carregar sem empacotar' para carregar uma nova extensão. No prompt, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API do CO2 Signal ([obtenha por e-mail aqui](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e [o código da sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (por exemplo, em Boston, eu uso 'US-NEISO'). -![instalando](../../../../../translated_images/install-on-edge.78634f02842c4828.br.png) +![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png) Depois que a chave de API e o código da região forem inseridos na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o uso de energia na sua região e fornecer um indicador sobre quais atividades intensivas em energia são mais adequadas para o momento. O conceito por trás deste sistema de 'ponto' foi inspirado pela extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.it.md b/translations/br/5-browser-extension/solution/translation/README.it.md index 0948f966f..cfcae626d 100644 --- a/translations/br/5-browser-extension/solution/translation/README.it.md +++ b/translations/br/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Será utilizada a API Signal CO2 da tmrow para monitorar o uso de eletricidade e criar uma extensão para o navegador, permitindo que você tenha um lembrete diretamente no navegador sobre o impacto do consumo de eletricidade na sua região. O uso dessa extensão personalizada ajudará a avaliar suas atividades com base nessas informações. -![captura de tela da extensão](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Para Começar @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, utilize o menu de "três pontos" no canto superior direito do navegador para acessar o painel de Extensões. Se ainda não estiver ativado, habilite o Modo Desenvolvedor (no canto inferior esquerdo). Selecione "Carregar sem compactação" para adicionar uma nova extensão. No prompt, abra a pasta "dist" e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal (você pode [obter uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e o [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [mapa elétrico](https://www.electricitymap.org/map) (em Boston, por exemplo, "US-NEISO"). -![instalação](../../../../../translated_images/install-on-edge.78634f02842c4828.br.png) +![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png) Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da região e fornecer uma indicação sobre quais atividades de alto consumo energético seriam apropriadas para realizar. O conceito por trás desse sistema de "pontos" foi inspirado na [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.ja.md b/translations/br/5-browser-extension/solution/translation/README.ja.md index 3c92452d8..bb8f1d79b 100644 --- a/translations/br/5-browser-extension/solution/translation/README.ja.md +++ b/translations/br/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Com a API CO2 Signal da tmrow, você pode criar uma extensão de navegador que exibe lembretes sobre o consumo de energia na sua região diretamente no navegador. Essa extensão permite que você acompanhe o uso de energia e tome decisões informadas com base nessas informações. -![captura de tela da extensão](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Introdução @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, encontre o painel "Extensões" no menu de "três pontos" no canto superior direito do navegador. A partir daí, selecione "Carregar sem compactação" e carregue a nova extensão. Quando solicitado, abra a pasta "dist" para carregar a extensão. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e do [código correspondente à sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, use 'US-NEISO'). -![instalando](../../../../../translated_images/install-on-edge.78634f02842c4828.br.png) +![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png) Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido aparecerá na barra de extensões do navegador. Esse ponto mudará de cor para refletir o consumo de energia na sua região, ajudando você a decidir quais atividades que demandam energia são mais apropriadas naquele momento. O conceito desse sistema de "pontos" foi inspirado na extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/solution/translation/README.ms.md b/translations/br/5-browser-extension/solution/translation/README.ms.md index e4cf7b1d8..aad9abaee 100644 --- a/translations/br/5-browser-extension/solution/translation/README.ms.md +++ b/translations/br/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador que possa alertá-lo sobre o impacto do consumo de energia na sua região. O uso dessa extensão pode ajudá-lo a tomar decisões mais conscientes sobre suas atividades com base nessas informações. -![captura de tela da extensão do navegador](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![captura de tela da extensão do navegador](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Começando @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Abra a pasta 'dist' quando solicitado, e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa na página) e [o código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![baixando](../../../../../translated_images/install-on-edge.78634f02842c4828.br.png) +![baixando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.png) Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido na barra da extensão do navegador mudará para refletir o consumo de energia da sua região e fornecerá sugestões sobre quais atividades intensivas são mais adequadas para o momento. O conceito por trás do sistema de 'pontos' foi inspirado pela [extensão de navegador Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/5-browser-extension/start/README.md b/translations/br/5-browser-extension/start/README.md index b9feea6d9..839768a97 100644 --- a/translations/br/5-browser-extension/start/README.md +++ b/translations/br/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Usar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações. -![captura de tela da extensão](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.br.png) +![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.png) ## Primeiros Passos @@ -31,7 +31,7 @@ npm run build Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem Empacotamento' para carregar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO'). -![instalando](../../../../translated_images/install-on-edge.78634f02842c4828.br.png) +![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.png) Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia. diff --git a/translations/br/6-space-game/2-drawing-to-canvas/README.md b/translations/br/6-space-game/2-drawing-to-canvas/README.md index c8e5bd9ee..13a07c2c1 100644 --- a/translations/br/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/br/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![a grade do canvas](../../../../translated_images/canvas_grid.5f209da785ded492.br.png) +![a grade do canvas](../../../../translated_images/br/canvas_grid.5f209da785ded492.png) > Imagem de [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Para desenhar no elemento canvas, você seguirá o mesmo processo de três etapas que forma a base de todos os gráficos do canvas. Depois de fazer isso algumas vezes, torna-se algo natural: @@ -329,11 +329,11 @@ Você criará uma página web com um elemento Canvas. Ela deve renderizar uma te - Nave do herói - ![Nave do herói](../../../../translated_images/player.dd24c1afa8c71e9b.br.png) + ![Nave do herói](../../../../translated_images/br/player.dd24c1afa8c71e9b.png) - Formação 5×5 de monstros - ![Nave do monstro](../../../../translated_images/enemyShip.5df2a822c16650c2.br.png) + ![Nave do monstro](../../../../translated_images/br/enemyShip.5df2a822c16650c2.png) ### Passos Recomendados para Iniciar o Desenvolvimento @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { O resultado final deve ser assim: -![Tela preta com um herói e 5x5 monstros](../../../../translated_images/partI-solution.36c53b48c9ffae2a.br.png) +![Tela preta com um herói e 5x5 monstros](../../../../translated_images/br/partI-solution.36c53b48c9ffae2a.png) ## Solução diff --git a/translations/br/6-space-game/5-keeping-score/README.md b/translations/br/6-space-game/5-keeping-score/README.md index 5364dc97a..9b132577e 100644 --- a/translations/br/6-space-game/5-keeping-score/README.md +++ b/translations/br/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **Sistema de pontuação**: Cada nave inimiga destruída concede 100 pontos (números redondos são mais fáceis para os jogadores calcularem mentalmente). A pontuação será exibida no canto inferior esquerdo. -- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/life.6fb9f50d53ee0413.br.png). +- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/br/life.6fb9f50d53ee0413.png). ## Vamos Começar! diff --git a/translations/br/7-bank-project/1-template-route/README.md b/translations/br/7-bank-project/1-template-route/README.md index 8f0d87da3..2e5a72739 100644 --- a/translations/br/7-bank-project/1-template-route/README.md +++ b/translations/br/7-bank-project/1-template-route/README.md @@ -652,7 +652,7 @@ sequenceDiagram Usar o `history.pushState` cria novas entradas no histórico de navegação do navegador. Você pode verificar isso segurando o *botão voltar* do seu navegador, ele deve exibir algo assim: -![Captura de tela do histórico de navegação](../../../../translated_images/history.7fdabbafa521e064.br.png) +![Captura de tela do histórico de navegação](../../../../translated_images/br/history.7fdabbafa521e064.png) Se você tentar clicar no botão voltar algumas vezes, verá que a URL atual muda e o histórico é atualizado, mas o mesmo template continua sendo exibido. diff --git a/translations/br/7-bank-project/2-forms/README.md b/translations/br/7-bank-project/2-forms/README.md index daf9886a6..9230f7c28 100644 --- a/translations/br/7-bank-project/2-forms/README.md +++ b/translations/br/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ Primeiro, vamos observar o que acontece com o envio básico de formulários: 2. Observe as mudanças na barra de endereço do navegador 3. Note como a página recarrega e os dados aparecem na URL -![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/click-register.e89a30bf0d4bc9ca.br.png) +![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/br/click-register.e89a30bf0d4bc9ca.png) ### Comparação de Métodos HTTP @@ -350,7 +350,7 @@ Vamos configurar seu formulário de registro para se comunicar corretamente com 2. **Clique** no botão "Criar Conta" 3. **Observe** a resposta do servidor no seu navegador -![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/form-post.61de4ca1b964d91a.br.png) +![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/br/form-post.61de4ca1b964d91a.png) **O que você deve ver:** - **Redirecionamento do navegador** para a URL do endpoint da API @@ -615,7 +615,7 @@ async function register() { 3. **Clique** em "Criar Conta" 4. **Observe** as mensagens do console e o feedback ao usuário -![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/browser-console.efaf0b51aaaf6778.br.png) +![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/br/browser-console.efaf0b51aaaf6778.png) **O que você deve ver:** - **Estado de carregamento** aparece no botão de envio @@ -790,7 +790,7 @@ Vamos aprimorar seu formulário de registro com validação robusta que oferece 3. **Tente** caracteres especiais no campo de nome de usuário 4. **Insira** um valor de saldo negativo -![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/validation-error.8bd23e98d416c22f.br.png) +![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/br/validation-error.8bd23e98d416c22f.png) **O que você observará:** - **O navegador exibe** mensagens de validação nativas @@ -952,7 +952,7 @@ Mostre uma mensagem de erro no HTML se o usuário já existir. Aqui está um exemplo de como a página de login final pode ficar após um pouco de estilização: -![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/result.96ef01f607bf856a.br.png) +![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/br/result.96ef01f607bf856a.png) ## Quiz Pós-Aula diff --git a/translations/br/7-bank-project/3-data/README.md b/translations/br/7-bank-project/3-data/README.md index d472f20cb..4caacaee3 100644 --- a/translations/br/7-bank-project/3-data/README.md +++ b/translations/br/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/mpa.7f7375a1a2d4aa77.br.png) +![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/br/mpa.7f7375a1a2d4aa77.png) **Por que essa abordagem parecia desajeitada:** - Cada clique significava reconstruir a página inteira do zero @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/spa.268ec73b41f992c2.br.png) +![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/br/spa.268ec73b41f992c2.png) **Por que os SPAs são muito melhores:** - Apenas as partes que realmente mudaram são atualizadas (inteligente, né?) @@ -523,7 +523,7 @@ if (data.error) { Agora, ao testar com uma conta inválida, você verá uma mensagem de erro útil diretamente na página! -![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/login-error.416fe019b36a6327.br.png) +![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/br/login-error.416fe019b36a6327.png) #### Passo 4: Sendo Inclusivo com Acessibilidade @@ -961,7 +961,7 @@ Pronto para levar seu aplicativo bancário para o próximo nível? Vamos fazer c Aqui está como um dashboard polido poderia parecer: -![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/screen2.123c82a831a1d14a.br.png) +![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/br/screen2.123c82a831a1d14a.png) Não sinta que precisa seguir exatamente este modelo - use-o como inspiração e crie algo único! diff --git a/translations/br/7-bank-project/4-state-management/README.md b/translations/br/7-bank-project/4-state-management/README.md index 8b2036dba..56e5e1373 100644 --- a/translations/br/7-bank-project/4-state-management/README.md +++ b/translations/br/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ Como o design compartimentado do Titanic parecia robusto até que múltiplos com Em vez de ficarmos correndo em círculos, vamos criar um sistema de **gerenciamento de estado centralizado**. Pense nisso como ter uma pessoa realmente organizada responsável por todas as coisas importantes: -![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/data-flow.fa2354e0908fecc8.br.png) +![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/br/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -804,7 +804,7 @@ Este desafio ajudará você a pensar como um desenvolvedor profissional que cons Aqui está um exemplo de resultado após completar a tarefa: -![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/dialog.93bba104afeb79f1.br.png) +![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.png) --- diff --git a/translations/br/7-bank-project/4-state-management/assignment.md b/translations/br/7-bank-project/4-state-management/assignment.md index 06810c866..e90a8f10f 100644 --- a/translations/br/7-bank-project/4-state-management/assignment.md +++ b/translations/br/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Consulte a [documentação da API do servidor](../api/README.md) para: **Resultado Esperado:** Após concluir esta tarefa, seu aplicativo bancário deve ter um recurso de "Adicionar Transação" totalmente funcional que pareça e se comporte de forma profissional: -![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/dialog.93bba104afeb79f1.br.png) +![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.png) ## Testando Sua Implementação diff --git a/translations/br/7-bank-project/README.md b/translations/br/7-bank-project/README.md index 54609854d..dc86a97ba 100644 --- a/translations/br/7-bank-project/README.md +++ b/translations/br/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Neste projeto, você aprenderá como construir um banco fictício. Estas lições incluem instruções sobre como estruturar um aplicativo web e fornecer rotas, criar formulários, gerenciar estado e buscar dados de uma API da qual você pode obter as informações do banco. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.br.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.br.png) | +| ![Screen1](../../../translated_images/br/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/br/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Lições diff --git a/translations/br/8-code-editor/1-using-a-code-editor/README.md b/translations/br/8-code-editor/1-using-a-code-editor/README.md index 1e60d5e47..7729f218e 100644 --- a/translations/br/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/br/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ Assim como o telefone de Alexander Graham Bell conectava locais distantes, vincu Depois que tudo estiver carregado, você verá um espaço de trabalho limpo e bonito, projetado para mantê-lo focado no que importa – seu código! -![Interface padrão do VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.br.png) +![Interface padrão do VSCode.dev](../../../../translated_images/br/default-vscode-dev.5d06881d65c1b323.png) **Aqui está um tour pelo ambiente:** - **Barra de Atividades** (a faixa à esquerda): Sua navegação principal com Explorer 📁, Pesquisa 🔍, Controle de Fonte 🌿, Extensões 🧩 e Configurações ⚙️ @@ -233,7 +233,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep 1. Acesse [vscode.dev](https://vscode.dev) se ainda não estiver lá 2. Procure o botão "Open Remote Repository" na tela inicial e clique nele - ![Abrir repositório remoto](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.br.png) + ![Abrir repositório remoto](../../../../translated_images/br/open-remote-repository.bd9c2598b8949e7f.png) 3. Cole qualquer URL de repositório do GitHub (experimente este: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Pressione Enter e veja a mágica acontecer! @@ -242,7 +242,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep Quer se sentir como um mago da programação? Experimente este atalho de teclado: Ctrl+Shift+P (ou Cmd+Shift+P no Mac) para abrir o Command Palette: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.br.png) +![Command Palette](../../../../translated_images/br/palette-menu.4946174e07f42622.png) **O Command Palette é como ter um mecanismo de busca para tudo o que você pode fazer:** - Digite "open remote" e ele encontrará o abridor de repositórios para você @@ -304,7 +304,7 @@ Assim como organizar plantas em um escritório de arquitetura, a criação de ar 3. Insira o nome do arquivo, incluindo a extensão apropriada (`style.css`, `script.js`, `index.html`) 4. Pressione Enter para criar o arquivo -![Criando um novo arquivo](../../../../translated_images/create-new-file.2814e609c2af9aeb.br.png) +![Criando um novo arquivo](../../../../translated_images/br/create-new-file.2814e609c2af9aeb.png) **Convenções de nomenclatura:** - Use nomes descritivos que indiquem o propósito do arquivo @@ -322,7 +322,7 @@ Aqui é onde a diversão realmente começa! O editor do VSCode.dev está repleto 2. Comece a digitar e veja o VSCode.dev ajudá-lo com cores, sugestões e detecção de erros 3. Salve seu trabalho com Ctrl+S (Windows/Linux) ou Cmd+S (Mac) – embora ele também salve automaticamente! -![Editando arquivos no VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.br.png) +![Editando arquivos no VSCode.dev](../../../../translated_images/br/edit-a-file.52c0ee665ef19f08.png) **As coisas legais que acontecem enquanto você programa:** - Seu código é lindamente colorido para facilitar a leitura @@ -343,7 +343,7 @@ Assim como arqueólogos criam registros detalhados das camadas de escavação, o 2. Os arquivos modificados aparecem na seção "Changes" 3. A codificação por cores indica os tipos de alteração: verde para adições, vermelho para exclusões -![Visualizando alterações no Controle de Fonte](../../../../translated_images/working-tree.c58eec08e6335c79.br.png) +![Visualizando alterações no Controle de Fonte](../../../../translated_images/br/working-tree.c58eec08e6335c79.png) **Salvando seu trabalho (fluxo de trabalho de commit):** @@ -438,7 +438,7 @@ O marketplace de extensões é muito bem organizado, então você não vai se pe 2. Navegue ou procure algo específico 3. Clique em qualquer coisa que pareça interessante para saber mais -![Interface do marketplace de extensões](../../../../translated_images/extensions.eca0e0c7f59a10b5.br.png) +![Interface do marketplace de extensões](../../../../translated_images/br/extensions.eca0e0c7f59a10b5.png) **O que você encontrará lá:** @@ -491,7 +491,7 @@ A maioria das extensões vem com configurações que você pode ajustar para que 3. Escolha "Configurações da Extensão" no menu suspenso 4. Ajuste as configurações até que fiquem perfeitas para o seu fluxo de trabalho -![Personalizando configurações de extensões](../../../../translated_images/extension-settings.21c752ae4f4cdb78.br.png) +![Personalizando configurações de extensões](../../../../translated_images/br/extension-settings.21c752ae4f4cdb78.png) **Coisas comuns que você pode querer ajustar:** - Como seu código é formatado (tabulação vs espaços, comprimento da linha, etc.) diff --git a/translations/br/8-code-editor/1-using-a-code-editor/assignment.md b/translations/br/8-code-editor/1-using-a-code-editor/assignment.md index 31ee69404..e01300bfd 100644 --- a/translations/br/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/br/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Como o VSCode.dev exige pelo menos um arquivo para abrir um repositório, criare 4. **Escreva** uma mensagem de commit: "Adicionar estrutura inicial de HTML" 5. **Clique** em "Commit new file" para salvar suas alterações -![Criando arquivo inicial no GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.br.png) +![Criando arquivo inicial no GitHub](../../../../translated_images/br/new-file-github.com.c886796d800e8056.png) **O que essa configuração inicial realiza:** - **Estabelece** uma estrutura de documento HTML5 adequada com elementos semânticos @@ -104,7 +104,7 @@ Agora que a base do seu repositório está estabelecida, vamos migrar para o VSC ✅ **Indicador de sucesso**: Você deve ver os arquivos do seu projeto na barra lateral do Explorer e `index.html` disponível para edição na área principal do editor. -![Projeto carregado no VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.br.png) +![Projeto carregado no VSCode.dev](../../../../translated_images/br/project-on-vscode.dev.e79815a9a95ee7fe.png) **O que você verá na interface:** - **Barra lateral do Explorer**: **Exibe** os arquivos e estrutura de pastas do seu repositório @@ -448,7 +448,7 @@ Extensões melhoram sua experiência de desenvolvimento ao fornecer recursos de **Resultados imediatos após a instalação:** Assim que o CodeSwing for instalado, você verá uma pré-visualização ao vivo do seu site de currículo aparecer no editor. Isso permite que você veja exatamente como seu site está enquanto faz alterações. -![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.br.png) +![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/br/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Entendendo a interface aprimorada:** - **Visualização dividida**: **Mostra** seu código de um lado e a pré-visualização ao vivo do outro diff --git a/translations/br/9-chat-project/README.md b/translations/br/9-chat-project/README.md index ea8a40208..858c72d5e 100644 --- a/translations/br/9-chat-project/README.md +++ b/translations/br/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) Aqui está como seu projeto final ficará: -![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/screenshot.0a1ee0d123df681b.br.png) +![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/br/screenshot.0a1ee0d123df681b.png) ## 🗺️ Sua Jornada de Aprendizado no Desenvolvimento de Aplicativos com IA @@ -194,7 +194,7 @@ mindmap **Princípio Central**: O desenvolvimento de aplicativos com IA combina habilidades tradicionais de desenvolvimento web com integração de serviços de IA, criando aplicativos inteligentes que parecem naturais e responsivos para os usuários. -![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/playground.d2b927122224ff8f.br.png) +![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/br/playground.d2b927122224ff8f.png) **Aqui está o que torna o playground tão útil:** - **Experimente** diferentes modelos de IA como GPT-4o-mini, Claude e outros (todos gratuitos!) @@ -204,7 +204,7 @@ mindmap Depois de brincar um pouco, basta clicar na aba "Code" e escolher sua linguagem de programação para obter o código de implementação necessário. -![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/playground-choice.1d23ba7d407f4758.br.png) +![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/br/playground-choice.1d23ba7d407f4758.png) ## Configurando a Integração de Backend com Python @@ -2365,14 +2365,14 @@ Quer experimentar este projeto em um ambiente de desenvolvimento na nuvem? O Git - **Acesse** o [repositório Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Clique** em "Use this template" no canto superior direito (certifique-se de estar logado no GitHub) -![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/template.67ad477109d29a2b.br.png) +![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/br/template.67ad477109d29a2b.png) **Passo 2: Iniciar Codespaces** - **Abra** o repositório recém-criado - **Clique** no botão verde "Code" e selecione "Codespaces" - **Escolha** "Create codespace on main" para iniciar seu ambiente de desenvolvimento -![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/codespace.bcecbdf5d2747d3d.br.png) +![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/br/codespace.bcecbdf5d2747d3d.png) **Passo 3: Configuração do Ambiente** Assim que seu Codespace carregar, você terá acesso a: diff --git a/translations/br/README.md b/translations/br/README.md index 9b89037fd..9e4b6de29 100644 --- a/translations/br/README.md +++ b/translations/br/README.md @@ -72,13 +72,13 @@ Não perca nosso novo currículo de IA Generativa! Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar! -![Background](../../translated_images/background.148a8d43afde5730.br.png) +![Background](../../translated_images/br/background.148a8d43afde5730.png) - Lições cobrindo tudo desde o básico até RAG. - Interaja com personagens históricos usando GenAI e nosso app de suporte. - Narrativa divertida e envolvente, você vai viajar no tempo! -![character](../../translated_images/character.5c0dd8e067ffd693.br.png) +![character](../../translated_images/br/character.5c0dd8e067ffd693.png) Cada lição inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para guiá-lo na aprendizagem de tópicos como: @@ -115,7 +115,7 @@ Siga estes passos: Na sua cópia do repositório que você criou, clique no botão **Code** e selecione **Open with Codespaces**. Isso criará um novo Codespace para você trabalhar. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.br.png) +![Codespace](../../translated_images/br/createcodespace.0238bbf4d7a8d955.png) #### Executando o currículo localmente no seu computador diff --git a/translations/br/for-teachers.md b/translations/br/for-teachers.md index 326528b8e..57d349a11 100644 --- a/translations/br/for-teachers.md +++ b/translations/br/for-teachers.md @@ -42,10 +42,10 @@ Este currículo inclui pacotes importáveis para fluxos de trabalho comuns em LM - O Moodle Cloud tem suporte limitado para Common Cartridge. Prefira o arquivo do Moodle acima, que também pode ser carregado no Canvas. - Após a importação, revise os módulos, datas de entrega e configurações de quizzes para ajustar ao cronograma do seu período. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.br.png) +![Moodle](../../translated_images/br/moodle.94eb93d714a50cb2.png) > O currículo em uma sala de aula do Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.br.png) +![Canvas](../../translated_images/br/canvas.fbd605ff8e5b8aff.png) > O currículo no Canvas ### Uso do repositório diretamente (sem Classroom) diff --git a/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md index fa329480d..65bf31c3e 100644 --- a/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/cs/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Podívejte, chápu, že programování může být zatím zastrašující. Když Dnes si prozkoumáme úžasné nástroje, které činí moderní webový vývoj nejen možným, ale doopravdy návykovým. Mluvím o stejných editorech, prohlížečích a pracovních postupech, které používají vývojáři ve Netflixu, Spotify a ve vašem oblíbeném indie studiu každý den. A tady je část, která vás nadchne: většina těchto profesionálních, průmyslových standardů je úplně zdarma! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.cs.png) +![Intro Programming](../../../../translated_images/cs/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/cs/1-getting-started-lessons/2-github-basics/README.md b/translations/cs/1-getting-started-lessons/2-github-basics/README.md index 9aa762c1c..8bc788214 100644 --- a/translations/cs/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/cs/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Vím, že to může ze začátku působit jako hodně – hele, pamatuju si, jak Vyrazíme na tuto cestu spolu, krok za krokem. Bez spěchu, bez tlaku – jen ty, já a pár opravdu skvělých nástrojů, které se právě stanou tvými novými nejlepšími přáteli! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.cs.png) +![Intro to GitHub](../../../../translated_images/cs/webdev101-github.8846d7971abef6f9.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -606,7 +606,7 @@ Nejprve najděte na GitHubu repozitář (nebo **repo**) zajímavý pro vás, do ✅ Dobrý způsob, jak najít repozitáře vhodné pro začátečníky, je [vyhledat podle štítku 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Zkopírování repozitáře lokálně](../../../../translated_images/clone_repo.5085c48d666ead57.cs.png) +![Zkopírování repozitáře lokálně](../../../../translated_images/cs/clone_repo.5085c48d666ead57.png) Existuje několik způsobů, jak zkopírovat kód. Jedním z nich je "klonování" obsahu repozitáře přes HTTPS, SSH nebo pomocí GitHub CLI (Command Line Interface). diff --git a/translations/cs/1-getting-started-lessons/3-accessibility/README.md b/translations/cs/1-getting-started-lessons/3-accessibility/README.md index 2442ac40c..f38e8d4a7 100644 --- a/translations/cs/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/cs/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Tvorba přístupných webových stránek -![Vše o přístupnosti](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.cs.png) +![Vše o přístupnosti](../../../../translated_images/cs/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Každý obrázek na vašem webu má svůj účel. Porozumění tomuto účelu v **Informační obrázky** - předávají důležité informace: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Dekorační obrázky** - čistě vizuální, bez informační hodnoty: ```html - + ``` **Funkční obrázky** - slouží jako tlačítka nebo ovládací prvky: @@ -1066,7 +1066,7 @@ Každý obrázek na vašem webu má svůj účel. Porozumění tomuto účelu v **Složité obrázky** - grafy, diagramy, infografiky: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Každý obrázek na vašem webu má svůj účel. Porozumění tomuto účelu v - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/cs/2-js-basics/1-data-types/README.md b/translations/cs/2-js-basics/1-data-types/README.md index 3af4d06af..2c0fb40df 100644 --- a/translations/cs/2-js-basics/1-data-types/README.md +++ b/translations/cs/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Základy JavaScriptu: Datové typy -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.cs.png) +![JavaScript Basics - Data types](../../../../translated_images/cs/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/cs/2-js-basics/2-functions-methods/README.md b/translations/cs/2-js-basics/2-functions-methods/README.md index e3163ccc1..3c51a8465 100644 --- a/translations/cs/2-js-basics/2-functions-methods/README.md +++ b/translations/cs/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Základy JavaScriptu: Metody a funkce -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.cs.png) +![JavaScript Basics - Functions](../../../../translated_images/cs/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/cs/2-js-basics/3-making-decisions/README.md b/translations/cs/2-js-basics/3-making-decisions/README.md index ad8dac45a..bf74449a1 100644 --- a/translations/cs/2-js-basics/3-making-decisions/README.md +++ b/translations/cs/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Základy JavaScriptu: Rozhodování -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.cs.png) +![JavaScript Basics - Making decisions](../../../../translated_images/cs/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/cs/2-js-basics/4-arrays-loops/README.md b/translations/cs/2-js-basics/4-arrays-loops/README.md index 73af7c90b..0ebf655b1 100644 --- a/translations/cs/2-js-basics/4-arrays-loops/README.md +++ b/translations/cs/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Základy JavaScriptu: Pole a smyčky -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.cs.png) +![JavaScript Basics - Arrays](../../../../translated_images/cs/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/cs/3-terrarium/1-intro-to-html/README.md b/translations/cs/3-terrarium/1-intro-to-html/README.md index 08c2a14d3..afa89a789 100644 --- a/translations/cs/3-terrarium/1-intro-to-html/README.md +++ b/translations/cs/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Zlepšit přístupnost: 5: Student Postavit terárium: 5: Student ``` -![Úvod do HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.cs.png) +![Úvod do HTML](../../../../translated_images/cs/webdev101-html.4389c2067af68e98.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) HTML, neboli HyperText Markup Language, je základem každé webové stránky, kterou jste kdy navštívili. Představte si HTML jako kostru, která dodává webovým stránkám strukturu – definuje, kam obsah patří, jak je uspořádán a co který prvek představuje. Zatímco CSS později „oblékne“ váš HTML do barev a rozvržení a JavaScript ho oživí interaktivitou, HTML poskytuje základní strukturu, díky níž je vše ostatní možné. @@ -86,7 +86,7 @@ Vytvoříte dedikovanou složku pro váš teráriový projekt a přidáte první 4. V panelu Průzkumník klikněte na ikonu „Nový soubor“ 5. Pojmenujte svůj soubor `index.html` -![Průzkumník VS Code ukazující vytvoření nového souboru](../../../../translated_images/vs-code-index.e2986cf919471eb9.cs.png) +![Průzkumník VS Code ukazující vytvoření nového souboru](../../../../translated_images/cs/vs-code-index.e2986cf919471eb9.png) **Možnost 2: Použití příkazového řádku** ```bash @@ -236,48 +236,48 @@ Nyní přidejte obrázky rostlin uspořádané ve dvou sloupcích mezi vaše zna
- 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/cs/3-terrarium/2-intro-to-css/README.md b/translations/cs/3-terrarium/2-intro-to-css/README.md index f82256652..8fea20592 100644 --- a/translations/cs/3-terrarium/2-intro-to-css/README.md +++ b/translations/cs/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Responzivní design: 5: Student Skleněné odrazy: 5: Student ``` -![Úvod do CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.cs.png) +![Úvod do CSS](../../../../translated_images/cs/webdev101-css.3f7af5991bf53a20.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) Vzpomínáte si, jak vaše HTML terrárium vypadalo docela základně? CSS je místo, kde přeměníme tu obyčejnou strukturu v něco vizuálně přitažlivého. @@ -202,7 +202,7 @@ body { Otevřete nástroje pro vývojáře prohlížeče (F12), přejděte na záložku Elements a prohlédněte si váš `

` element. Uvidíte, že dědí font family od těla: -![děděný font](../../../../translated_images/1.cc07a5cbe114ad1d.cs.png) +![děděný font](../../../../translated_images/cs/1.cc07a5cbe114ad1d.png) ✅ **Zkouška**: Vyzkoušejte nastavit další děditelné vlastnosti na element ``, např. `color`, `line-height` nebo `text-align`. Co se stane s vaším nadpisem a dalšími prvky? @@ -332,7 +332,7 @@ V našem terráriu každá rostlina potřebuje podobné stylování, ale také i **Toto je HTML struktura každé rostliny:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Připraveni vylepšit vaše terárium o realistické skleněné odlesky? Tato te Vytvoříte jemné odlesky, které simulují, jak se světlo odráží od skleněných povrchů. Tento přístup je podobný tomu, jak renesanční malíři jako Jan van Eyck používali světlo a odraz k vytvoření trojrozměrného dojmu malovaného skla. Takto to chcete dosáhnout: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.cs.png) +![finished terrarium](../../../../translated_images/cs/terrarium-final.2f07047ffc597d0a.png) **Vaše výzva:** - **Vytvořit** jemné bílé nebo světlé oválné tvary pro skleněné odlesky diff --git a/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md index 031389bef..964225c20 100644 --- a/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/cs/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Test functionality: 5: Student Complete terrarium: 5: Student ``` -![DOM a closure](../../../../translated_images/webdev101-js.10280393044d7eaa.cs.png) +![DOM a closure](../../../../translated_images/cs/webdev101-js.10280393044d7eaa.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) Vítejte u jednoho z nejpoutavějších aspektů vývoje webu – vytváření interaktivity! Document Object Model (DOM) je jako most mezi vaším HTML a JavaScriptem a dnes jej použijeme, aby vaše terrárium ožilo. Když Tim Berners-Lee vytvořil první webový prohlížeč, představoval si web, kde dokumenty mohou být dynamické a interaktivní – DOM toto vize umožňuje. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Reprezentace DOM stromu](../../../../translated_images/dom-tree.7daf0e763cbbba92.cs.png) +![Reprezentace DOM stromu](../../../../translated_images/cs/dom-tree.7daf0e763cbbba92.png) > Reprezentace DOM a HTML značkování, které na něj odkazuje. Od [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Pochopení closures**: Closures jsou významné téma v JavaScriptu a mnoho vývojářů je používá roky, než úplně pochopí všechny teoretické aspekty. Dnes se zaměříme na praktické použití – closure uvidíte přirozeně vznikat, jak budeme stavět naše interaktivní funkce. Pochopení se vyvine, jakmile uvidíte, jak řeší skutečné problémy. -![Reprezentace DOM stromu](../../../../translated_images/dom-tree.7daf0e763cbbba92.cs.png) +![Reprezentace DOM stromu](../../../../translated_images/cs/dom-tree.7daf0e763cbbba92.png) > Reprezentace DOM a HTML značkování, které na něj odkazuje. Od [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Nyní otestujte své interaktivní terárium! Otevřete soubor `index.html` v pr - **Podpora více zařízení**: Funguje na desktopu i mobilech - **Vědomí výkonu**: Žádné úniky paměti nebo zbytečné výpočty -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.cs.png) +![finished terrarium](../../../../translated_images/cs/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/cs/3-terrarium/solution/README.md b/translations/cs/3-terrarium/solution/README.md index 3edf97c95..17b3a92f9 100644 --- a/translations/cs/3-terrarium/solution/README.md +++ b/translations/cs/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Malá meditace s kódem typu drag and drop. S trochou HTML, JS a CSS můžete vytvořit webové rozhraní, upravit jeho styl a přidat interakci. -![moje terárium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.cs.png) +![moje terárium](../../../../translated_images/cs/screenshot_gray.0c796099a1f9f25e.png) ## Poděkování diff --git a/translations/cs/5-browser-extension/1-about-browsers/README.md b/translations/cs/5-browser-extension/1-about-browsers/README.md index 6cf59dd63..369a85d77 100644 --- a/translations/cs/5-browser-extension/1-about-browsers/README.md +++ b/translations/cs/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Ladit problémy: 4: Student Vylepšit uživatelský zážitek: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.cs.jpg) +![Browser sketchnote](../../../../translated_images/cs/browser.60317c9be8b7f84a.jpg) > Sketchnote od [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Přednáškový kvíz @@ -77,7 +77,7 @@ Tento proces odráží, jak byl první webový prohlížeč, WorldWideWeb, navr ✅ **Trocha historie**: První prohlížeč se jmenoval 'WorldWideWeb' a vytvořil ho Sir Timothy Berners-Lee v roce 1990. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.cs.jpg) +![early browsers](../../../../translated_images/cs/earlybrowsers.d984b711cdf3a42d.jpg) > Některé rané prohlížeče, podle [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Jak prohlížeče zpracovávají webový obsah @@ -194,7 +194,7 @@ quadrantChart Porozumění procesu instalace rozšíření vám pomůže předvídat uživatelský zážitek při instalaci vašeho rozšíření. Proces instalace je standardizovaný v moderních prohlížečích s drobnými rozdíly v designu rozhraní. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.cs.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/cs/install-on-edge.d68781acaf0b3d3d.png) > **Důležité**: Při testování vlastních rozšíření nezapomeňte zapnout režim vývojáře a povolit rozšíření z jiných obchodů. @@ -308,10 +308,10 @@ Toto následuje princip postupného odhalování v designu rozhraní používan ### Přehled zobrazení rozšíření **Nastavení** - konfigurace prvního použití: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.cs.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/cs/1.b6da8c1394b07491.png) **Výsledky** - zobrazení dat uhlíkové stopy: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.cs.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/cs/2.1dae52ff08042246.png) ### Vytvoření konfiguračního formuláře diff --git a/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md index a2aaee48f..6743988ff 100644 --- a/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/cs/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Odstranit uložená data ClearStorage --> FirstTime: Návrat ke konfiguraci ``` -![Panel místního úložiště](../../../../translated_images/localstorage.472f8147b6a3f8d1.cs.png) +![Panel místního úložiště](../../../../translated_images/cs/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Bezpečnostní upozornění**: Ve výrobních aplikacích ukládání API klíčů do LocalStorage představuje bezpečnostní rizika, protože k těmto datům může přistupovat JavaScript. Pro výukové účely tento přístup stačí, ale reálné aplikace by měly používat bezpečné serverové úložiště pro citlivé údaje. diff --git a/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md index 9323a5ee6..ee2431dd1 100644 --- a/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/cs/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Pro otevření Nástrojů pro vývojáře v Edge klikněte na tři tečky vpravo Vyzkoušejme to. Otevřete nějakou webovou stránku (Microsoft.com je pro to dobrá) a klikněte na tlačítko 'Nahrávat'. Teď obnovte stránku a sledujte, jak profilovací nástroj zaznamená, co se děje. Když nahrávání zastavíte, uvidíte detailní rozpis, jak prohlížeč 'spouští skripty', 'vykresluje' a 'maluje' stránku. Připomíná mi to, jak řídící středisko sleduje každý systém během startu rakety – máte data v reálném čase o tom, co a kdy se děje. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.cs.png) +![Edge profiler](../../../../translated_images/cs/profiler.5a4a62479c5df01c.png) ✅ [Dokumentace Microsoftu](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) nabízí spoustu dalších detailů, pokud se chcete hlouběji ponořit @@ -133,11 +133,11 @@ Vyberte části časové osy profilu pro přiblížení událostí, které se ob Získejte přehled o výkonu vaší stránky výběrem části časové osy profilu a pohledem do přehledového panelu: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.cs.png) +![Edge profiler snapshot](../../../../translated_images/cs/snapshot.97750180ebcad737.png) Zkontrolujte panel Protokol událostí, zda nějaká událost netrvala déle než 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.cs.png) +![Edge event log](../../../../translated_images/cs/log.804026979f3707e0.png) ✅ Seznamte se se svým profilovým nástrojem! Otevřete vývojářské nástroje na této stránce a zjistěte, zda jsou nějaká „hmatatelná“ místa zpomalení. Který prostředek se nejdéle načítá? A který nejrychleji? diff --git a/translations/cs/5-browser-extension/README.md b/translations/cs/5-browser-extension/README.md index 2a1836294..b6fcfd06b 100644 --- a/translations/cs/5-browser-extension/README.md +++ b/translations/cs/5-browser-extension/README.md @@ -23,7 +23,7 @@ Toto rozšíření může být uživatelem ad hoc vyvoláno poté, co je do form ### Poděkování -![zelené rozšíření prohlížeče](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![zelené rozšíření prohlížeče](../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Poděkování diff --git a/translations/cs/5-browser-extension/solution/README.md b/translations/cs/5-browser-extension/solution/README.md index 50ee631fd..cdbf42afb 100644 --- a/translations/cs/5-browser-extension/solution/README.md +++ b/translations/cs/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocí API C02 Signal od tmrow sledujte spotřebu elektřiny a vytvořte rozšíření prohlížeče, které vám přímo v prohlížeči připomene, jak náročná je spotřeba elektřiny ve vašem regionu. Používání tohoto rozšíření ad hoc vám pomůže činit rozhodnutí o vašich aktivitách na základě těchto informací. -![snímek obrazovky rozšíření](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![snímek obrazovky rozšíření](../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nebalené“ pro načtení nového rozšíření. Na výzvu otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro API CO2 Signal ([získejte ho zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro váš region](http://api.electricitymap.org/v3/zones) odpovídající [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“). -![instalace](../../../../translated_images/install-on-edge.78634f02842c4828.cs.png) +![instalace](../../../../translated_images/cs/install-on-edge.78634f02842c4828.png) Jakmile zadáte API klíč a region do rozhraní rozšíření, barevná tečka v liště rozšíření prohlížeče by se měla změnit tak, aby odrážela spotřebu energie ve vašem regionu, a poskytla vám doporučení, jaké energeticky náročné aktivity by pro vás byly vhodné. Koncept tohoto systému „teček“ mi byl inspirován rozšířením [Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii. diff --git a/translations/cs/5-browser-extension/solution/translation/README.es.md b/translations/cs/5-browser-extension/solution/translation/README.es.md index 11d9dc5b5..78b97faca 100644 --- a/translations/cs/5-browser-extension/solution/translation/README.es.md +++ b/translations/cs/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocí API CO2 Signal od tmrow pro sledování spotřeby elektřiny vytvořte rozšíření prohlížeče, které vám umožní mít přímo v prohlížeči připomínku o spotřebě elektřiny ve vašem regionu. Používání tohoto ad hoc rozšíření vám pomůže činit rozhodnutí o vašich aktivitách na základě těchto informací. -![snímek obrazovky rozšíření](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.cs.png) +![snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci v Edge použijte nabídku 'tři tečky' v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte 'Načíst nebalené' pro přidání nového rozšíření. Otevřete složku 'dist', když budete vyzváni, a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro CO2 Signal API ([získejte jej zde e-mailem](https://www.co2signal.com/) - zadejte svůj e-mail do pole na této stránce) a [kód pro váš region](http://api.electricitymap.org/v3/zones) odpovídající [Mapě elektřiny](https://www.electricitymap.org/map) (například v Bostonu používám 'US-NEISO'). -![instalace](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.cs.png) +![instalace](../../../../../translated_images/cs/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Jakmile zadáte API klíč a region do rozhraní rozšíření, barevný bod na liště rozšíření prohlížeče by se měl změnit tak, aby odrážel spotřebu energie ve vašem regionu, a poskytl vám indikátor o aktivitách s vysokou spotřebou energie, které by pro vás byly vhodné. Koncept tohoto systému "bodů" jsem převzal z [rozšíření Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii. diff --git a/translations/cs/5-browser-extension/solution/translation/README.fr.md b/translations/cs/5-browser-extension/solution/translation/README.fr.md index f7479afe0..1775094ca 100644 --- a/translations/cs/5-browser-extension/solution/translation/README.fr.md +++ b/translations/cs/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocí API C02 Signal od tmrow pro sledování spotřeby elektřiny vytvořte rozšíření prohlížeče, které vám umožní mít přímo v prohlížeči připomínku o spotřebě elektřiny ve vaší oblasti. Používání tohoto ad hoc rozšíření vám pomůže činit rozhodnutí o vašich aktivitách na základě těchto informací. -![snímek rozšíření](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![snímek rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nekomprimované rozšíření“ pro přidání nového rozšíření. Při výzvě otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro API CO2 Signal ([získejte jej zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [Mapě elektřiny](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“). -![instalace](../../../../../translated_images/install-on-edge.78634f02842c4828.cs.png) +![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png) Jakmile zadáte API klíč a region do rozhraní rozšíření, barevný bod v liště rozšíření prohlížeče by se měl změnit tak, aby odrážel spotřebu energie ve vaší oblasti, a poskytl vám indikátor, jaké energeticky náročné aktivity by bylo vhodné provádět. Koncept tohoto systému „bodů“ jsem převzal z [rozšíření Energy Lollipop](https://energylollipop.com/) pro kalifornské emise. diff --git a/translations/cs/5-browser-extension/solution/translation/README.hi.md b/translations/cs/5-browser-extension/solution/translation/README.hi.md index d43852555..3071414d9 100644 --- a/translations/cs/5-browser-extension/solution/translation/README.hi.md +++ b/translations/cs/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Použití API CO2 Signal od tmrow ke sledování spotřeby elektřiny, vytvoření rozšíření prohlížeče, které vám připomene, jak náročné je využívání elektřiny ve vašem regionu. Používání tohoto rozšíření vám pomůže rozhodovat se o vašich aktivitách na základě těchto informací. -![Snímek obrazovky rozšíření](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![Snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče k nalezení panelu rozšíření. Odtud vyberte „Načíst nebalené“ pro načtení nového rozšíření. V zobrazeném dialogu otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč CO2 Signal ([získat e-mailem zde](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód vašeho regionu](http://api.electricitymap.org/v3/zones) z [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám 'US-NEISO'). -![instalace](../../../../../translated_images/install-on-edge.78634f02842c4828.cs.png) +![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png) Jakmile zadáte API klíč a region do rozhraní rozšíření, barevná tečka na liště rozšíření prohlížeče by se měla změnit tak, aby odrážela spotřebu energie ve vašem regionu, a poskytla vám indikátor, které energeticky náročné aktivity jsou pro vás vhodné. Koncept této „tečkové“ metody jsem převzal z rozšíření [Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii. diff --git a/translations/cs/5-browser-extension/solution/translation/README.it.md b/translations/cs/5-browser-extension/solution/translation/README.it.md index 4b5819560..02f736232 100644 --- a/translations/cs/5-browser-extension/solution/translation/README.it.md +++ b/translations/cs/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Budeme používat API Signal CO2 od tmrow k monitorování spotřeby elektřiny a vytvoříme rozšíření pro prohlížeč, které vám umožní mít přímo v prohlížeči připomínku o tom, jak náročná je spotřeba elektřiny ve vaší oblasti. Používání tohoto rozšíření vám pomůže lépe hodnotit své aktivity na základě těchto informací. -![snímek obrazovky rozšíření](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci na Edge použijte nabídku "tři tečky" v pravém horním rohu prohlížeče a najděte panel Rozšíření. Pokud ještě není aktivní, zapněte režim vývojáře (v levém dolním rohu). Vyberte "Načíst nekomprimované" pro přidání nového rozšíření. Otevřete složku "dist" v zobrazeném dialogu a rozšíření bude načteno. Pro jeho použití budete potřebovat API klíč pro CO2 Signal API (můžete ho [získat zde e-mailem](https://www.co2signal.com/) - zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [elektrické mapě](https://www.electricitymap.org/map) (například v Bostonu "US-NEISO"). -![instalace](../../../../../translated_images/install-on-edge.78634f02842c4828.cs.png) +![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png) Jakmile zadáte API klíč a region do rozhraní rozšíření, barevný bod v liště rozšíření prohlížeče by se měl změnit tak, aby odrážel spotřebu energie ve vaší oblasti. Poskytne vám také návod, které aktivity s vysokou spotřebou energie by bylo vhodné provádět. Koncept tohoto systému "bodů" byl inspirován [rozšířením Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii. diff --git a/translations/cs/5-browser-extension/solution/translation/README.ja.md b/translations/cs/5-browser-extension/solution/translation/README.ja.md index e100dc0a1..53655f98d 100644 --- a/translations/cs/5-browser-extension/solution/translation/README.ja.md +++ b/translations/cs/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Vytvořte rozšíření prohlížeče, které pomocí API CO2 Signal od tmrow sleduje spotřebu energie a zobrazuje připomínku o tom, jak vysoká je spotřeba energie ve vaší oblasti. Toto rozšíření můžete používat ad hoc, abyste mohli na základě těchto informací rozhodovat o svých aktivitách. -![snímek obrazovky rozšíření](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![snímek obrazovky rozšíření](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci do Edge najděte panel „Rozšíření“ v nabídce „tři tečky“ v pravém horním rohu prohlížeče. Odtud vyberte „Načíst nebalené“ a načtěte nové rozšíření. Při výzvě otevřete složku „dist“ a rozšíření se načte. Pro použití budete potřebovat API klíč CO2 Signal ([získejte jej zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [Electricity Map](https://www.electricitymap.org/map) (například pro Boston použijte 'US-NEISO'). -![instalace](../../../../../translated_images/install-on-edge.78634f02842c4828.cs.png) +![instalace](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png) Po zadání API klíče a oblasti do rozhraní rozšíření se barevná tečka zobrazená na liště rozšíření prohlížeče změní, aby odrážela spotřebu energie ve vaší oblasti. Tím vám naznačí, jaké aktivity vyžadující energii jsou vhodné. Koncept tohoto „tečkového“ systému jsem převzal z [Energy Lollipop extension](https://energylollipop.com/) pro emise v Kalifornii. diff --git a/translations/cs/5-browser-extension/solution/translation/README.ms.md b/translations/cs/5-browser-extension/solution/translation/README.ms.md index 63a3c01c1..2d7f85153 100644 --- a/translations/cs/5-browser-extension/solution/translation/README.ms.md +++ b/translations/cs/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocí API CO2 Signal od tmrow pro sledování spotřeby elektřiny vytvořte rozšíření prohlížeče, které vás bude upozorňovat na aktuální úroveň spotřeby elektřiny ve vašem regionu. Používání tohoto rozšíření vám pomůže lépe zvažovat své aktivity na základě těchto informací. -![snímek obrazovky rozšíření prohlížeče](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![snímek obrazovky rozšíření prohlížeče](../../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci v Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nebalené“ pro přidání nového rozšíření. Otevřete složku „dist“ na výzvu a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro CO2 Signal ([získejte jej zde prostřednictvím e-mailu](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro váš region](http://api.electricitymap.org/v3/zones), který odpovídá [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“). -![stahování](../../../../../translated_images/install-on-edge.78634f02842c4828.cs.png) +![stahování](../../../../../translated_images/cs/install-on-edge.78634f02842c4828.png) Jakmile zadáte API klíč a region do rozhraní rozšíření, barevný bod na liště rozšíření prohlížeče se změní tak, aby odrážel spotřebu energie ve vašem regionu, a poskytne vám doporučení ohledně vhodných aktivit. Koncept systému „barevných bodů“ jsem převzal z [rozšíření prohlížeče Energy Lollipop](https://energylollipop.com/) pro Kalifornii. diff --git a/translations/cs/5-browser-extension/start/README.md b/translations/cs/5-browser-extension/start/README.md index 52a366a33..1efbae0a0 100644 --- a/translations/cs/5-browser-extension/start/README.md +++ b/translations/cs/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocí API CO2 Signal od tmrow pro sledování spotřeby elektřiny vytvořte rozšíření prohlížeče, které vám přímo v prohlížeči připomene, jak náročná je spotřeba elektřiny ve vaší oblasti. Používání tohoto rozšíření vám pomůže lépe se rozhodovat o vašich aktivitách na základě těchto informací. -![snímek obrazovky rozšíření](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.cs.png) +![snímek obrazovky rozšíření](../../../../translated_images/cs/extension-screenshot.0e7f5bfa110e92e3.png) ## Začínáme @@ -31,7 +31,7 @@ npm run build Pro instalaci na Edge použijte nabídku „tři tečky“ v pravém horním rohu prohlížeče a najděte panel Rozšíření. Odtud vyberte „Načíst nebalené“ pro načtení nového rozšíření. Na výzvu otevřete složku „dist“ a rozšíření se načte. Pro jeho použití budete potřebovat API klíč pro API CO2 Signal ([získejte jej zde e-mailem](https://www.co2signal.com/) – zadejte svůj e-mail do pole na této stránce) a [kód pro vaši oblast](http://api.electricitymap.org/v3/zones) odpovídající [Electricity Map](https://www.electricitymap.org/map) (například v Bostonu používám „US-NEISO“). -![instalace](../../../../translated_images/install-on-edge.78634f02842c4828.cs.png) +![instalace](../../../../translated_images/cs/install-on-edge.78634f02842c4828.png) Jakmile zadáte API klíč a region do rozhraní rozšíření, barevná tečka na liště rozšíření prohlížeče by se měla změnit tak, aby odrážela spotřebu energie ve vaší oblasti, a poskytne vám doporučení, jaké energeticky náročné aktivity by pro vás byly vhodné. Koncept tohoto systému „teček“ jsem převzal z rozšíření [Energy Lollipop](https://energylollipop.com/) pro emise v Kalifornii. diff --git a/translations/cs/6-space-game/2-drawing-to-canvas/README.md b/translations/cs/6-space-game/2-drawing-to-canvas/README.md index 8684eb980..055f85e75 100644 --- a/translations/cs/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/cs/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![the canvas's grid](../../../../translated_images/canvas_grid.5f209da785ded492.cs.png) +![the canvas's grid](../../../../translated_images/cs/canvas_grid.5f209da785ded492.png) > Obrázek z [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Kreslení na prvek canvas probíhá podle tří kroků, které tvoří základ všech grafických operací. Když si je zopakujete několikrát, stane se to naprosto přirozeným: @@ -323,11 +323,11 @@ Vytvoříte webovou stránku s prvkem Canvas. Měla by vykreslit černou obrazov - Hrdinský lodní plavidlo - ![Hero ship](../../../../translated_images/player.dd24c1afa8c71e9b.cs.png) + ![Hero ship](../../../../translated_images/cs/player.dd24c1afa8c71e9b.png) - 5×5 formace příšer - ![Monster ship](../../../../translated_images/enemyShip.5df2a822c16650c2.cs.png) + ![Monster ship](../../../../translated_images/cs/enemyShip.5df2a822c16650c2.png) ### Doporučené kroky pro začátek vývoje @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Hotový výsledek by měl vypadat takto: -![Černá obrazovka s hrdinou a 5*5 monstry](../../../../translated_images/partI-solution.36c53b48c9ffae2a.cs.png) +![Černá obrazovka s hrdinou a 5*5 monstry](../../../../translated_images/cs/partI-solution.36c53b48c9ffae2a.png) ## Řešení diff --git a/translations/cs/6-space-game/5-keeping-score/README.md b/translations/cs/6-space-game/5-keeping-score/README.md index 7be66f043..690c57cc3 100644 --- a/translations/cs/6-space-game/5-keeping-score/README.md +++ b/translations/cs/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Skórovací systém**: Každá zničená nepřátelská loď uděluje 100 bodů (kulatá čísla jsou pro hráče mentálně jednodušší na počítání). Skóre se zobrazuje v levém dolním rohu. -- **Počet životů**: Váš hrdina začíná se třemi životy – standardní nastavení z raných arkád, které vyvažuje výzvu s hratelností. Každá kolize s nepřítelem stojí jednoho života. Zbývající životy zobrazíme v pravém dolním rohu pomocí ikon lodí ![life image](../../../../translated_images/life.6fb9f50d53ee0413.cs.png). +- **Počet životů**: Váš hrdina začíná se třemi životy – standardní nastavení z raných arkád, které vyvažuje výzvu s hratelností. Každá kolize s nepřítelem stojí jednoho života. Zbývající životy zobrazíme v pravém dolním rohu pomocí ikon lodí ![life image](../../../../translated_images/cs/life.6fb9f50d53ee0413.png). ## Jdeme stavět! diff --git a/translations/cs/7-bank-project/1-template-route/README.md b/translations/cs/7-bank-project/1-template-route/README.md index 0d5383761..30af93eef 100644 --- a/translations/cs/7-bank-project/1-template-route/README.md +++ b/translations/cs/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Použití `history.pushState` vytváří nové položky v historii prohlížeče. Můžete to zkontrolovat podržením *tlačítka zpět* ve vašem prohlížeči, mělo by se zobrazit něco takového: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.cs.png) +![Screenshot of navigation history](../../../../translated_images/cs/history.7fdabbafa521e064.png) Pokud několikrát kliknete na tlačítko zpět, uvidíte, že se aktuální URL změní a historie se aktualizuje, ale stále se zobrazuje stejná šablona. diff --git a/translations/cs/7-bank-project/2-forms/README.md b/translations/cs/7-bank-project/2-forms/README.md index 294b3efc1..cecb77ba9 100644 --- a/translations/cs/7-bank-project/2-forms/README.md +++ b/translations/cs/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Nejdříve si ukažme, co se stane při základním odeslání formuláře: 2. Sledujte změny v adresním řádku prohlížeče 3. Všimněte si, jak se stránka znovu načte a data jsou v URL -![Screenshot změny URL v prohlížeči po kliknutí na tlačítko Registrace](../../../../translated_images/click-register.e89a30bf0d4bc9ca.cs.png) +![Screenshot změny URL v prohlížeči po kliknutí na tlačítko Registrace](../../../../translated_images/cs/click-register.e89a30bf0d4bc9ca.png) ### Porovnání HTTP metod @@ -346,7 +346,7 @@ Nakonfigurujme váš registrační formulář tak, aby správně komunikoval s b 2. **Klikněte** na tlačítko "Vytvořit účet" 3. **Sledujte** odpověď serveru v prohlížeči -![Okno prohlížeče na adrese localhost:5000/api/accounts, zobrazující JSON řetězec s údaji uživatele](../../../../translated_images/form-post.61de4ca1b964d91a.cs.png) +![Okno prohlížeče na adrese localhost:5000/api/accounts, zobrazující JSON řetězec s údaji uživatele](../../../../translated_images/cs/form-post.61de4ca1b964d91a.png) **Co byste měli vidět:** - **Prohlížeč přesměruje** na URL API endpointu @@ -609,7 +609,7 @@ async function register() { 3. **Klikněte** na "Vytvořit účet" 4. **Sledujte** zprávy v konzoli a zpětnou vazbu uživatele -![Screenshot showing log message in the browser console](../../../../translated_images/browser-console.efaf0b51aaaf6778.cs.png) +![Screenshot showing log message in the browser console](../../../../translated_images/cs/browser-console.efaf0b51aaaf6778.png) **Co byste měli vidět:** - **Stav načítání** se objeví na tlačítku odeslání @@ -783,7 +783,7 @@ Vylepšete svůj registrační formulář robustní validací, která nabízí v 3. **Zkuste** speciální znaky v poli uživatelského jména 4. **Zadejte** zápornou částku stavu účtu -![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/validation-error.8bd23e98d416c22f.cs.png) +![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/cs/validation-error.8bd23e98d416c22f.png) **Co uvidíte:** - **Prohlížeč zobrazí** nativní validační zprávy @@ -943,7 +943,7 @@ Zobrazte chybovou zprávu v HTML, pokud uživatel již existuje. Zde je příklad, jak může finální přihlašovací stránka vypadat po malé úpravě stylů: -![Screenshot přihlašovací stránky po přidání CSS stylů](../../../../translated_images/result.96ef01f607bf856a.cs.png) +![Screenshot přihlašovací stránky po přidání CSS stylů](../../../../translated_images/cs/result.96ef01f607bf856a.png) ## Kvíz po přednášce diff --git a/translations/cs/7-bank-project/3-data/README.md b/translations/cs/7-bank-project/3-data/README.md index cf5607484..35ca7bb5c 100644 --- a/translations/cs/7-bank-project/3-data/README.md +++ b/translations/cs/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Vrací kompletní HTML stránku Browser->>User: Zobrazuje novou stránku (bliknutí/obnovení) ``` -![Update workflow in a multi-page application](../../../../translated_images/mpa.7f7375a1a2d4aa77.cs.png) +![Update workflow in a multi-page application](../../../../translated_images/cs/mpa.7f7375a1a2d4aa77.png) **Proč tento přístup působil neohrabaně:** - Každé kliknutí znamenalo znovu vytvořit celou stránku od základů @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Aktualizuje specifické prvky stránky Browser->>User: Zobrazuje aktualizovaný obsah (bez načítání) ``` -![Update workflow in a single-page application](../../../../translated_images/spa.268ec73b41f992c2.cs.png) +![Update workflow in a single-page application](../../../../translated_images/cs/spa.268ec73b41f992c2.png) **Proč se SPA cítí mnohem lépe:** - Aktualizují se jen skutečně změněné části (chytře, že?) @@ -516,7 +516,7 @@ if (data.error) { Po vyzkoušení s neplatným účtem se na stránce zobrazí užitečná chybová zpráva! -![Screenshot showing the error message displayed during login](../../../../translated_images/login-error.416fe019b36a6327.cs.png) +![Screenshot showing the error message displayed during login](../../../../translated_images/cs/login-error.416fe019b36a6327.png) #### Krok 4: Zahrnutí přístupnosti @@ -950,7 +950,7 @@ Jste připraveni posunout svou bankovní aplikaci na vyšší úroveň? Udělejm Takto by mohl vypadat vyleštěný dashboard: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.cs.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/cs/screen2.123c82a831a1d14a.png) Nemusíte to přesně kopírovat – použijte to jako inspiraci a udělejte si to po svém! diff --git a/translations/cs/7-bank-project/4-state-management/README.md b/translations/cs/7-bank-project/4-state-management/README.md index 76c9b0640..1bc9b959e 100644 --- a/translations/cs/7-bank-project/4-state-management/README.md +++ b/translations/cs/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Stejně jako třída Titanicu s oddíly, jež se zdála robustní, dokud se nena Místo běhání dokola vytvoříme **centralizovaný systém správy stavu**. Představte si to jako opravdu organizovanou osobu, která má na starosti všechny důležité věci: -![Schema ukazující datové toky mezi HTML, uživatelskými akcemi a stavem](../../../../translated_images/data-flow.fa2354e0908fecc8.cs.png) +![Schema ukazující datové toky mezi HTML, uživatelskými akcemi a stavem](../../../../translated_images/cs/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Tato výzva vám pomůže myslet jako profesionální vývojář, který zohled Zde je ukázkový výsledek po dokončení zadání: -![Screenshot zobrazující ukázkový dialog „Přidat transakci“](../../../../translated_images/dialog.93bba104afeb79f1.cs.png) +![Screenshot zobrazující ukázkový dialog „Přidat transakci“](../../../../translated_images/cs/dialog.93bba104afeb79f1.png) --- diff --git a/translations/cs/7-bank-project/4-state-management/assignment.md b/translations/cs/7-bank-project/4-state-management/assignment.md index e86c4d7f1..aaaa62bf0 100644 --- a/translations/cs/7-bank-project/4-state-management/assignment.md +++ b/translations/cs/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Podívejte se na [dokumentaci serverového API](../api/README.md) pro: **Očekávaný výsledek:** Po dokončení tohoto úkolu by vaše bankovní aplikace měla mít plně funkční funkci „Přidat transakci“, která vypadá a chová se profesionálně: -![Screenshot zobrazující příklad dialogu „Přidat transakci“](../../../../translated_images/dialog.93bba104afeb79f1.cs.png) +![Screenshot zobrazující příklad dialogu „Přidat transakci“](../../../../translated_images/cs/dialog.93bba104afeb79f1.png) ## Testování vaší implementace diff --git a/translations/cs/7-bank-project/README.md b/translations/cs/7-bank-project/README.md index 34f371d57..2ba290567 100644 --- a/translations/cs/7-bank-project/README.md +++ b/translations/cs/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: V tomto projektu se naučíte, jak vytvořit fiktivní banku. Tyto lekce obsahují pokyny, jak navrhnout webovou aplikaci, vytvořit trasy, sestavit formuláře, spravovat stav a získávat data z API, ze kterého můžete načítat data banky. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.cs.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.cs.png) | +| ![Screen1](../../../translated_images/cs/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/cs/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Lekce diff --git a/translations/cs/8-code-editor/1-using-a-code-editor/README.md b/translations/cs/8-code-editor/1-using-a-code-editor/README.md index 2c5e71aa7..73a54d53e 100644 --- a/translations/cs/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/cs/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Stejně jako telefon Alexandra Grahama Bella propojil vzdálená místa, propoje Jakmile se vše načte, uvidíte krásně čisté pracovní prostředí, které je navržené tak, aby vás soustředilo na to nejdůležitější – váš kód! -![Výchozí rozhraní VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.cs.png) +![Výchozí rozhraní VSCode.dev](../../../../translated_images/cs/default-vscode-dev.5d06881d65c1b323.png) **Prohlídka okolí:** - **Activity Bar** (ten pruh vlevo): Hlavní navigace s Průzkumníkem 📁, Vyhledáváním 🔍, Source Control 🌿, Rozšířeními 🧩 a Nastaveními ⚙️ @@ -229,7 +229,7 @@ Perfektní, když začínáte ve VSCode.dev a chcete otevřít konkrétní repoz 1. Přejděte na [vscode.dev](https://vscode.dev), pokud tam ještě nejste 2. Na uvítací obrazovce klikněte na tlačítko „Open Remote Repository“ - ![Otevřít vzdálené úložiště](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.cs.png) + ![Otevřít vzdálené úložiště](../../../../translated_images/cs/open-remote-repository.bd9c2598b8949e7f.png) 3. Vložte URL libovolného GitHub repozitáře (zkuste třeba: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Stiskněte Enter a sledujte, jak se to načítá! @@ -238,7 +238,7 @@ Perfektní, když začínáte ve VSCode.dev a chcete otevřít konkrétní repoz Chcete se cítit jako kouzelník s kódem? Zkuste klávesovou zkratku Ctrl+Shift+P (nebo Cmd+Shift+P na Macu) pro otevření Command Palette: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.cs.png) +![Command Palette](../../../../translated_images/cs/palette-menu.4946174e07f42622.png) **Command Palette je jako vyhledávač na vše, co můžete dělat:** - Zadejte „open remote“ a najde vám nástroj pro otevírání repozitářů @@ -300,7 +300,7 @@ Stejně jako organizace plánů v kanceláři architekta, vytvoření souborů v 3. Zadejte název souboru včetně příslušné přípony (`style.css`, `script.js`, `index.html`) 4. Stiskněte Enter pro vytvoření souboru -![Vytváření nového souboru](../../../../translated_images/create-new-file.2814e609c2af9aeb.cs.png) +![Vytváření nového souboru](../../../../translated_images/cs/create-new-file.2814e609c2af9aeb.png) **Pravidla pojmenování:** - Používejte popisné názvy, které naznačují účel souboru @@ -318,7 +318,7 @@ Zde začíná opravdová zábava! Editor VSCode.dev je nabitý užitečnými fun 2. Začněte psát a sledujte, jak vám VSCode.dev pomáhá barvami, návrhy a odhalením chyb 3. Ukládejte práci pomocí Ctrl+S (Windows/Linux) nebo Cmd+S (Mac) – i když editor ukládá automaticky! -![Úprava souboru ve VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.cs.png) +![Úprava souboru ve VSCode.dev](../../../../translated_images/cs/edit-a-file.52c0ee665ef19f08.png) **Co se děje, když kódujete:** - Váš kód je krásně barevně zvýrazněný, takže je snadno čitelný @@ -339,7 +339,7 @@ Stejně jako archeologové vytvářejí detailní záznamy o vrstvách vykopáve 2. Změněné soubory se zobrazí v sekci „Changes“ 3. Barevné kódování indikuje typ změn: zelená pro přidání, červená pro odstranění -![Zobrazení změn v Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.cs.png) +![Zobrazení změn v Source Control](../../../../translated_images/cs/working-tree.c58eec08e6335c79.png) **Ukládání práce (commit workflow):** @@ -431,7 +431,7 @@ Marketplace je opravdu dobře uspořádaný, takže se neztratíte při hledán 2. Prohlížejte si nebo vyhledejte něco konkrétního 3. Klikněte na cokoliv, co vypadá zajímavě, abyste se dozvěděli více -![Rozhraní tržiště rozšíření](../../../../translated_images/extensions.eca0e0c7f59a10b5.cs.png) +![Rozhraní tržiště rozšíření](../../../../translated_images/cs/extensions.eca0e0c7f59a10b5.png) **Co tam uvidíte:** @@ -484,7 +484,7 @@ Většina rozšíření nabízí nastavení, která si můžete upravit, aby fun 3. Vyberte „Extension Settings“ z nabídky 4. Upravujte nastavení, dokud to nebude vyhovovat vašemu pracovnímu postupu -![Přizpůsobení nastavení rozšíření](../../../../translated_images/extension-settings.21c752ae4f4cdb78.cs.png) +![Přizpůsobení nastavení rozšíření](../../../../translated_images/cs/extension-settings.21c752ae4f4cdb78.png) **Běžné věci, které byste mohli chtít upravit:** - Jak se váš kód formátuje (záložky vs mezery, délka řádku apod.) diff --git a/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md b/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md index e50c4f4a0..190c26abb 100644 --- a/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/cs/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Protože VSCode.dev vyžaduje alespoň jeden soubor pro otevření repozitáře, 4. **Napište** zprávu ke commitu: „Přidání počáteční HTML struktury“ 5. **Klikněte** na „Commit new file“ pro uložení změn -![Vytvoření počátečního souboru na GitHubu](../../../../translated_images/new-file-github.com.c886796d800e8056.cs.png) +![Vytvoření počátečního souboru na GitHubu](../../../../translated_images/cs/new-file-github.com.c886796d800e8056.png) **Co tento počáteční setup zajišťuje:** - **Zavádí** správnou HTML5 strukturu dokumentu se sémantickými prvky @@ -104,7 +104,7 @@ Nyní, když je základ vašeho repozitáře nastaven, přejděme do VSCode.dev ✅ **Indikátor úspěchu**: Měli byste vidět soubory svého projektu v postranním panelu Explorer a `index.html` dostupný pro úpravy v hlavní oblasti editoru. -![Projekt načtený ve VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.cs.png) +![Projekt načtený ve VSCode.dev](../../../../translated_images/cs/project-on-vscode.dev.e79815a9a95ee7fe.png) **Co uvidíte v rozhraní:** - **Postranní panel Explorer**: **Zobrazuje** soubory a strukturu složek vašeho repozitáře @@ -448,7 +448,7 @@ Rozšíření zlepšují váš vývojový zážitek tím, že poskytují možnos **Okamžité výsledky po instalaci:** Jakmile je CodeSwing nainstalován, uvidíte živý náhled své webové stránky životopisu přímo v editoru. To vám umožní přesně vidět, jak vaše stránka vypadá, zatímco provádíte změny. -![Rozšíření CodeSwing zobrazující živý náhled](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.cs.png) +![Rozšíření CodeSwing zobrazující živý náhled](../../../../translated_images/cs/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Porozumění vylepšenému rozhraní:** - **Rozdělený pohled**: **Zobrazuje** váš kód na jedné straně a živý náhled na druhé diff --git a/translations/cs/9-chat-project/README.md b/translations/cs/9-chat-project/README.md index fbc9dfb36..f47eab4fb 100644 --- a/translations/cs/9-chat-project/README.md +++ b/translations/cs/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Takto bude vypadat váš hotový projekt: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.cs.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/cs/screenshot.0a1ee0d123df681b.png) ## 🗺️ Vaše cesta za vývojem AI aplikací @@ -189,7 +189,7 @@ mindmap ``` **Základní princip**: Vývoj AI aplikací kombinuje tradiční webové dovednosti s integrací AI služeb, vytvářející inteligentní aplikace, které působí přirozeně a reagují na uživatele. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.cs.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/cs/playground.d2b927122224ff8f.png) **Co dělá playground tak užitečným:** - **Vyzkoušejte** různé AI modely jako GPT-4o-mini, Claude a další (vše zdarma!) @@ -199,7 +199,7 @@ mindmap Jakmile si trochu pohrajete, stačí kliknout na záložku "Code" a vybrat programovací jazyk, abyste získali implementační kód, který budete potřebovat. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.cs.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/cs/playground-choice.1d23ba7d407f4758.png) ## Nastavení Python backendové integrace @@ -2351,14 +2351,14 @@ Chcete si tento projekt vyzkoušet v cloudovém vývojovém prostředí? GitHub - **Přejděte** do [repositáře Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Klikněte** na „Use this template“ v pravém horním rohu (ujistěte se, že máte přihlášený účet GitHub) -![Rozhraní pro vytvoření ze šablony, ukazující zelené tlačítko "Use this template"](../../../translated_images/template.67ad477109d29a2b.cs.png) +![Rozhraní pro vytvoření ze šablony, ukazující zelené tlačítko "Use this template"](../../../translated_images/cs/template.67ad477109d29a2b.png) **Krok 2: Spusťte Codespaces** - **Otevřete** právě vytvořený repozitář - **Klikněte** na zelené tlačítko "Code" a vyberte "Codespaces" - **Zvolte** "Create codespace on main" pro spuštění vašeho vývojového prostředí -![Rozhraní pro vytvoření codespace s možnostmi spuštění cloudového vývojového prostředí](../../../translated_images/codespace.bcecbdf5d2747d3d.cs.png) +![Rozhraní pro vytvoření codespace s možnostmi spuštění cloudového vývojového prostředí](../../../translated_images/cs/codespace.bcecbdf5d2747d3d.png) **Krok 3: Konfigurace prostředí** Po načtení Codespace budete mít k dispozici: diff --git a/translations/cs/README.md b/translations/cs/README.md index 09b142e84..985bd7424 100644 --- a/translations/cs/README.md +++ b/translations/cs/README.md @@ -72,13 +72,13 @@ Nezmeškejte náš nový kurz o generativní AI! Navštivte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začněte! -![Background](../../translated_images/background.148a8d43afde5730.cs.png) +![Background](../../translated_images/cs/background.148a8d43afde5730.png) - Lekce pokrývají vše od základů po RAG. - Komunikujte s historickými postavami pomocí GenAI a naší doprovodné aplikace. - Zábavné a poutavé vyprávění, budete cestovat časem! -![character](../../translated_images/character.5c0dd8e067ffd693.cs.png) +![character](../../translated_images/cs/character.5c0dd8e067ffd693.png) Každá lekce obsahuje úkol k dokončení, ověření znalostí a výzvu, která vás provede tématy jako: - Promptování a inženýrství promptů @@ -112,7 +112,7 @@ Postupujte podle těchto kroků: Ve své kopii repozitáře klikněte na tlačítko **Code** a vyberte **Open with Codespaces**. Tím se vám vytvoří nový Codespace k práci. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.cs.png) +![Codespace](../../translated_images/cs/createcodespace.0238bbf4d7a8d955.png) #### Spuštění kurzu lokálně na vašem počítači diff --git a/translations/cs/for-teachers.md b/translations/cs/for-teachers.md index ff2227d70..d5922951e 100644 --- a/translations/cs/for-teachers.md +++ b/translations/cs/for-teachers.md @@ -42,10 +42,10 @@ Tento učební plán obsahuje importovatelné balíčky pro běžné pracovní p - Moodle Cloud má omezenou podporu Common Cartridge. Preferujte výše uvedený soubor pro Moodle, který lze také nahrát do Canvas. - Po importu zkontrolujte moduly, termíny odevzdání a nastavení kvízů, aby odpovídaly vašemu rozvrhu. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.cs.png) +![Moodle](../../translated_images/cs/moodle.94eb93d714a50cb2.png) > Učební plán v prostředí Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.cs.png) +![Canvas](../../translated_images/cs/canvas.fbd605ff8e5b8aff.png) > Učební plán v prostředí Canvas ### Použití úložiště přímo (bez Classroom) diff --git a/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 9aec4f43d..674eeabdb 100644 --- a/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/da/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Se, jeg forstår fuldt ud, hvis programmering føles skræmmende lige nu. Da jeg I dag skal vi udforske de utrolige værktøjer, der gør moderne webudvikling ikke bare mulig, men også seriøst vanedannende. Jeg taler om de nøjagtige redaktører, browsere og arbejdsprocesser, som udviklere hos Netflix, Spotify og dit yndlings indie app-studie bruger hver eneste dag. Og her er den del, der vil få dig til at lave en glad dans: de fleste af disse professionelle, branchestandard-værktøjer er helt gratis! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.da.png) +![Intro Programming](../../../../translated_images/da/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/da/1-getting-started-lessons/2-github-basics/README.md b/translations/da/1-getting-started-lessons/2-github-basics/README.md index e115bd5df..357e4265c 100644 --- a/translations/da/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/da/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Jeg ved, det måske føles som meget i starten – pokkers, jeg husker at stirre Vi tager denne rejse sammen, skridt for skridt. Ingen hast, intet pres – bare dig, mig og nogle virkelig fede værktøjer, som snart bliver dine nye bedste venner! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.da.png) +![Intro to GitHub](../../../../translated_images/da/webdev101-github.8846d7971abef6f9.png) > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -606,7 +606,7 @@ Først, lad os finde et repository (eller **repo**) på GitHub, som interesserer ✅ En god måde at finde 'begynder-venlige' repos er at [søgge efter tagget 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Copy a repo locally](../../../../translated_images/clone_repo.5085c48d666ead57.da.png) +![Copy a repo locally](../../../../translated_images/da/clone_repo.5085c48d666ead57.png) Der er flere måder at kopiere kode på. En måde er at "klone" indholdet af repositoryet, ved brug af HTTPS, SSH, eller GitHub CLI (Command Line Interface). diff --git a/translations/da/1-getting-started-lessons/3-accessibility/README.md b/translations/da/1-getting-started-lessons/3-accessibility/README.md index 4202ad74e..154c56ff5 100644 --- a/translations/da/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/da/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Oprettelse af Tilgængelige Websider -![Alt om Tilgængelighed](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.da.png) +![Alt om Tilgængelighed](../../../../translated_images/da/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Hvert billede på dit websted tjener et formål. At forstå dette formål hjælp **Informationsbilleder** - formidler vigtig information: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Dekorative billeder** - rent visuelt uden informationsværdi: ```html - + ``` **Funktionelle billeder** - tjener som knapper eller styringselementer: @@ -1066,7 +1066,7 @@ Hvert billede på dit websted tjener et formål. At forstå dette formål hjælp **Komplekse billeder** - diagrammer, grafer, infografikker: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Hvert billede på dit websted tjener et formål. At forstå dette formål hjælp - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/da/2-js-basics/1-data-types/README.md b/translations/da/2-js-basics/1-data-types/README.md index 7c991030c..1b5d62d0a 100644 --- a/translations/da/2-js-basics/1-data-types/README.md +++ b/translations/da/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Grundlæggende: Datatyper -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.da.png) +![JavaScript Basics - Data types](../../../../translated_images/da/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote af [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid