diff --git a/translations/mr/1-getting-started-lessons/2-github-basics/README.md b/translations/mr/1-getting-started-lessons/2-github-basics/README.md index 255ab4aaa..822da6c85 100644 --- a/translations/mr/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/mr/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: आपण एकत्रितपणे हा प्रवास करू, एक पाऊल एकावेळी. घाई नाही, दबाव नाही – फक्त तुम्ही, मी आणि काही खरोखर छान साधने जी तुमचे नवीन सर्वोत्तम मित्र बनणार आहेत! -![GitHub परिचय](../../../../translated_images/webdev101-github.8846d7971abef6f9.mr.png) +![GitHub परिचय](../../../../translated_images/mr/webdev101-github.8846d7971abef6f9.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून ```mermaid @@ -562,7 +562,7 @@ flowchart TD ✅ 'नवशिक्यांसाठी अनुकूल' रेपॉजिटरी शोधण्याचा चांगला मार्ग म्हणजे [टॅग 'good-first-issue' द्वारे शोधा](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![रेपो स्थानिक स्तरावर कॉपी करा](../../../../translated_images/clone_repo.5085c48d666ead57.mr.png) +![रेपो स्थानिक स्तरावर कॉपी करा](../../../../translated_images/mr/clone_repo.5085c48d666ead57.png) कोड कॉपी करण्याचे अनेक मार्ग आहेत. एक मार्ग म्हणजे रेपॉजिटरीची सामग्री "क्लोन" करणे, HTTPS, SSH किंवा GitHub CLI (कमांड लाइन इंटरफेस) वापरून. diff --git a/translations/mr/1-getting-started-lessons/3-accessibility/README.md b/translations/mr/1-getting-started-lessons/3-accessibility/README.md index 51b370ddd..b810abf0e 100644 --- a/translations/mr/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/mr/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # प्रवेशयोग्य वेबपृष्ठ तयार करणे -![सर्व काही प्रवेशयोग्यतेबद्दल](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.mr.png) +![सर्व काही प्रवेशयोग्यतेबद्दल](../../../../translated_images/mr/webdev101-a11y.8ef3025c858d897a.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे ```mermaid @@ -907,12 +907,12 @@ pie title "Common ARIA Usage Patterns" **माहितीपूर्ण प्रतिमा** - महत्त्वाची माहिती देतात: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **सजावटीच्या प्रतिमा** - फक्त दृश्यात्मक, कोणतेही माहितीपूर्ण मूल्य नाही: ```html - + ``` **कार्यात्मक प्रतिमा** - बटणे किंवा नियंत्रण म्हणून कार्य करतात: @@ -924,7 +924,7 @@ pie title "Common ARIA Usage Patterns" **जटिल प्रतिमा** - चार्ट, आकृतिबंध, माहितीपूर्ण ग्राफिक्स: ```html -Quarterly sales data +Quarterly sales data

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

@@ -964,7 +964,7 @@ pie title "Common ARIA Usage Patterns" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/mr/2-js-basics/1-data-types/README.md b/translations/mr/2-js-basics/1-data-types/README.md index 126590d66..864d3100f 100644 --- a/translations/mr/2-js-basics/1-data-types/README.md +++ b/translations/mr/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript मूलभूत गोष्टी: डेटा प्रकार -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.mr.png) +![JavaScript Basics - Data types](../../../../translated_images/mr/webdev101-js-datatypes.4cc470179730702c.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे ```mermaid diff --git a/translations/mr/2-js-basics/2-functions-methods/README.md b/translations/mr/2-js-basics/2-functions-methods/README.md index a9b4a01b4..add604f9c 100644 --- a/translations/mr/2-js-basics/2-functions-methods/README.md +++ b/translations/mr/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # जावास्क्रिप्ट मूलभूत गोष्टी: पद्धती आणि फंक्शन्स -![जावास्क्रिप्ट मूलभूत गोष्टी - फंक्शन्स](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.mr.png) +![जावास्क्रिप्ट मूलभूत गोष्टी - फंक्शन्स](../../../../translated_images/mr/webdev101-js-functions.be049c4726e94f8b.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे ```mermaid diff --git a/translations/mr/2-js-basics/3-making-decisions/README.md b/translations/mr/2-js-basics/3-making-decisions/README.md index 86df70a7d..0edde96e1 100644 --- a/translations/mr/2-js-basics/3-making-decisions/README.md +++ b/translations/mr/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript मूलभूत गोष्टी: निर्णय घेणे -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.mr.png) +![JavaScript Basics - Making decisions](../../../../translated_images/mr/webdev101-js-decisions.69e1b20f272dd1f0.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून diff --git a/translations/mr/2-js-basics/4-arrays-loops/README.md b/translations/mr/2-js-basics/4-arrays-loops/README.md index 1f5b08346..034279f5f 100644 --- a/translations/mr/2-js-basics/4-arrays-loops/README.md +++ b/translations/mr/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript मूलभूत गोष्टी: Arrays आणि Loops -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.mr.png) +![JavaScript Basics - Arrays](../../../../translated_images/mr/webdev101-js-arrays.439d7528b8a29455.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले ```mermaid diff --git a/translations/mr/3-terrarium/1-intro-to-html/README.md b/translations/mr/3-terrarium/1-intro-to-html/README.md index 3031dd50d..6526a14ae 100644 --- a/translations/mr/3-terrarium/1-intro-to-html/README.md +++ b/translations/mr/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![HTML ची ओळख](../../../../translated_images/webdev101-html.4389c2067af68e98.mr.png) +![HTML ची ओळख](../../../../translated_images/mr/webdev101-html.4389c2067af68e98.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून HTML, म्हणजेच हायपरटेक्स्ट मार्कअप भाषा, ही तुम्ही कधीही भेट दिलेल्या प्रत्येक वेबसाइटची पायाभूत रचना आहे. HTML ला वेब पृष्ठांचे सांगाडा म्हणून विचार करा – ते सामग्री कुठे जाते, ती कशी आयोजित केली जाते आणि प्रत्येक भाग काय दर्शवतो हे परिभाषित करते. CSS नंतर तुमच्या HTML ला रंग आणि लेआउटसह "सजवेल", आणि JavaScript त्याला परस्परसंवादी बनवेल, HTML ही मूलभूत रचना प्रदान करते ज्यामुळे बाकी सर्व शक्य होते. @@ -88,7 +88,7 @@ HTML कोडमध्ये जाण्यापूर्वी, तुमच 4. Explorer पॅनमध्ये, "New File" आयकॉनवर क्लिक करा 5. तुमच्या फाइलचे नाव `index.html` ठेवा -![VS कोड एक्सप्लोरर नवीन फाइल तयार करणे दर्शवित आहे](../../../../translated_images/vs-code-index.e2986cf919471eb9.mr.png) +![VS कोड एक्सप्लोरर नवीन फाइल तयार करणे दर्शवित आहे](../../../../translated_images/mr/vs-code-index.e2986cf919471eb9.png) **पर्याय 2: टर्मिनल कमांड्स वापरणे** ```bash @@ -239,48 +239,48 @@ HTML मध्ये प्रतिमा विशेष आहेत का
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/mr/3-terrarium/2-intro-to-css/README.md b/translations/mr/3-terrarium/2-intro-to-css/README.md index fc24bf8d7..cda5dedd8 100644 --- a/translations/mr/3-terrarium/2-intro-to-css/README.md +++ b/translations/mr/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![CSS ची ओळख](../../../../translated_images/webdev101-css.3f7af5991bf53a20.mr.png) +![CSS ची ओळख](../../../../translated_images/mr/webdev101-css.3f7af5991bf53a20.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे तुमचा HTML टेरॅरियम किती साधा दिसत होता हे लक्षात आहे का? CSS च्या मदतीने आपण त्या साध्या संरचनेला आकर्षक बनवतो. @@ -205,7 +205,7 @@ body { तुमच्या ब्राउझरचे डेव्हलपर टूल्स (F12) उघडा, एलिमेंट्स टॅबवर जा आणि तुमच्या `

` घटकाची तपासणी करा. तुम्हाला दिसेल की ते बॉडीकडून फॉन्ट फॅमिली वारसाहक्काने घेतात: -![वारसाहक्काने मिळालेला फॉन्ट](../../../../translated_images/1.cc07a5cbe114ad1d.mr.png) +![वारसाहक्काने मिळालेला फॉन्ट](../../../../translated_images/mr/1.cc07a5cbe114ad1d.png) ✅ **प्रयोग वेळ**: `` वर `color`, `line-height`, किंवा `text-align` सारखी इतर वारसाहक्काने मिळणारी गुणधर्म सेट करण्याचा प्रयत्न करा. तुमच्या हेडिंग आणि इतर घटकांवर काय परिणाम होतो? @@ -335,7 +335,7 @@ ID सिलेक्टर्स `#` चिन्ह वापरतात आ **प्रत्येक वनस्पतीसाठी HTML संरचना येथे आहे:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -535,7 +535,7 @@ Agent मोड वापरून खालील आव्हान पूर तुम्ही काचेच्या पृष्ठभागांवर प्रकाश कसा प्रतिबिंबित होतो हे अनुकरण करणारे सूक्ष्म हायलाइट्स तयार कराल. ही पद्धत रेनासन्स चित्रकार जॅन व्हॅन आयक यांनी काचेच्या पेंटिंगला त्रिमितीय बनवण्यासाठी प्रकाश आणि प्रतिबिंब कसे वापरले यासारखी आहे. तुम्ही यासाठी प्रयत्न कराल: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.mr.png) +![finished terrarium](../../../../translated_images/mr/terrarium-final.2f07047ffc597d0a.png) **तुमचे आव्हान:** - **तयार करा** काचेच्या प्रतिबिंबांसाठी सूक्ष्म पांढऱ्या किंवा हलक्या रंगाचे अंडाकृती आकार diff --git a/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md index a665bd3f6..ecd8fae2f 100644 --- a/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/mr/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM आणि क्लोजर](../../../../translated_images/webdev101-js.10280393044d7eaa.mr.png) +![DOM आणि क्लोजर](../../../../translated_images/mr/webdev101-js.10280393044d7eaa.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांच्याकडून वेब विकासातील सर्वात आकर्षक पैलूंच्या स्वागतासाठी तयार व्हा - गोष्टी परस्परसंवादी बनवणे! डॉक्युमेंट ऑब्जेक्ट मॉडेल (DOM) हे तुमच्या HTML आणि जावास्क्रिप्टमधील एक पूल आहे, आणि आज आपण त्याचा उपयोग तुमच्या टेरारियमला जिवंत करण्यासाठी करू. जेव्हा टिम बर्नर्स-लीने पहिला वेब ब्राउझर तयार केला, तेव्हा त्यांनी एक वेब कल्पना केली होती जिथे दस्तऐवज गतिशील आणि परस्परसंवादी असू शकतात - DOM त्या दृष्टिकोनाला शक्य बनवते. @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/dom-tree.7daf0e763cbbba92.mr.png) +![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/mr/dom-tree.7daf0e763cbbba92.png) > DOM आणि त्याचा संदर्भ देणारा HTML मार्कअपचे प्रतिनिधित्व. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) कडून @@ -150,7 +150,7 @@ flowchart LR > 💡 **क्लोजर्स समजून घेणे**: क्लोजर्स जावास्क्रिप्टमधील एक महत्त्वाचा विषय आहे, आणि अनेक विकसक त्याचा पूर्ण सैद्धांतिक पैलू समजण्याआधी अनेक वर्षे त्याचा वापर करतात. आज, आम्ही व्यावहारिक अनुप्रयोगावर लक्ष केंद्रित करत आहोत - तुम्ही पाहाल की ते परस्परसंवादी वैशिष्ट्ये तयार करताना नैसर्गिकरित्या कसे उद्भवतात. समजून घेणे विकसित होईल कारण तुम्ही पाहाल की ते वास्तविक समस्यांचे निराकरण कसे करतात. -![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/dom-tree.7daf0e763cbbba92.mr.png) +![DOM ट्रीचे प्रतिनिधित्व](../../../../translated_images/mr/dom-tree.7daf0e763cbbba92.png) > DOM आणि त्याचा संदर्भ देणारा HTML मार्कअपचे प्रतिनिधित्व. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) कडून @@ -540,7 +540,7 @@ function stopElementDrag() { - **क्रॉस-डिव्हाइस सपोर्ट**: डेस्कटॉप आणि मोबाइलवर कार्य करते - **परफॉर्मन्स कॉन्शस**: मेमरी लीक किंवा अनावश्यक गणना नाही -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.mr.png) +![finished terrarium](../../../../translated_images/mr/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/mr/3-terrarium/solution/README.md b/translations/mr/3-terrarium/solution/README.md index a47518cec..9b05bf5aa 100644 --- a/translations/mr/3-terrarium/solution/README.md +++ b/translations/mr/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: एक छोटासा ड्रॅग आणि ड्रॉप कोड-मेडिटेशन. थोडं HTML, JS आणि CSS वापरून तुम्ही एक वेब इंटरफेस तयार करू शकता, त्याला स्टाइल देऊ शकता, आणि त्यात इंटरॅक्शन जोडू शकता. -![माझं टेरॅरियम](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.mr.png) +![माझं टेरॅरियम](../../../../translated_images/mr/screenshot_gray.0c796099a1f9f25e.png) ## श्रेय diff --git a/translations/mr/5-browser-extension/1-about-browsers/README.md b/translations/mr/5-browser-extension/1-about-browsers/README.md index e0e5d16ef..a080d3faf 100644 --- a/translations/mr/5-browser-extension/1-about-browsers/README.md +++ b/translations/mr/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![ब्राउझर स्केच नोट](../../../../translated_images/browser.60317c9be8b7f84a.mr.jpg) +![ब्राउझर स्केच नोट](../../../../translated_images/mr/browser.60317c9be8b7f84a.jpg) > स्केच नोट [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) यांच्याकडून ## पूर्व-व्याख्यान प्रश्नमंजुषा @@ -79,7 +79,7 @@ mindmap ✅ **थोडा इतिहास**: पहिला ब्राउझर 'वर्ल्डवाइडवेब' म्हणून ओळखला जात होता आणि सर टिमोथी बर्नर्स-ली यांनी 1990 मध्ये तयार केला होता. -![प्रारंभिक ब्राउझर](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.mr.jpg) +![प्रारंभिक ब्राउझर](../../../../translated_images/mr/earlybrowsers.d984b711cdf3a42d.jpg) > काही प्रारंभिक ब्राउझर, [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) यांच्याकडून ### ब्राउझर वेब सामग्री कशी प्रक्रिया करतात @@ -198,7 +198,7 @@ quadrantChart विस्तार स्थापना प्रक्रिया समजून घेणे तुम्हाला तुमचा विस्तार लोकांनी स्थापित करताना अनुभव कसा असेल याचा अंदाज घेण्यास मदत करते. स्थापना प्रक्रिया आधुनिक ब्राउझरमध्ये प्रमाणित आहे, इंटरफेस डिझाइनमध्ये लहान फरकांसह. -![Edge ब्राउझरचा स्क्रीनशॉट ज्यामध्ये edge://extensions पृष्ठ उघडलेले आहे आणि सेटिंग्ज मेनू उघडलेला आहे](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.mr.png) +![Edge ब्राउझरचा स्क्रीनशॉट ज्यामध्ये edge://extensions पृष्ठ उघडलेले आहे आणि सेटिंग्ज मेनू उघडलेला आहे](../../../../translated_images/mr/install-on-edge.d68781acaf0b3d3d.png) > **महत्त्वाचे**: तुमचे स्वतःचे विस्तार चाचणी करताना विकसक मोड चालू करा आणि इतर स्टोअरमधून विस्तारांना परवानगी द्या. @@ -313,10 +313,10 @@ project-root/ ### विस्तार दृश्ये विहंगावलोकन **सेटअप दृश्य** - प्रथमच वापरकर्ता कॉन्फिगरेशन: -![पूर्ण विस्ताराचा स्क्रीनशॉट ब्राउझरमध्ये उघडलेला आहे, ज्यामध्ये प्रदेशाचे नाव आणि API key साठी इनपुट असलेला फॉर्म दिसतो.](../../../../translated_images/1.b6da8c1394b07491.mr.png) +![पूर्ण विस्ताराचा स्क्रीनशॉट ब्राउझरमध्ये उघडलेला आहे, ज्यामध्ये प्रदेशाचे नाव आणि API key साठी इनपुट असलेला फॉर्म दिसतो.](../../../../translated_images/mr/1.b6da8c1394b07491.png) **परिणाम दृश्य** - कार्बन फूटप्रिंट डेटा प्रदर्शन: -![पूर्ण विस्ताराचा स्क्रीनशॉट US-NEISO प्रदेशासाठी कार्बन वापर आणि जीवाश्म इंधन टक्केवारीचे मूल्य प्रदर्शित करत आहे.](../../../../translated_images/2.1dae52ff08042246.mr.png) +![पूर्ण विस्ताराचा स्क्रीनशॉट US-NEISO प्रदेशासाठी कार्बन वापर आणि जीवाश्म इंधन टक्केवारीचे मूल्य प्रदर्शित करत आहे.](../../../../translated_images/mr/2.1dae52ff08042246.png) ### कॉन्फिगरेशन फॉर्म तयार करणे diff --git a/translations/mr/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/mr/5-browser-extension/2-forms-browsers-local-storage/README.md index e6fbabe22..a70241239 100644 --- a/translations/mr/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/mr/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.mr.png) +![लोकल स्टोरेज पॅन](../../../../translated_images/mr/localstorage.472f8147b6a3f8d1.png) > ⚠️ **सुरक्षा विचार**: उत्पादन ऍप्लिकेशन्समध्ये, लोकल स्टोरेजमध्ये API की साठवणे सुरक्षा जोखीम निर्माण करते कारण जावास्क्रिप्टला हा डेटा प्रवेश करता येतो. शिकण्यासाठी, हा दृष्टिकोन ठीक आहे, परंतु वास्तविक ऍप्लिकेशन्स संवेदनशील क्रेडेन्शियल्ससाठी सुरक्षित सर्व्हर-साइड स्टोरेज वापरतात. diff --git a/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md index 7ef34458e..79f332742 100644 --- a/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/mr/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Edge मध्ये Developer Tools उघडण्यासाठी, वर चला हे करून पाहूया. एखादी वेबसाइट उघडा (Microsoft.com चांगली काम करते) आणि 'Record' बटणावर क्लिक करा. आता पृष्ठ रीफ्रेश करा आणि प्रोफाइलरने काय होते ते कॅप्चर करताना पहा. जेव्हा तुम्ही रेकॉर्डिंग थांबवाल, तेव्हा तुम्हाला ब्राउझर 'स्क्रिप्ट्स', 'रेंडर्स', आणि 'पेंट्स' साइट कशी करते याचे तपशीलवार विहंगावलोकन दिसेल. हे मला रॉकेट लॉन्च दरम्यान मिशन कंट्रोल प्रत्येक प्रणालीचे निरीक्षण कसे करते याची आठवण करून देते - तुम्हाला नेमके काय आणि कधी घडते याचे रिअल-टाइम डेटा मिळतो. -![Edge प्रोफाइलर](../../../../translated_images/profiler.5a4a62479c5df01c.mr.png) +![Edge प्रोफाइलर](../../../../translated_images/mr/profiler.5a4a62479c5df01c.png) ✅ [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) मध्ये अधिक तपशील आहेत जर तुम्हाला अधिक खोलवर जाण्याची इच्छा असेल @@ -136,11 +136,11 @@ Edge मध्ये Developer Tools उघडण्यासाठी, वर प्रोफाइल टाइमलाइनचा एक भाग निवडून आणि सारांश पॅन पाहून तुमच्या पृष्ठाच्या कार्यक्षमतेचा स्नॅपशॉट मिळवा: -![Edge प्रोफाइलर स्नॅपशॉट](../../../../translated_images/snapshot.97750180ebcad737.mr.png) +![Edge प्रोफाइलर स्नॅपशॉट](../../../../translated_images/mr/snapshot.97750180ebcad737.png) इव्हेंट लॉग पॅन तपासा की कोणत्याही इव्हेंटला 15 ms पेक्षा जास्त वेळ लागला आहे का: -![Edge इव्हेंट लॉग](../../../../translated_images/log.804026979f3707e0.mr.png) +![Edge इव्हेंट लॉग](../../../../translated_images/mr/log.804026979f3707e0.png) ✅ तुमच्या प्रोफाइलरला ओळखा! या साइटवर Developer Tools उघडा आणि कोणतेही अडथळे आहेत का ते पहा. सर्वात मंद लोड होणारा घटक कोणता आहे? सर्वात जलद कोणता आहे? diff --git a/translations/mr/5-browser-extension/README.md b/translations/mr/5-browser-extension/README.md index e17172141..1949c4975 100644 --- a/translations/mr/5-browser-extension/README.md +++ b/translations/mr/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### श्रेय -![एक हिरव्या रंगाचा ब्राउझर एक्स्टेंशन](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mr.png) +![एक हिरव्या रंगाचा ब्राउझर एक्स्टेंशन](../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png) ## श्रेय diff --git a/translations/mr/5-browser-extension/solution/README.md b/translations/mr/5-browser-extension/solution/README.md index ade746087..6619c6c56 100644 --- a/translations/mr/5-browser-extension/solution/README.md +++ b/translations/mr/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow च्या C02 Signal API चा वापर करून वीज वापर ट्रॅक करण्यासाठी एक ब्राउझर एक्स्टेंशन तयार करा, जेणेकरून तुमच्या ब्राउझरमध्ये तुमच्या प्रदेशातील वीज वापर किती जड आहे याची आठवण मिळू शकेल. हे एक्स्टेंशन अडहॉक पद्धतीने वापरल्याने तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांबद्दल निर्णय घेण्यास मदत होईल. -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mr.png) +![extension screenshot](../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरुवात कशी करावी @@ -31,7 +31,7 @@ npm run build Edge वर इंस्टॉल करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन डॉट' मेनू वापरून एक्स्टेंशन्स पॅनेल शोधा. तिथून 'Load Unpacked' निवडा आणि नवीन एक्स्टेंशन लोड करा. प्रॉम्प्टवर 'dist' फोल्डर उघडा आणि एक्स्टेंशन लोड होईल. वापरण्यासाठी, तुम्हाला CO2 Signal च्या API साठी API key ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावर बॉक्समध्ये तुमचा ईमेल टाका) आणि [Electricity Map](https://www.electricitymap.org/map) शी संबंधित तुमच्या प्रदेशाचा [कोड](http://api.electricitymap.org/v3/zones) आवश्यक आहे (उदाहरणार्थ, बोस्टनमध्ये, मी 'US-NEISO' वापरतो). -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.mr.png) +![installing](../../../../translated_images/mr/install-on-edge.78634f02842c4828.png) एकदा API key आणि प्रदेश एक्स्टेंशन इंटरफेसमध्ये इनपुट केल्यानंतर, ब्राउझर एक्स्टेंशन बारमधील रंगीत डॉट तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करण्यासाठी बदलला पाहिजे आणि तुम्हाला ऊर्जा-गंभीर क्रियाकलापांसाठी योग्य सल्ला मिळेल. या 'डॉट' प्रणालीमागील संकल्पना मला [Energy Lollipop extension](https://energylollipop.com/) कडून कॅलिफोर्निया उत्सर्जनासाठी मिळाली. diff --git a/translations/mr/5-browser-extension/solution/translation/README.es.md b/translations/mr/5-browser-extension/solution/translation/README.es.md index e39b17821..d97a45887 100644 --- a/translations/mr/5-browser-extension/solution/translation/README.es.md +++ b/translations/mr/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow च्या C02 सिग्नल API चा वापर करून वीजेचा वापर ट्रॅक करण्यासाठी, एक ब्राउझर विस्तार तयार करा ज्यामुळे तुम्हाला तुमच्या प्रदेशातील वीज वापराबद्दल थेट तुमच्या ब्राउझरमध्ये स्मरणपत्र मिळेल. या अॅड-हॉक विस्ताराचा वापर तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांबद्दल निर्णय घेण्यास मदत करेल. -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.mr.png) +![extension screenshot](../../../../../translated_images/mr/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## सुरुवात @@ -31,7 +31,7 @@ npm run build Edge मध्ये स्थापित करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन बिंदू' मेनू वापरा आणि विस्तार पॅनेल शोधा. तिथून, 'अनपॅक्ड लोड करा' निवडा आणि नवीन विस्तार लोड करा. विचारले असता 'dist' फोल्डर उघडा आणि विस्तार लोड होईल. वापरण्यासाठी, तुम्हाला CO2 Signal API साठी API की ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावरील बॉक्समध्ये तुमचा ईमेल प्रविष्ट करा) आणि [तुमच्या प्रदेशाचा कोड](http://api.electricitymap.org/v3/zones) जो [Electricity Map](https://www.electricitymap.org/map) शी संबंधित आहे (उदाहरणार्थ, बोस्टनमध्ये, मी 'US-NEISO' वापरतो) आवश्यक असेल. -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.mr.png) +![installing](../../../../../translated_images/mr/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) एकदा API की आणि प्रदेश विस्ताराच्या इंटरफेसमध्ये प्रविष्ट केल्यावर, ब्राउझरच्या विस्तार बारमधील रंगीत बिंदू तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करण्यासाठी बदलला पाहिजे आणि तुम्हाला उच्च ऊर्जा वापराच्या क्रियाकलापांबद्दल योग्य संकेत दिला पाहिजे. या "बिंदू" प्रणालीमागील संकल्पना मला [Energy Lollipop विस्तार](https://energylollipop.com/) कडून कॅलिफोर्नियाच्या उत्सर्जनासाठी मिळाली. diff --git a/translations/mr/5-browser-extension/solution/translation/README.fr.md b/translations/mr/5-browser-extension/solution/translation/README.fr.md index 2fafdac05..e06e1900e 100644 --- a/translations/mr/5-browser-extension/solution/translation/README.fr.md +++ b/translations/mr/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.mr.png) +![विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/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) जो [Electricity Map](https://www.electricitymap.org/map) शी संबंधित आहे (उदाहरणार्थ, Boston मध्ये, मी 'US-NEISO' वापरतो). -![स्थापना](../../../../../translated_images/install-on-edge.78634f02842c4828.mr.png) +![स्थापना](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png) API की आणि प्रदेश विस्ताराच्या इंटरफेसमध्ये टाकल्यानंतर, ब्राउझरच्या विस्तार बारमधील रंगीत बिंदू तुमच्या प्रदेशातील वीज वापर प्रतिबिंबित करण्यासाठी बदलला पाहिजे आणि तुम्हाला ऊर्जा-खर्चिक क्रियाकलापांबद्दल योग्य सल्ला देईल. या 'बिंदू' प्रणालीमागील संकल्पना मला [Energy Lollipop विस्तार](https://energylollipop.com/) कडून मिळाली, जी कॅलिफोर्नियाच्या उत्सर्जनासाठी आहे. diff --git a/translations/mr/5-browser-extension/solution/translation/README.hi.md b/translations/mr/5-browser-extension/solution/translation/README.hi.md index 225087f69..075534439 100644 --- a/translations/mr/5-browser-extension/solution/translation/README.hi.md +++ b/translations/mr/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: वीज वापर ट्रॅक करण्यासाठी tmrow च्या C02 सिग्नल API चा वापर करून, एक ब्राउझर एक्सटेंशन तयार करणे जे तुमच्या ब्राउझरमध्ये तुमच्या क्षेत्रातील वीज वापर किती जड आहे याबद्दल तुम्हाला स्मरण देईल. या एक्सटेंशनचा उपयोग तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांबद्दल निर्णय घेण्यास मदत करेल. -![एक्सटेंशन स्क्रीनशॉट ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mr.png) +![एक्सटेंशन स्क्रीनशॉट ](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरुवात करणे @@ -31,7 +31,7 @@ npm run build एज ब्राउझरवर इंस्टॉल करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन डॉट' मेनू वापरून एक्सटेंशन पॅनेल शोधा. तिथून, नवीन एक्सटेंशन लोड करण्यासाठी 'लोड अनपॅक्ड' निवडा. प्रॉम्प्टवर 'dist' फोल्डर उघडा आणि एक्सटेंशन लोड होईल. याचा उपयोग करण्यासाठी, तुम्हाला CO2 सिग्नल API ([ईमेलद्वारे येथे मिळवा](https://www.co2signal.com/) साठी API की आवश्यक असेल - या पृष्ठावरील बॉक्समध्ये तुमचा ईमेल टाका) आणि [तुमच्या क्षेत्रासाठी कोड](http://api.electricitymap.org/v3/zones) [इलेक्ट्रिसिटी मॅप](https://www.electricitymap.org/map) वरून (उदाहरणार्थ, बोस्टनसाठी, मी 'US-NEISO' वापरतो). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.mr.png) +![installing](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png) एकदा API की आणि क्षेत्र एक्सटेंशन इंटरफेसमध्ये इनपुट केल्यानंतर, ब्राउझर एक्सटेंशन बारमधील रंगीत डॉट तुमच्या क्षेत्रातील ऊर्जा वापर प्रतिबिंबित करण्यासाठी बदलायला हवा आणि तुम्हाला एक संकेतक द्यायला हवा की ऊर्जा-गंभीर क्रियाकलाप तुमच्या कामगिरीसाठी योग्य असतील. या 'डॉट' प्रणालीची संकल्पना मला कॅलिफोर्नियाच्या उत्सर्जनासाठी [एनर्जी लॉलीपॉप एक्सटेंशन](https://energylollipop.com/) कडून मिळाली. diff --git a/translations/mr/5-browser-extension/solution/translation/README.it.md b/translations/mr/5-browser-extension/solution/translation/README.it.md index ccd1200ed..ecd7b34f4 100644 --- a/translations/mr/5-browser-extension/solution/translation/README.it.md +++ b/translations/mr/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.mr.png) +![विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरुवात कशी करावी @@ -31,7 +31,7 @@ npm run build Edge वर स्थापित करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील "तीन बिंदू" मेनूचा वापर करून विस्तार पॅनेल शोधा. जर आधीपासून सक्रिय नसेल, तर डेव्हलपर मोड (खाली डावीकडे) सक्रिय करा. नवीन विस्तार लोड करण्यासाठी "लोड अनझिप्ड" निवडा. प्रॉम्प्टवर "dist" फोल्डर उघडा आणि विस्तार लोड केला जाईल. वापरण्यासाठी, CO2 Signal API साठी API कीची आवश्यकता असेल (ती [येथे ई-मेलद्वारे मिळवता येते](https://www.co2signal.com/) - या पृष्ठावरील बॉक्समध्ये आपला ई-मेल प्रविष्ट करा) आणि [वीज नकाशा](https://www.electricitymap.org/map) शी संबंधित [आपल्या प्रदेशाचा कोड](http://api.electricitymap.org/v3/zones) (उदाहरणार्थ, बोस्टनसाठी "US-NEISO"). -![स्थापना](../../../../../translated_images/install-on-edge.78634f02842c4828.mr.png) +![स्थापना](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png) API की आणि प्रदेश विस्ताराच्या इंटरफेसमध्ये प्रविष्ट केल्यानंतर, ब्राउझरच्या विस्तार बारमधील रंगीत बिंदू प्रदेशाच्या ऊर्जा वापराचे प्रतिबिंब दाखवण्यासाठी बदलायला हवा आणि उच्च ऊर्जा वापराच्या क्रियाकलापांसाठी योग्य सूचना प्रदान करायला हवी. या "बिंदू" प्रणालीमागील संकल्पना [Energy Lollipop विस्तार](https://energylollipop.com/) कडून घेतली गेली आहे, जी कॅलिफोर्नियाच्या उत्सर्जनासाठी आहे. diff --git a/translations/mr/5-browser-extension/solution/translation/README.ja.md b/translations/mr/5-browser-extension/solution/translation/README.ja.md index 70603055e..2f06193b0 100644 --- a/translations/mr/5-browser-extension/solution/translation/README.ja.md +++ b/translations/mr/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow च्या C02 सिग्नल API चा वापर करून, तुमच्या प्रदेशातील वीज वापर किती आहे हे ब्राउझरवर स्मरणपत्र म्हणून दाखवण्यासाठी ब्राउझर विस्तार तयार करा. या विस्ताराचा उपयोग करून, तुम्ही या माहितीच्या आधारे तुमच्या क्रियाकलापांचा निर्णय घेऊ शकता. -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mr.png) +![extension screenshot](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरुवात @@ -31,7 +31,7 @@ npm run build Edge मध्ये स्थापित करण्यासाठी, ब्राउझरच्या उजव्या कोपऱ्यातील "तीन डॉट्स" मेनूमधून "Extensions" पॅनेल शोधा. तिथून "Load Unpacked" निवडा आणि नवीन विस्तार लोड करा. प्रॉम्प्टमध्ये "dist" फोल्डर उघडा, ज्यामुळे विस्तार लोड होईल. वापरण्यासाठी, तुम्हाला CO2 सिग्नल API चा API की ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावरील बॉक्समध्ये तुमचा ईमेल टाका) आणि [Electricity Map](https://www.electricitymap.org/map) साठी तुमच्या प्रदेशाशी संबंधित [code for your region](http://api.electricitymap.org/v3/zones) आवश्यक आहे (उदाहरणार्थ, बोस्टनसाठी 'US-NEISO' वापरले जाते). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.mr.png) +![installing](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png) API की आणि प्रदेश विस्तार इंटरफेसमध्ये प्रविष्ट केल्यावर, ब्राउझरच्या विस्तार बारमध्ये दिसणारा रंगीत डॉट बदलतो आणि तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करतो. यामुळे तुम्हाला कोणत्या प्रकारच्या ऊर्जेची आवश्यकता असलेल्या क्रियाकलाप करणे योग्य आहे हे समजते. या "डॉट" प्रणालीची कल्पना मला कॅलिफोर्नियाच्या उत्सर्जनासाठी [Energy Lollipop extension](https://energylollipop.com/) कडून मिळाली. diff --git a/translations/mr/5-browser-extension/solution/translation/README.ms.md b/translations/mr/5-browser-extension/solution/translation/README.ms.md index d45215d24..7b9a423ed 100644 --- a/translations/mr/5-browser-extension/solution/translation/README.ms.md +++ b/translations/mr/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: C02 सिग्नल API चा वापर करून वीजेचा वापर ओळखण्यासाठी ब्राउझर विस्तार तयार करा, ज्यामुळे तुम्हाला तुमच्या प्रदेशातील वीजेच्या वापराबद्दल ब्राउझरमध्ये सूचना मिळतील. हा विस्तार विशेषतः वापरल्याने तुम्हाला तुमच्या क्रियाकलापांबद्दल माहितीच्या आधारे निर्णय घेण्यास मदत होईल. -![ब्राउझर विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mr.png) +![ब्राउझर विस्ताराचा स्क्रीनशॉट](../../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png) ## येथे सुरुवात करा @@ -31,7 +31,7 @@ npm run build Edge मध्ये स्थापित करण्यासाठी, ब्राउझरच्या उजव्या कोपऱ्यातील 'तीन बिंदू' मेनू वापरा आणि 'Extensions' पॅनेल शोधा. तिथून, '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.mr.png) +![डाउनलोड करत आहे](../../../../../translated_images/mr/install-on-edge.78634f02842c4828.png) API की आणि प्रदेश विस्ताराच्या इंटरफेसमध्ये टाकल्यानंतर, ब्राउझर विस्तार बारमधील रंगीत बिंदू तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करेल आणि तुम्हाला योग्य क्रियाकलापांसाठी सूचना देईल. या 'डॉट' प्रणालीमागील संकल्पना मला [एनर्जी लॉलिपॉप ब्राउझर विस्तार](https://energylollipop.com/) कडून मिळाली, जी कॅलिफोर्नियातील उत्सर्जनासाठी आहे. diff --git a/translations/mr/5-browser-extension/start/README.md b/translations/mr/5-browser-extension/start/README.md index c07847af1..286835e70 100644 --- a/translations/mr/5-browser-extension/start/README.md +++ b/translations/mr/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow च्या C02 Signal API चा वापर करून वीज वापर ट्रॅक करण्यासाठी ब्राउझर एक्स्टेंशन तयार करा, जेणेकरून तुमच्या ब्राउझरमध्ये तुमच्या प्रदेशातील वीज वापर किती जड आहे याची आठवण मिळेल. हे एक्स्टेंशन अड-हॉक वापरल्याने तुम्हाला या माहितीच्या आधारे तुमच्या क्रियाकलापांबद्दल निर्णय घेण्यास मदत होईल. -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mr.png) +![extension screenshot](../../../../translated_images/mr/extension-screenshot.0e7f5bfa110e92e3.png) ## सुरुवात कशी करावी @@ -31,7 +31,7 @@ npm run build Edge वर इंस्टॉल करण्यासाठी, ब्राउझरच्या वरच्या उजव्या कोपऱ्यातील 'तीन डॉट' मेनू वापरून एक्स्टेंशन्स पॅनेल शोधा. तिथून, 'Load Unpacked' निवडा आणि नवीन एक्स्टेंशन लोड करा. 'dist' फोल्डर उघडा आणि एक्स्टेंशन लोड होईल. वापरण्यासाठी, तुम्हाला CO2 Signal च्या API साठी API key ([इथे ईमेलद्वारे मिळवा](https://www.co2signal.com/) - या पृष्ठावर बॉक्समध्ये तुमचा ईमेल टाका) आणि [Electricity Map](https://www.electricitymap.org/map) शी संबंधित [तुमच्या प्रदेशाचा कोड](http://api.electricitymap.org/v3/zones) आवश्यक आहे (उदाहरणार्थ, बोस्टनमध्ये मी 'US-NEISO' वापरतो). -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.mr.png) +![installing](../../../../translated_images/mr/install-on-edge.78634f02842c4828.png) एकदा API key आणि प्रदेश एक्स्टेंशन इंटरफेसमध्ये इनपुट केल्यानंतर, ब्राउझर एक्स्टेंशन बारमधील रंगीत डॉट तुमच्या प्रदेशातील ऊर्जा वापर प्रतिबिंबित करण्यासाठी बदलला पाहिजे आणि तुम्हाला ऊर्जा-गंभीर क्रियाकलापांसाठी योग्य सल्ला मिळेल. या 'डॉट' प्रणालीची संकल्पना मला [Energy Lollipop extension](https://energylollipop.com/) कडून कॅलिफोर्निया उत्सर्जनासाठी मिळाली. diff --git a/translations/mr/6-space-game/2-drawing-to-canvas/README.md b/translations/mr/6-space-game/2-drawing-to-canvas/README.md index f6c8f0055..6e7b66cf1 100644 --- a/translations/mr/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/mr/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.mr.png) +![कॅनव्हासचा ग्रिड](../../../../translated_images/mr/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.mr.png) + ![हिरो शिप](../../../../translated_images/mr/player.dd24c1afa8c71e9b.png) - 5*5 मॉन्स्टर - ![मॉन्स्टर शिप](../../../../translated_images/enemyShip.5df2a822c16650c2.mr.png) + ![मॉन्स्टर शिप](../../../../translated_images/mr/enemyShip.5df2a822c16650c2.png) ### विकास सुरू करण्यासाठी शिफारस केलेली पावले @@ -393,7 +393,7 @@ npm start अंतिम परिणाम असा दिसायला हवा: -![काळा स्क्रीन ज्यामध्ये एक हिरो आणि 5*5 मॉन्स्टर्स आहेत](../../../../translated_images/partI-solution.36c53b48c9ffae2a.mr.png) +![काळा स्क्रीन ज्यामध्ये एक हिरो आणि 5*5 मॉन्स्टर्स आहेत](../../../../translated_images/mr/partI-solution.36c53b48c9ffae2a.png) ## उपाय diff --git a/translations/mr/6-space-game/5-keeping-score/README.md b/translations/mr/6-space-game/5-keeping-score/README.md index 9025a4785..5498e3c09 100644 --- a/translations/mr/6-space-game/5-keeping-score/README.md +++ b/translations/mr/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **स्कोअरिंग सिस्टम**: प्रत्येक नष्ट केलेल्या शत्रूच्या जहाजासाठी १०० गुण दिले जातात (गोल संख्या खेळाडूंना मानसिक गणना करणे सोपे करते). स्कोअर तळाच्या डाव्या कोपऱ्यात दिसेल. -- **जीवन काउंटर**: तुमचा हिरो तीन जीवनांसह सुरू होतो - सुरुवातीच्या आर्केड गेम्सने आव्हान आणि खेळण्यायोग्यता संतुलित करण्यासाठी स्थापित केलेला मानक. प्रत्येक शत्रूशी टक्कर झाल्यावर एक जीवन कमी होते. उर्वरित जीवन तळाच्या उजव्या कोपऱ्यात जहाजाच्या आयकॉनद्वारे दाखवले जातील ![life image](../../../../translated_images/life.6fb9f50d53ee0413.mr.png). +- **जीवन काउंटर**: तुमचा हिरो तीन जीवनांसह सुरू होतो - सुरुवातीच्या आर्केड गेम्सने आव्हान आणि खेळण्यायोग्यता संतुलित करण्यासाठी स्थापित केलेला मानक. प्रत्येक शत्रूशी टक्कर झाल्यावर एक जीवन कमी होते. उर्वरित जीवन तळाच्या उजव्या कोपऱ्यात जहाजाच्या आयकॉनद्वारे दाखवले जातील ![life image](../../../../translated_images/mr/life.6fb9f50d53ee0413.png). ## चला तयार करूया! diff --git a/translations/mr/7-bank-project/1-template-route/README.md b/translations/mr/7-bank-project/1-template-route/README.md index eb5abea74..4ae13c58a 100644 --- a/translations/mr/7-bank-project/1-template-route/README.md +++ b/translations/mr/7-bank-project/1-template-route/README.md @@ -575,7 +575,7 @@ sequenceDiagram `history.pushState` वापरून ब्राउझरच्या नेव्हिगेशन इतिहासात नवीन एंट्री तयार होते. तुम्ही ब्राउझरचा *बॅक बटन* धरून तपासू शकता, ते असे काहीतरी प्रदर्शित करेल: -![नेव्हिगेशन इतिहासाचा स्क्रीनशॉट](../../../../translated_images/history.7fdabbafa521e064.mr.png) +![नेव्हिगेशन इतिहासाचा स्क्रीनशॉट](../../../../translated_images/mr/history.7fdabbafa521e064.png) जर तुम्ही बॅक बटनवर काही वेळा क्लिक केले, तर तुम्ही पाहाल की वर्तमान URL बदलतो आणि इतिहास अपडेट होतो, परंतु समान टेम्पलेट प्रदर्शित होत राहते. diff --git a/translations/mr/7-bank-project/2-forms/README.md b/translations/mr/7-bank-project/2-forms/README.md index 3c0e360b7..7fa620785 100644 --- a/translations/mr/7-bank-project/2-forms/README.md +++ b/translations/mr/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ graph TD 2. तुमच्या ब्राउझरच्या अ‍ॅड्रेस बारमधील बदलांचे निरीक्षण करा 3. पृष्ठ कसे रीलोड होते आणि डेटा URL मध्ये कसा दिसतो ते पहा -![नोंदणी बटणावर क्लिक केल्यानंतर ब्राउझरच्या URL बदलाचा स्क्रीनशॉट](../../../../translated_images/click-register.e89a30bf0d4bc9ca.mr.png) +![नोंदणी बटणावर क्लिक केल्यानंतर ब्राउझरच्या URL बदलाचा स्क्रीनशॉट](../../../../translated_images/mr/click-register.e89a30bf0d4bc9ca.png) ### HTTP पद्धतींची तुलना @@ -350,7 +350,7 @@ graph TD 2. **क्लिक करा** "खाते तयार करा" बटण 3. **सर्व्हर प्रतिसाद** तुमच्या ब्राउझरमध्ये निरीक्षण करा -![ब्राउझर विंडो अ‍ॅड्रेस localhost:5000/api/accounts वर, वापरकर्त्याच्या डेटासह JSON स्ट्रिंग दर्शवित आहे](../../../../translated_images/form-post.61de4ca1b964d91a.mr.png) +![ब्राउझर विंडो अ‍ॅड्रेस localhost:5000/api/accounts वर, वापरकर्त्याच्या डेटासह JSON स्ट्रिंग दर्शवित आहे](../../../../translated_images/mr/form-post.61de4ca1b964d91a.png) **तुम्हाला काय दिसायला हवे:** - **ब्राउझर पुनर्निर्देशित करते** API एंडपॉइंट URL वर @@ -526,7 +526,7 @@ async function register() { 3. **"Create Account" वर क्लिक करा** 4. **कन्सोल संदेश आणि वापरकर्ता फीडबॅक निरीक्षण करा** -![ब्राउझर कन्सोलमध्ये लॉग संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/browser-console.efaf0b51aaaf6778.mr.png) +![ब्राउझर कन्सोलमध्ये लॉग संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/browser-console.efaf0b51aaaf6778.png) **तुम्हाला काय दिसेल:** - **लोडिंग स्थिती** सबमिट बटणावर दिसते @@ -701,7 +701,7 @@ input:focus:invalid { 3. **युजरनेम फील्डमध्ये विशेष वर्ण वापरून पहा** 4. **नकारात्मक शिल्लक रक्कम प्रविष्ट करा** -![फॉर्म सबमिट करण्याचा प्रयत्न करताना व्हॅलिडेशन त्रुटी दर्शवणारा स्क्रीनशॉट](../../../../translated_images/validation-error.8bd23e98d416c22f.mr.png) +![फॉर्म सबमिट करण्याचा प्रयत्न करताना व्हॅलिडेशन त्रुटी दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/validation-error.8bd23e98d416c22f.png) **तुम्ही काय निरीक्षण कराल:** - **ब्राउझर दर्शवतो** मूळ व्हॅलिडेशन संदेश @@ -821,7 +821,7 @@ timeline थोड्या CSS शैली जोडल्यावर अंतिम लॉगिन पृष्ठ कसे दिसू शकते याचे उदाहरण येथे आहे: -![लॉगिन पृष्ठाचा स्क्रीनशॉट CSS शैली जोडल्यावर](../../../../translated_images/result.96ef01f607bf856a.mr.png) +![लॉगिन पृष्ठाचा स्क्रीनशॉट CSS शैली जोडल्यावर](../../../../translated_images/mr/result.96ef01f607bf856a.png) ## व्याख्यानानंतरचा क्विझ diff --git a/translations/mr/7-bank-project/3-data/README.md b/translations/mr/7-bank-project/3-data/README.md index d785a7b7c..4db23f279 100644 --- a/translations/mr/7-bank-project/3-data/README.md +++ b/translations/mr/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![मल्टी-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/mpa.7f7375a1a2d4aa77.mr.png) +![मल्टी-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/mr/mpa.7f7375a1a2d4aa77.png) **हा दृष्टिकोन क्लंकी का वाटला:** - प्रत्येक क्लिकने संपूर्ण पृष्ठ पुन्हा तयार करणे आवश्यक होते @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![सिंगल-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/spa.268ec73b41f992c2.mr.png) +![सिंगल-पेज अ‍ॅप्लिकेशनमधील अपडेट वर्कफ्लो](../../../../translated_images/mr/spa.268ec73b41f992c2.png) **SPAs चांगले का वाटतात:** - फक्त बदललेले भाग अपडेट होतात (चतुर, बरोबर?) @@ -480,7 +480,7 @@ if (data.error) { आता जेव्हा तुम्ही अवैध खात्याने चाचणी कराल, तेव्हा तुम्हाला पृष्ठावरच एक उपयुक्त त्रुटी संदेश दिसेल! -![लॉगिन दरम्यान त्रुटी संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/login-error.416fe019b36a6327.mr.png) +![लॉगिन दरम्यान त्रुटी संदेश दर्शवणारा स्क्रीनशॉट](../../../../translated_images/mr/login-error.416fe019b36a6327.png) #### चरण 4: अॅक्सेसिबिलिटीसह समावेशक असणे @@ -843,7 +843,7 @@ Agent मोड वापरून खालील आव्हान पूर पॉलिश केलेला डॅशबोर्ड कसा दिसू शकतो याचे उदाहरण येथे आहे: -![डॅशबोर्डचे स्टाइलिंगनंतरचे उदाहरण परिणामाचे स्क्रीनशॉट](../../../../translated_images/screen2.123c82a831a1d14a.mr.png) +![डॅशबोर्डचे स्टाइलिंगनंतरचे उदाहरण परिणामाचे स्क्रीनशॉट](../../../../translated_images/mr/screen2.123c82a831a1d14a.png) तुम्हाला हे अचूकपणे जुळवायचे आहे असे वाटत नाही - याचा प्रेरणास्रोत म्हणून वापर करा आणि ते तुमचे स्वतःचे बनवा! diff --git a/translations/mr/7-bank-project/4-state-management/README.md b/translations/mr/7-bank-project/4-state-management/README.md index fc7e3a077..a281c379d 100644 --- a/translations/mr/7-bank-project/4-state-management/README.md +++ b/translations/mr/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ mindmap आम्ही आमच्या शेपटीचा पाठलाग करण्याऐवजी, आम्ही एक **केंद्रीकृत स्टेट मॅनेजमेंट** सिस्टम तयार करणार आहोत. हे सर्व महत्त्वाच्या गोष्टींच्या व्यवस्थेसाठी एक अतिशय व्यवस्थित व्यक्ती असल्यासारखे विचार करा: -![HTML, वापरकर्ता क्रिया आणि स्टेट दरम्यान डेटा प्रवाह दर्शवणारी योजना](../../../../translated_images/data-flow.fa2354e0908fecc8.mr.png) +![HTML, वापरकर्ता क्रिया आणि स्टेट दरम्यान डेटा प्रवाह दर्शवणारी योजना](../../../../translated_images/mr/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD diff --git a/translations/mr/7-bank-project/4-state-management/assignment.md b/translations/mr/7-bank-project/4-state-management/assignment.md index e5c35ff3c..60f7b85b2 100644 --- a/translations/mr/7-bank-project/4-state-management/assignment.md +++ b/translations/mr/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **अपेक्षित परिणाम:** ही असाइनमेंट पूर्ण केल्यानंतर, तुमच्या बँकिंग अ‍ॅपमध्ये एक पूर्ण कार्यक्षम "ट्रान्झॅक्शन जोडा" सुविधा असावी जी व्यावसायिकपणे दिसते आणि वागते: -![उदाहरण "ट्रान्झॅक्शन जोडा" संवाद दर्शविणारा स्क्रीनशॉट](../../../../translated_images/dialog.93bba104afeb79f1.mr.png) +![उदाहरण "ट्रान्झॅक्शन जोडा" संवाद दर्शविणारा स्क्रीनशॉट](../../../../translated_images/mr/dialog.93bba104afeb79f1.png) ## तुमची अंमलबजावणी चाचणी करणे diff --git a/translations/mr/7-bank-project/README.md b/translations/mr/7-bank-project/README.md index 926b75caa..2ab0fed3c 100644 --- a/translations/mr/7-bank-project/README.md +++ b/translations/mr/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: या प्रकल्पात, तुम्ही काल्पनिक बँक कशी तयार करायची ते शिकाल. या धड्यांमध्ये वेब अ‍ॅप कसे मांडायचे आणि रूट्स प्रदान करायचे, फॉर्म तयार करायचे, स्टेट व्यवस्थापित करायचे, आणि API मधून डेटा कसा आणायचा ज्यामधून तुम्ही बँकेचा डेटा मिळवू शकता याचे मार्गदर्शन दिले आहे. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.mr.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.mr.png) | +| ![Screen1](../../../translated_images/mr/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/mr/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## धडे diff --git a/translations/mr/8-code-editor/1-using-a-code-editor/README.md b/translations/mr/8-code-editor/1-using-a-code-editor/README.md index 61d643aad..85d92b2e3 100644 --- a/translations/mr/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/mr/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev या क्षमतांना तुमच्या ब्रा सर्व काही लोड झाल्यावर, तुम्हाला एक सुंदर स्वच्छ कार्यक्षेत्र दिसेल जे तुम्हाला महत्त्वाच्या गोष्टींवर लक्ष केंद्रित ठेवण्यासाठी डिझाइन केले आहे – तुमचा कोड! -![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.mr.png) +![Default VSCode.dev interface](../../../../translated_images/mr/default-vscode-dev.5d06881d65c1b323.png) **तुमच्या परिसराचा दौरा:** - **अॅक्टिव्हिटी बार** (डाव्या बाजूचा पट्टा): तुमची मुख्य नेव्हिगेशन Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, आणि Settings ⚙️ सह @@ -233,7 +233,7 @@ VSCode.dev मध्ये नवीन सुरुवात करत अस 1. [VSCode.dev](https://vscode.dev) वर जा जर तुम्ही आधीपासून तिथे नसाल 2. स्वागत स्क्रीनवरील "Open Remote Repository" बटण शोधा आणि त्यावर क्लिक करा - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.mr.png) + ![Open remote repository](../../../../translated_images/mr/open-remote-repository.bd9c2598b8949e7f.png) 3. कोणत्याही GitHub रिपॉझिटरी URL पेस्ट करा (हे वापरून पहा: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Enter दाबा आणि जादू पहा! @@ -242,7 +242,7 @@ VSCode.dev मध्ये नवीन सुरुवात करत अस कोडिंग जादूगारासारखे वाटायचे आहे का? हा कीबोर्ड शॉर्टकट वापरून पहा: Ctrl+Shift+P (किंवा Mac वर Cmd+Shift+P) कमांड पॅलेट उघडण्यासाठी: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.mr.png) +![Command Palette](../../../../translated_images/mr/palette-menu.4946174e07f42622.png) **कमांड पॅलेट म्हणजे तुम्ही करू शकता अशा प्रत्येक गोष्टीसाठी शोध इंजिन असल्यासारखे आहे:** - "open remote" टाइप करा आणि ते तुमच्यासाठी रिपॉझिटरी ओपनर शोधेल @@ -304,7 +304,7 @@ VSCode.dev मध्ये नवीन सुरुवात करत अस 3. योग्य एक्सटेंशनसह फाइलचे नाव प्रविष्ट करा (`style.css`, `script.js`, `index.html`) 4. फाइल तयार करण्यासाठी Enter दाबा -![Creating a new file](../../../../translated_images/create-new-file.2814e609c2af9aeb.mr.png) +![Creating a new file](../../../../translated_images/mr/create-new-file.2814e609c2af9aeb.png) **नाव देण्याचे नियम:** - फाइलचा उद्देश सूचित करणारी वर्णनात्मक नावे वापरा @@ -385,7 +385,7 @@ mindmap 2. ब्राउझ करा किंवा काहीतरी विशिष्ट शोधा 3. जे काही मनोरंजक वाटते त्यावर क्लिक करा आणि त्याबद्दल अधिक जाणून घ्या -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.mr.png) +![Extension marketplace interface](../../../../translated_images/mr/extensions.eca0e0c7f59a10b5.png) **आपण तिथे काय पाहाल:** @@ -438,7 +438,7 @@ mindmap 3. ड्रॉपडाउनमधून "Extension Settings" निवडा 4. आपल्या कार्यप्रवाहासाठी योग्य वाटेपर्यंत गोष्टी समायोजित करा -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.mr.png) +![Customizing extension settings](../../../../translated_images/mr/extension-settings.21c752ae4f4cdb78.png) **आपण समायोजित करू इच्छित सामान्य गोष्टी:** - आपला कोड कसा फॉर्मॅट होतो (tabs vs spaces, line length, इ.) diff --git a/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md b/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md index dcba1de27..83343c03d 100644 --- a/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/mr/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ VSCode.dev मध्ये रेपॉझिटरी उघडण्यास 4. एक कमिट संदेश लिहा: "Add initial HTML structure" 5. आपले बदल सेव्ह करण्यासाठी "Commit new file" वर क्लिक करा -![GitHub वर प्रारंभिक फाइल तयार करणे](../../../../translated_images/new-file-github.com.c886796d800e8056.mr.png) +![GitHub वर प्रारंभिक फाइल तयार करणे](../../../../translated_images/mr/new-file-github.com.c886796d800e8056.png) **या प्रारंभिक सेटअपने काय साध्य केले आहे:** - HTML5 दस्तऐवज रचना योग्य प्रकारे स्थापित करते @@ -104,7 +104,7 @@ VSCode.dev मध्ये रेपॉझिटरी उघडण्यास ✅ **यशाचा संकेत**: आपल्याला Explorer साइडबारमध्ये आपली प्रोजेक्ट फाइल्स दिसतील आणि मुख्य संपादक क्षेत्रात `index.html` संपादनासाठी उपलब्ध असेल. -![VSCode.dev मध्ये प्रोजेक्ट लोड केले](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.mr.png) +![VSCode.dev मध्ये प्रोजेक्ट लोड केले](../../../../translated_images/mr/project-on-vscode.dev.e79815a9a95ee7fe.png) **इंटरफेसमध्ये आपण काय पाहाल:** - **Explorer साइडबार**: **आपल्या रेपॉझिटरी फाइल्स आणि फोल्डर रचना दर्शवते** @@ -448,7 +448,7 @@ li:before { **इंस्टॉलेशननंतर त्वरित परिणाम:** CodeSwing इंस्टॉल झाल्यानंतर, आपल्याला आपल्या रिझ्युम वेबसाइटचा लाइव्ह प्रिव्ह्यू संपादकात दिसेल. यामुळे आपण बदल करत असताना आपली साइट कशी दिसते हे पाहण्याची परवानगी मिळते. -![CodeSwing एक्सटेंशन लाइव्ह प्रिव्ह्यू दर्शवित आहे](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.mr.png) +![CodeSwing एक्सटेंशन लाइव्ह प्रिव्ह्यू दर्शवित आहे](../../../../translated_images/mr/after-codeswing-extension-pb.0ebddddcf73b5509.png) **सुधारित इंटरफेस समजून घेणे:** - **स्प्लिट व्ह्यू**: **आपला कोड एका बाजूला आणि लाइव्ह प्रिव्ह्यू दुसऱ्या बाजूला दर्शवते** diff --git a/translations/mr/9-chat-project/README.md b/translations/mr/9-chat-project/README.md index 1cdf15e69..3f9d45fc6 100644 --- a/translations/mr/9-chat-project/README.md +++ b/translations/mr/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) तुमच्या पूर्ण प्रकल्पाचे अंतिम स्वरूप असे दिसेल: -![चॅट अॅप इंटरफेस वापरकर्ता आणि एआय असिस्टंटमधील संवाद दर्शवित आहे](../../../translated_images/screenshot.0a1ee0d123df681b.mr.png) +![चॅट अॅप इंटरफेस वापरकर्ता आणि एआय असिस्टंटमधील संवाद दर्शवित आहे](../../../translated_images/mr/screenshot.0a1ee0d123df681b.png) ## 🗺️ एआय अॅप्लिकेशन डेव्हलपमेंटमधील तुमचा शिक्षण प्रवास @@ -192,7 +192,7 @@ mindmap **मूलभूत तत्त्व**: एआय अॅप्लिकेशन डेव्हलपमेंट पारंपरिक वेब डेव्हलपमेंट कौशल्यांना एआय सेवा इंटिग्रेशनसह एकत्र करते, बुद्धिमान अॅप्लिकेशन्स तयार करते जे वापरकर्त्यांना नैसर्गिक आणि प्रतिसादात्मक वाटतात. -![GitHub Models AI Playground इंटरफेस मॉडेल निवड आणि चाचणी क्षेत्रासह](../../../translated_images/playground.d2b927122224ff8f.mr.png) +![GitHub Models AI Playground इंटरफेस मॉडेल निवड आणि चाचणी क्षेत्रासह](../../../translated_images/mr/playground.d2b927122224ff8f.png) **प्लेग्राउंड इतके उपयुक्त का आहे:** - **वेगवेगळे एआय मॉडेल्स** जसे GPT-4o-mini, Claude आणि इतर (सर्व विनामूल्य!) वापरून पहा @@ -202,7 +202,7 @@ mindmap थोडा प्रयोग केल्यानंतर, फक्त "Code" टॅबवर क्लिक करा आणि तुमची प्रोग्रामिंग भाषा निवडा, ज्यामुळे तुम्हाला लागणारा अंमलबजावणी कोड मिळेल. -![प्लेग्राउंड निवड कोड जनरेशन पर्याय वेगवेगळ्या प्रोग्रामिंग भाषांसाठी दर्शवित आहे](../../../translated_images/playground-choice.1d23ba7d407f4758.mr.png) +![प्लेग्राउंड निवड कोड जनरेशन पर्याय वेगवेगळ्या प्रोग्रामिंग भाषांसाठी दर्शवित आहे](../../../translated_images/mr/playground-choice.1d23ba7d407f4758.png) ## Python बॅकएंड इंटिग्रेशन सेट करणे @@ -1883,14 +1883,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.mr.png) +![टेम्पलेट इंटरफेस तयार करा ज्यामध्ये हिरव्या "Use this template" बटणाचा समावेश आहे](../../../translated_images/mr/template.67ad477109d29a2b.png) **पायरी 2: Codespaces लॉन्च करा** - तुमच्या नव्याने तयार केलेल्या रिपॉझिटरी उघडा - हिरव्या "Code" बटणावर क्लिक करा आणि "Codespaces" निवडा - "Create codespace on main" निवडा आणि तुमचे विकास वातावरण सुरू करा -![Codespace इंटरफेस तयार करा ज्यामध्ये क्लाउड विकास वातावरण सुरू करण्याचे पर्याय आहेत](../../../translated_images/codespace.bcecbdf5d2747d3d.mr.png) +![Codespace इंटरफेस तयार करा ज्यामध्ये क्लाउड विकास वातावरण सुरू करण्याचे पर्याय आहेत](../../../translated_images/mr/codespace.bcecbdf5d2747d3d.png) **पायरी 3: वातावरण कॉन्फिगरेशन** तुमचे Codespace लोड झाल्यावर, तुम्हाला खालील गोष्टींमध्ये प्रवेश मिळेल: diff --git a/translations/mr/README.md b/translations/mr/README.md index fe3898d6e..39ea4eed4 100644 --- a/translations/mr/README.md +++ b/translations/mr/README.md @@ -72,13 +72,13 @@ Azure AI Foundry Discord समुदायात सामील व्हा प्रारंभ करण्यासाठी भेट द्या [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! -![Background](../../translated_images/background.148a8d43afde5730.mr.png) +![Background](../../translated_images/mr/background.148a8d43afde5730.png) - मुलभूत पासून RAG पर्यंत सगळ्या गोष्टींचा समावेश असलेले धडे. - GenAI आणि आमच्या साथीदार अॅपसह ऐतिहासिक पात्रांशी संवाद साधा. - मजेशीर आणि आकर्षक कथाकथन, तुम्ही काळ प्रवास करता! -![character](../../translated_images/character.5c0dd8e067ffd693.mr.png) +![character](../../translated_images/mr/character.5c0dd8e067ffd693.png) प्रत्येक धड्यांत पूर्ण करण्यासाठी एक असाइनमेंट, ज्ञान तपासणी आणि आव्हान असते ज्यामुळे आपण पुढील विषय शिकता: @@ -115,7 +115,7 @@ Azure AI Foundry Discord समुदायात सामील व्हा तुमच्या तयार केलेल्या या रिपॉझिटरीच्या प्रतिप्रत मध्ये **Code** बटणावर क्लिक करा आणि **Open with Codespaces** निवडा. यामुळे तुम्हाला कार्य करण्यासाठी नवीन Codespace तयार होईल. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.mr.png) +![Codespace](../../translated_images/mr/createcodespace.0238bbf4d7a8d955.png) #### आपल्याक computer वर स्थानिकरित्या अभ्यासक्रम चालवणे diff --git a/translations/mr/for-teachers.md b/translations/mr/for-teachers.md index da47ab18e..f6ac493f4 100644 --- a/translations/mr/for-teachers.md +++ b/translations/mr/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud मध्ये Common Cartridge साठी मर्यादित समर्थन आहे. वरील Moodle फाइलला प्राधान्य द्या, जी Canvas मध्ये देखील अपलोड केली जाऊ शकते. - आयात केल्यानंतर, तुमच्या टर्म शेड्यूलशी जुळण्यासाठी मॉड्यूल्स, देय तारखा आणि क्विझ सेटिंग्ज पुनरावलोकन करा. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.mr.png) +![Moodle](../../translated_images/mr/moodle.94eb93d714a50cb2.png) > Moodle वर्गात अभ्यासक्रम -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.mr.png) +![Canvas](../../translated_images/mr/canvas.fbd605ff8e5b8aff.png) > Canvas मध्ये अभ्यासक्रम ### थेट रिपॉझिटरी वापरा (Classroom न वापरता) diff --git a/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 9cb360e7f..7d72e8951 100644 --- a/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/ms/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Dengar, saya faham sepenuhnya jika pengaturcaraan terasa menakutkan sekarang. Ke Hari ini, kita akan meneroka alat luar biasa yang menjadikan pembangunan web moden bukan sahaja mungkin, tetapi sangat menyeronokkan. Saya bercakap tentang editor, pelayar, dan aliran kerja yang sama yang digunakan oleh pembangun di Netflix, Spotify, dan studio aplikasi indie kegemaran anda setiap hari. Dan inilah bahagian yang akan membuatkan anda menari kegembiraan: kebanyakan alat profesional ini adalah percuma! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.ms.png) +![Intro Programming](../../../../translated_images/ms/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ms/1-getting-started-lessons/2-github-basics/README.md b/translations/ms/1-getting-started-lessons/2-github-basics/README.md index f87d2fb4e..2cbb60cc6 100644 --- a/translations/ms/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/ms/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Saya tahu ini mungkin terasa banyak pada mulanya – malah, saya masih ingat men Kita akan melalui perjalanan ini bersama-sama, satu langkah pada satu masa. Tiada tergesa-gesa, tiada tekanan – hanya anda, saya, dan beberapa alat yang sangat hebat yang akan menjadi sahabat baru anda! -![Pengenalan kepada GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.ms.png) +![Pengenalan kepada GitHub](../../../../translated_images/ms/webdev101-github.8846d7971abef6f9.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -610,7 +610,7 @@ Pertama, mari kita cari repositori (atau **repo**) di GitHub yang menarik minat ✅ Cara yang baik untuk mencari repo 'mesra pemula' adalah dengan [mencari tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Salin repo secara tempatan](../../../../translated_images/clone_repo.5085c48d666ead57.ms.png) +![Salin repo secara tempatan](../../../../translated_images/ms/clone_repo.5085c48d666ead57.png) Terdapat beberapa cara untuk menyalin kod. Salah satu cara adalah dengan "clone" kandungan repositori, menggunakan HTTPS, SSH, atau menggunakan GitHub CLI (Command Line Interface). diff --git a/translations/ms/1-getting-started-lessons/3-accessibility/README.md b/translations/ms/1-getting-started-lessons/3-accessibility/README.md index dff4a5f65..9198fb410 100644 --- a/translations/ms/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/ms/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Membuat Laman Web yang Mesra Akses -![Semua Tentang Kebolehcapaian](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.ms.png) +![Semua Tentang Kebolehcapaian](../../../../translated_images/ms/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1060,12 +1060,12 @@ Setiap imej di laman web anda mempunyai tujuan. Memahami tujuan itu membantu and **Imej informatif** - menyampaikan maklumat penting: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Imej hiasan** - semata-mata visual tanpa nilai maklumat: ```html - + ``` **Imej fungsional** - berfungsi sebagai butang atau kawalan: @@ -1077,7 +1077,7 @@ Setiap imej di laman web anda mempunyai tujuan. Memahami tujuan itu membantu and **Imej kompleks** - carta, rajah, infografik: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1117,7 +1117,7 @@ Setiap imej di laman web anda mempunyai tujuan. Memahami tujuan itu membantu and - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/ms/2-js-basics/1-data-types/README.md b/translations/ms/2-js-basics/1-data-types/README.md index 76e26b1ef..c0a616699 100644 --- a/translations/ms/2-js-basics/1-data-types/README.md +++ b/translations/ms/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Asas JavaScript: Jenis Data -![Asas JavaScript - Jenis Data](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.ms.png) +![Asas JavaScript - Jenis Data](../../../../translated_images/ms/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ms/2-js-basics/2-functions-methods/README.md b/translations/ms/2-js-basics/2-functions-methods/README.md index aa7da3528..4cb6400a9 100644 --- a/translations/ms/2-js-basics/2-functions-methods/README.md +++ b/translations/ms/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Asas JavaScript: Kaedah dan Fungsi -![Asas JavaScript - Fungsi](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.ms.png) +![Asas JavaScript - Fungsi](../../../../translated_images/ms/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ms/2-js-basics/3-making-decisions/README.md b/translations/ms/2-js-basics/3-making-decisions/README.md index d58d81b3c..29d04f1e2 100644 --- a/translations/ms/2-js-basics/3-making-decisions/README.md +++ b/translations/ms/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Asas JavaScript: Membuat Keputusan -![Asas JavaScript - Membuat keputusan](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ms.png) +![Asas JavaScript - Membuat keputusan](../../../../translated_images/ms/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/ms/2-js-basics/4-arrays-loops/README.md b/translations/ms/2-js-basics/4-arrays-loops/README.md index 3f0213af7..f32fa81f1 100644 --- a/translations/ms/2-js-basics/4-arrays-loops/README.md +++ b/translations/ms/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Asas JavaScript: Array dan Gelung -![Asas JavaScript - Array](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.ms.png) +![Asas JavaScript - Array](../../../../translated_images/ms/webdev101-js-arrays.439d7528b8a29455.png) > Nota sketsa oleh [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ms/3-terrarium/1-intro-to-html/README.md b/translations/ms/3-terrarium/1-intro-to-html/README.md index c541fe531..548011874 100644 --- a/translations/ms/3-terrarium/1-intro-to-html/README.md +++ b/translations/ms/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![Pengenalan kepada HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.ms.png) +![Pengenalan kepada HTML](../../../../translated_images/ms/webdev101-html.4389c2067af68e98.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) HTML, atau HyperText Markup Language, adalah asas kepada setiap laman web yang pernah anda lawati. Fikirkan HTML sebagai rangka yang memberikan struktur kepada halaman web – ia menentukan di mana kandungan diletakkan, bagaimana ia diatur, dan apa yang setiap bahagian wakili. Walaupun CSS nanti akan "menghias" HTML anda dengan warna dan susunan, dan JavaScript akan menghidupkannya dengan interaktiviti, HTML menyediakan struktur penting yang menjadikan segalanya mungkin. @@ -88,7 +88,7 @@ Anda akan mencipta folder khusus untuk projek terrarium anda dan menambah fail H 4. Dalam panel Explorer, klik ikon "New File" 5. Namakan fail anda `index.html` -![Explorer VS Code menunjukkan penciptaan fail baru](../../../../translated_images/vs-code-index.e2986cf919471eb9.ms.png) +![Explorer VS Code menunjukkan penciptaan fail baru](../../../../translated_images/ms/vs-code-index.e2986cf919471eb9.png) **Pilihan 2: Menggunakan Perintah Terminal** ```bash @@ -239,48 +239,48 @@ Sekarang tambahkan imej tumbuhan yang diatur dalam dua lajur di antara 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/ms/3-terrarium/2-intro-to-css/README.md b/translations/ms/3-terrarium/2-intro-to-css/README.md index 483839a27..012111874 100644 --- a/translations/ms/3-terrarium/2-intro-to-css/README.md +++ b/translations/ms/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![Pengenalan kepada CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.ms.png) +![Pengenalan kepada CSS](../../../../translated_images/ms/webdev101-css.3f7af5991bf53a20.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) Ingat bagaimana HTML terrarium anda kelihatan agak asas? CSS adalah tempat kita mengubah struktur biasa itu menjadi sesuatu yang menarik secara visual. @@ -205,7 +205,7 @@ body { Buka alat pembangun pelayar anda (F12), navigasi ke tab Elemen, dan periksa elemen `

` anda. Anda akan melihat bahawa ia mewarisi keluarga fon dari body: -![fon diwarisi](../../../../translated_images/1.cc07a5cbe114ad1d.ms.png) +![fon diwarisi](../../../../translated_images/ms/1.cc07a5cbe114ad1d.png) ✅ **Masa Eksperimen**: Cuba tetapkan sifat lain yang boleh diwarisi pada `` seperti `color`, `line-height`, atau `text-align`. Apa yang berlaku pada tajuk dan elemen lain anda? @@ -335,7 +335,7 @@ Dalam terrarium kita, setiap tumbuhan memerlukan gaya yang serupa tetapi juga me **Berikut adalah struktur HTML untuk setiap tumbuhan:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -599,7 +599,7 @@ Bersedia untuk meningkatkan terrarium anda dengan refleksi kaca yang realistik? Anda akan mencipta sorotan halus yang mensimulasikan bagaimana cahaya memantul dari permukaan kaca. Pendekatan ini serupa dengan bagaimana pelukis Renaissance seperti Jan van Eyck menggunakan cahaya dan pantulan untuk membuat kaca yang dilukis kelihatan tiga dimensi. Berikut adalah apa yang anda sasarkan: -![terrarium siap](../../../../translated_images/terrarium-final.2f07047ffc597d0a.ms.png) +![terrarium siap](../../../../translated_images/ms/terrarium-final.2f07047ffc597d0a.png) **Cabaran anda:** - **Cipta** bentuk bujur putih atau warna terang untuk refleksi kaca diff --git a/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md index 4d0ba0c84..b4366ddea 100644 --- a/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/ms/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM dan penutupan](../../../../translated_images/webdev101-js.10280393044d7eaa.ms.png) +![DOM dan penutupan](../../../../translated_images/ms/webdev101-js.10280393044d7eaa.png) > Sketchnote oleh [Tomomi Imura](https://twitter.com/girlie_mac) Selamat datang ke salah satu aspek paling menarik dalam pembangunan web - menjadikan sesuatu interaktif! Document Object Model (DOM) adalah seperti jambatan antara HTML dan JavaScript anda, dan hari ini kita akan menggunakannya untuk menghidupkan terrarium anda. Apabila Tim Berners-Lee mencipta pelayar web pertama, beliau membayangkan web di mana dokumen boleh menjadi dinamik dan interaktif - DOM menjadikan visi itu mungkin. @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![Representasi pokok DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.ms.png) +![Representasi pokok DOM](../../../../translated_images/ms/dom-tree.7daf0e763cbbba92.png) > Representasi DOM dan markup HTML yang merujuknya. Daripada [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -150,7 +150,7 @@ flowchart LR > 💡 **Memahami Penutupan**: Penutupan adalah topik penting dalam JavaScript, dan ramai pembangun menggunakannya selama bertahun-tahun sebelum memahami sepenuhnya semua aspek teori. Hari ini, kita fokus pada aplikasi praktikal - anda akan melihat penutupan muncul secara semula jadi semasa kita membina ciri interaktif kita. Pemahaman akan berkembang apabila anda melihat bagaimana ia menyelesaikan masalah sebenar. -![Representasi pokok DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.ms.png) +![Representasi pokok DOM](../../../../translated_images/ms/dom-tree.7daf0e763cbbba92.png) > Representasi DOM dan markup HTML yang merujuknya. Daripada [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -598,7 +598,7 @@ Sekarang uji terrarium interaktif anda! Buka fail `index.html` anda dalam pelaya - **Sokongan merentas peranti**: Berfungsi pada desktop dan mudah alih - **Sedarkan prestasi**: Tiada kebocoran memori atau pengiraan berlebihan -![terrarium siap](../../../../translated_images/terrarium-final.0920f16e87c13a84.ms.png) +![terrarium siap](../../../../translated_images/ms/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/ms/3-terrarium/solution/README.md b/translations/ms/3-terrarium/solution/README.md index 03129b607..68f1895b1 100644 --- a/translations/ms/3-terrarium/solution/README.md +++ b/translations/ms/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Sebuah meditasi kod kecil dengan fungsi seret dan lepas. Dengan sedikit HTML, JS, dan CSS, anda boleh membina antara muka web, menghiasnya, dan menambah interaksi. -![terrarium saya](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.ms.png) +![terrarium saya](../../../../translated_images/ms/screenshot_gray.0c796099a1f9f25e.png) ## Kredit diff --git a/translations/ms/5-browser-extension/1-about-browsers/README.md b/translations/ms/5-browser-extension/1-about-browsers/README.md index ee917cda9..ede47fcd7 100644 --- a/translations/ms/5-browser-extension/1-about-browsers/README.md +++ b/translations/ms/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![Sketchnote Penyemak Imbas](../../../../translated_images/browser.60317c9be8b7f84a.ms.jpg) +![Sketchnote Penyemak Imbas](../../../../translated_images/ms/browser.60317c9be8b7f84a.jpg) > Sketchnote oleh [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Kuiz Pra-Kuliah @@ -79,7 +79,7 @@ Proses ini mencerminkan bagaimana penyemak imbas pertama, WorldWideWeb, direka o ✅ **Sedikit sejarah**: Penyemak imbas pertama dipanggil 'WorldWideWeb' dan dicipta oleh Sir Timothy Berners-Lee pada tahun 1990. -![penyemak imbas awal](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.ms.jpg) +![penyemak imbas awal](../../../../translated_images/ms/earlybrowsers.d984b711cdf3a42d.jpg) > Beberapa penyemak imbas awal, melalui [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Bagaimana Penyemak Imbas Memproses Kandungan Web @@ -198,7 +198,7 @@ quadrantChart Memahami proses pemasangan sambungan membantu anda menjangkakan pengalaman pengguna apabila orang memasang sambungan anda. Proses pemasangan adalah standard merentas penyemak imbas moden, dengan sedikit variasi dalam reka bentuk antara muka. -![tangkapan skrin penyemak imbas Edge menunjukkan halaman edge://extensions yang terbuka dan menu tetapan yang terbuka](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.ms.png) +![tangkapan skrin penyemak imbas Edge menunjukkan halaman edge://extensions yang terbuka dan menu tetapan yang terbuka](../../../../translated_images/ms/install-on-edge.d68781acaf0b3d3d.png) > **Penting**: Pastikan untuk menghidupkan mod pembangun dan benarkan sambungan daripada kedai lain semasa menguji sambungan anda sendiri. @@ -313,10 +313,10 @@ Ini mengikuti prinsip pendedahan progresif yang digunakan dalam reka bentuk anta ### Gambaran Keseluruhan Paparan Sambungan **Paparan Persediaan** - Konfigurasi pengguna kali pertama: -![tangkapan skrin sambungan yang lengkap dibuka dalam penyemak imbas, memaparkan borang dengan input untuk nama kawasan dan kunci API.](../../../../translated_images/1.b6da8c1394b07491.ms.png) +![tangkapan skrin sambungan yang lengkap dibuka dalam penyemak imbas, memaparkan borang dengan input untuk nama kawasan dan kunci API.](../../../../translated_images/ms/1.b6da8c1394b07491.png) **Paparan Hasil** - Paparan data jejak karbon: -![tangkapan skrin sambungan yang lengkap memaparkan nilai penggunaan karbon dan peratusan bahan api fosil untuk kawasan US-NEISO.](../../../../translated_images/2.1dae52ff08042246.ms.png) +![tangkapan skrin sambungan yang lengkap memaparkan nilai penggunaan karbon dan peratusan bahan api fosil untuk kawasan US-NEISO.](../../../../translated_images/ms/2.1dae52ff08042246.png) ### Membina Borang Konfigurasi diff --git a/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md index b50ec078a..0fe5e4cba 100644 --- a/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/ms/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![Panel penyimpanan tempatan](../../../../translated_images/localstorage.472f8147b6a3f8d1.ms.png) +![Panel penyimpanan tempatan](../../../../translated_images/ms/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Pertimbangan Keselamatan**: Dalam aplikasi pengeluaran, menyimpan kunci API dalam LocalStorage menimbulkan risiko keselamatan kerana JavaScript boleh mengakses data ini. Untuk tujuan pembelajaran, pendekatan ini berfungsi dengan baik, tetapi aplikasi sebenar harus menggunakan penyimpanan pelayan yang selamat untuk kelayakan sensitif. diff --git a/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md index b1cc78e65..90e5823f0 100644 --- a/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/ms/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Untuk membuka Alat Pembangun di Edge, klik tiga titik di sudut kanan atas, kemud Mari cuba ini. Buka laman web (Microsoft.com berfungsi dengan baik untuk ini) dan klik butang 'Rekod'. Sekarang segarkan halaman dan lihat profiler menangkap segala yang berlaku. Apabila anda berhenti merekod, anda akan melihat pecahan terperinci tentang bagaimana pelayar 'menykrip', 'merender', dan 'melukis' laman tersebut. Ia mengingatkan saya bagaimana pusat kawalan misi memantau setiap sistem semasa pelancaran roket - anda mendapat data masa nyata tentang apa yang berlaku dan bila. -![Profiler Edge](../../../../translated_images/profiler.5a4a62479c5df01c.ms.png) +![Profiler Edge](../../../../translated_images/ms/profiler.5a4a62479c5df01c.png) ✅ Dokumentasi [Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) mempunyai banyak lagi butiran jika anda ingin mendalami lebih jauh @@ -136,11 +136,11 @@ Pilih elemen garis masa profil untuk memperbesar acara yang berlaku semasa halam Dapatkan gambaran prestasi halaman anda dengan memilih bahagian garis masa profil dan melihat panel ringkasan: -![Snapshot profiler Edge](../../../../translated_images/snapshot.97750180ebcad737.ms.png) +![Snapshot profiler Edge](../../../../translated_images/ms/snapshot.97750180ebcad737.png) Periksa panel Log Acara untuk melihat jika ada acara yang mengambil masa lebih daripada 15 ms: -![Log acara Edge](../../../../translated_images/log.804026979f3707e0.ms.png) +![Log acara Edge](../../../../translated_images/ms/log.804026979f3707e0.png) ✅ Kenali profiler anda! Buka alat pembangun di laman ini dan lihat jika ada halangan. Apakah aset yang paling lambat dimuatkan? Yang paling pantas? diff --git a/translations/ms/5-browser-extension/README.md b/translations/ms/5-browser-extension/README.md index 0bef6ee6b..f086173db 100644 --- a/translations/ms/5-browser-extension/README.md +++ b/translations/ms/5-browser-extension/README.md @@ -23,7 +23,7 @@ Sambungan ini boleh dipanggil secara ad hoc oleh pengguna setelah kunci API dan ### Kredit -![sambungan pelayar berwarna hijau](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![sambungan pelayar berwarna hijau](../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Kredit diff --git a/translations/ms/5-browser-extension/solution/README.md b/translations/ms/5-browser-extension/solution/README.md index 4bf0c83fa..3e0eb072e 100644 --- a/translations/ms/5-browser-extension/solution/README.md +++ b/translations/ms/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Menggunakan API C02 Signal daripada tmrow untuk menjejak penggunaan elektrik, bina sambungan pelayar supaya anda boleh mendapat peringatan terus di pelayar anda tentang seberapa berat penggunaan elektrik di kawasan anda. Menggunakan sambungan ini secara ad hoc akan membantu anda membuat keputusan berdasarkan maklumat ini. -![screenshot sambungan](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![screenshot sambungan](../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Memulakan @@ -31,7 +31,7 @@ npm run build Untuk memasang pada Edge, gunakan menu 'tiga titik' di sudut kanan atas pelayar untuk mencari panel Sambungan. Dari situ, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Buka folder 'dist' apabila diminta, dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal ([dapatkan satu di sini melalui emel](https://www.co2signal.com/) - masukkan emel anda di kotak pada halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [Electricity Map](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO'). -![memasang](../../../../translated_images/install-on-edge.78634f02842c4828.ms.png) +![memasang](../../../../translated_images/ms/install-on-edge.78634f02842c4828.png) Setelah kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna di bar sambungan pelayar sepatutnya berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan panduan tentang aktiviti berat tenaga yang sesuai untuk anda lakukan. Konsep di sebalik sistem 'titik' ini diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/5-browser-extension/solution/translation/README.es.md b/translations/ms/5-browser-extension/solution/translation/README.es.md index 04c2fc4c5..456d68f43 100644 --- a/translations/ms/5-browser-extension/solution/translation/README.es.md +++ b/translations/ms/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Menggunakan API isyarat CO2 daripada tmrow untuk menjejaki penggunaan elektrik, bina sambungan penyemak imbas supaya anda boleh mendapat peringatan terus dalam penyemak imbas anda tentang penggunaan elektrik di kawasan anda. Penggunaan sambungan ad hoc ini akan membantu anda membuat keputusan tentang aktiviti anda berdasarkan maklumat ini. -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.ms.png) +![extension screenshot](../../../../../translated_images/ms/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Bermula @@ -31,7 +31,7 @@ npm run build Untuk memasang di Edge, gunakan menu 'tiga titik' di sudut kanan atas penyemak imbas untuk mencari panel Sambungan. Dari situ, pilih 'Muatkan tanpa pembungkusan' untuk memuatkan sambungan baharu. Buka folder 'dist' apabila diminta dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal ([dapatkan di sini melalui e-mel](https://www.co2signal.com/) - masukkan e-mel anda dalam kotak di halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO'). -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.ms.png) +![installing](../../../../../translated_images/ms/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Sebaik sahaja kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik warna pada bar sambungan penyemak imbas sepatutnya berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan petunjuk tentang aktiviti penggunaan tenaga tinggi yang sesuai untuk anda. Konsep di sebalik sistem "titik" ini diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/5-browser-extension/solution/translation/README.fr.md b/translations/ms/5-browser-extension/solution/translation/README.fr.md index 655bd27d3..dbbbdcddf 100644 --- a/translations/ms/5-browser-extension/solution/translation/README.fr.md +++ b/translations/ms/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Dengan menggunakan API C02 Signal daripada tmrow untuk menjejaki penggunaan elektrik, cipta sambungan penyemak imbas supaya anda boleh mendapat peringatan terus dalam penyemak imbas anda tentang penggunaan elektrik di kawasan anda. Penggunaan sambungan ini secara ad hoc akan membantu anda membuat keputusan berdasarkan maklumat tersebut. -![tangkapan skrin sambungan](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![tangkapan skrin sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Memulakan @@ -31,7 +31,7 @@ npm run build Untuk memasang pada Edge, gunakan menu 'tiga titik' di sudut kanan atas penyemak imbas untuk mencari panel Sambungan. Dari situ, pilih 'Muatkan sambungan yang tidak dimampatkan' untuk memuatkan sambungan baharu. Buka folder 'dist' apabila diminta dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal ([dapatkan satu melalui e-mel di sini](https://www.co2signal.com/) - masukkan e-mel anda dalam kotak di halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO'). -![pemasangan](../../../../../translated_images/install-on-edge.78634f02842c4828.ms.png) +![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png) Sebaik sahaja kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna dalam bar sambungan penyemak imbas akan berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan petunjuk tentang aktiviti yang menggunakan tenaga yang sesuai untuk dilakukan. Konsep di sebalik sistem 'titik' ini diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/5-browser-extension/solution/translation/README.hi.md b/translations/ms/5-browser-extension/solution/translation/README.hi.md index e97aa7556..c2ff27c89 100644 --- a/translations/ms/5-browser-extension/solution/translation/README.hi.md +++ b/translations/ms/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Menggunakan API C02 Signal dari tmrow untuk menjejak penggunaan elektrik, sambungan pelayar ini dibina untuk memberikan peringatan tentang seberapa berat penggunaan elektrik di kawasan anda semasa anda melayari internet. Dengan menggunakan sambungan ini, anda boleh membuat keputusan berdasarkan maklumat tersebut untuk aktiviti anda. -![Tangkap layar sambungan](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![Tangkap layar sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Memulakan @@ -31,7 +31,7 @@ npm run build Untuk memasang di Edge, gunakan menu 'tiga titik' di sudut kanan atas pelayar untuk mencari panel sambungan. Dari situ, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Pada prompt, buka folder 'dist' dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API CO2 Signal ([dapatkan melalui e-mel di sini](https://www.co2snal.com/) - masukkan e-mel anda dalam kotak di halaman tersebut) dan [kod kawasan anda](http://api.electricitymap.org/v3/zones) dari [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO'). -![pemasangan](../../../../../translated_images/install-on-edge.78634f02842c4828.ms.png) +![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png) Setelah kunci API dan kod kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna pada bar sambungan pelayar sepatutnya berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan indikator tentang aktiviti berat tenaga yang sesuai untuk dilakukan. Konsep sistem 'titik' ini diilhamkan oleh [Energy Lollipop Extension](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/5-browser-extension/solution/translation/README.it.md b/translations/ms/5-browser-extension/solution/translation/README.it.md index cb091f36a..749ec7156 100644 --- a/translations/ms/5-browser-extension/solution/translation/README.it.md +++ b/translations/ms/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Anda akan menggunakan API Signal CO2 daripada tmrow untuk memantau penggunaan elektrik bagi mencipta sambungan penyemak imbas supaya anda boleh mendapatkan peringatan terus dalam penyemak imbas anda tentang betapa beratnya penggunaan elektrik di kawasan anda. Penggunaan sambungan ini secara ad hoc akan membantu menilai aktiviti anda berdasarkan maklumat ini. -![paparan sambungan](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![paparan sambungan](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Untuk Bermula @@ -31,7 +31,7 @@ npm run build Untuk memasang pada Edge, gunakan menu "tiga titik" di sudut kanan atas penyemak imbas untuk mencari panel Sambungan. Jika belum diaktifkan, aktifkan Mod Pembangun (di bahagian bawah kiri). Pilih "Muatkan tanpa mampatan" untuk memuatkan sambungan baharu. Buka folder "dist" pada prompt dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal (anda boleh [memperolehnya melalui e-mel di sini](https://www.co2signal.com/) - masukkan e-mel anda dalam kotak di halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [peta elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, "US-NEISO"). -![pemasangan](../../../../../translated_images/install-on-edge.78634f02842c4828.ms.png) +![pemasangan](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png) Setelah kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna pada bar sambungan penyemak imbas sepatutnya berubah untuk mencerminkan penggunaan tenaga kawasan tersebut dan memberikan petunjuk tentang aktiviti penggunaan tenaga tinggi yang sesuai untuk dilakukan. Konsep di sebalik sistem "titik" ini telah diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/5-browser-extension/solution/translation/README.ja.md b/translations/ms/5-browser-extension/solution/translation/README.ja.md index cc745e2b8..f60115b25 100644 --- a/translations/ms/5-browser-extension/solution/translation/README.ja.md +++ b/translations/ms/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Gunakan API CO2 Signal daripada tmrow untuk menjejak penggunaan tenaga elektrik anda dan memaparkan peringatan di penyemak imbas tentang betapa tinggi penggunaan tenaga di kawasan anda. Sambungan penyemak imbas ini membolehkan anda membuat keputusan berdasarkan maklumat tersebut secara ad hoc. -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![extension screenshot](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Pengenalan @@ -31,7 +31,7 @@ npm run build Untuk memasang di Edge, cari panel "Extensions" melalui menu "tiga titik" di bahagian atas kanan penyemak imbas. Dari situ, pilih "Load Unpacked" untuk memuatkan sambungan baharu. Apabila diminta, buka folder "dist" dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API CO2 Signal ([dapatkan di sini melalui e-mel](https://www.co2signal.com/) - masukkan e-mel anda di kotak pada halaman tersebut) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Electricity Map](https://www.electricitymap.org/map) (contohnya, di Boston gunakan 'US-NEISO'). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.ms.png) +![installing](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png) Setelah anda memasukkan kunci API dan kawasan ke dalam antara muka sambungan, titik berwarna yang dipaparkan di bar sambungan penyemak imbas akan berubah mengikut penggunaan tenaga di kawasan anda. Ini membantu anda menentukan aktiviti yang sesuai berdasarkan keperluan tenaga. Konsep sistem "titik" ini diilhamkan oleh sambungan [Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/5-browser-extension/solution/translation/README.ms.md b/translations/ms/5-browser-extension/solution/translation/README.ms.md index d7c2d262f..a0b788d49 100644 --- a/translations/ms/5-browser-extension/solution/translation/README.ms.md +++ b/translations/ms/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Menggunakan API Isyarat CO2 tmrow untuk memantau penggunaan elektrik, bina sambungan penyemak imbas supaya anda boleh menerima peringatan di penyemak imbas anda tentang tahap penggunaan elektrik di kawasan anda. Menggunakan sambungan ini secara khusus akan membantu anda membuat keputusan yang lebih bijak berdasarkan maklumat ini. -![tangkapan pelanjutan penyemak imbas](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![tangkapan pelanjutan penyemak imbas](../../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Bermula Dari Sini @@ -31,7 +31,7 @@ npm run build Untuk memasang di Edge, gunakan menu 'tiga titik' di sudut kanan atas penyemak imbas untuk mencari panel Sambungan. Dari sana, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Buka folder 'dist' apabila diminta, dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API Isyarat CO2 ([dapatkan satu di sini melalui e-mel](https://www.co2signal.com/) - masukkan e-mel anda di dalam kotak di halaman ini) dan [kod untuk wilayah anda](http://api.electricitymap.org/v3/zones) yang sesuai dengan [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO'). -![sedang memuat turun](../../../../../translated_images/install-on-edge.78634f02842c4828.ms.png) +![sedang memuat turun](../../../../../translated_images/ms/install-on-edge.78634f02842c4828.png) Setelah kunci API dan wilayah dimasukkan ke dalam antara muka sambungan, titik berwarna di bar sambungan penyemak imbas akan berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan cadangan mengenai aktiviti berat yang sesuai untuk dilakukan. Konsep di sebalik sistem 'dot' ini diilhamkan oleh [sambungan penyemak imbas Lollipop Tenaga](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/5-browser-extension/start/README.md b/translations/ms/5-browser-extension/start/README.md index 7edca1890..715048e56 100644 --- a/translations/ms/5-browser-extension/start/README.md +++ b/translations/ms/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Menggunakan API C02 Signal daripada tmrow untuk menjejak penggunaan elektrik, bina sambungan pelayar supaya anda boleh mendapat peringatan terus di pelayar anda tentang seberapa berat penggunaan elektrik di kawasan anda. Menggunakan sambungan ini secara ad hoc akan membantu anda membuat keputusan berdasarkan maklumat ini. -![screenshot sambungan](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ms.png) +![screenshot sambungan](../../../../translated_images/ms/extension-screenshot.0e7f5bfa110e92e3.png) ## Memulakan @@ -31,7 +31,7 @@ npm run build Untuk memasang pada Edge, gunakan menu 'tiga titik' di sudut kanan atas pelayar untuk mencari panel Sambungan. Dari situ, pilih 'Load Unpacked' untuk memuatkan sambungan baru. Buka folder 'dist' apabila diminta, dan sambungan akan dimuatkan. Untuk menggunakannya, anda memerlukan kunci API untuk API CO2 Signal ([dapatkan satu di sini melalui emel](https://www.co2signal.com/) - masukkan emel anda di kotak pada halaman ini) dan [kod untuk kawasan anda](http://api.electricitymap.org/v3/zones) yang sepadan dengan [Peta Elektrik](https://www.electricitymap.org/map) (contohnya, di Boston, saya menggunakan 'US-NEISO'). -![memasang](../../../../translated_images/install-on-edge.78634f02842c4828.ms.png) +![memasang](../../../../translated_images/ms/install-on-edge.78634f02842c4828.png) Setelah kunci API dan kawasan dimasukkan ke dalam antara muka sambungan, titik berwarna di bar sambungan pelayar sepatutnya berubah untuk mencerminkan penggunaan tenaga di kawasan anda dan memberikan anda petunjuk tentang aktiviti berat tenaga yang sesuai untuk dilakukan. Konsep di sebalik sistem 'titik' ini diilhamkan oleh [sambungan Energy Lollipop](https://energylollipop.com/) untuk pelepasan di California. diff --git a/translations/ms/6-space-game/2-drawing-to-canvas/README.md b/translations/ms/6-space-game/2-drawing-to-canvas/README.md index 7856fe00a..7aa1cb1c0 100644 --- a/translations/ms/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/ms/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![grid kanvas](../../../../translated_images/canvas_grid.5f209da785ded492.ms.png) +![grid kanvas](../../../../translated_images/ms/canvas_grid.5f209da785ded492.png) > Imej dari [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Untuk melukis pada elemen kanvas, anda akan mengikuti proses tiga langkah yang sama yang membentuk asas semua grafik kanvas. Setelah anda melakukannya beberapa kali, ia menjadi kebiasaan: @@ -329,11 +329,11 @@ Anda akan membina halaman web dengan elemen Kanvas. Ia harus memaparkan skrin hi - Kapal hero - ![Kapal hero](../../../../translated_images/player.dd24c1afa8c71e9b.ms.png) + ![Kapal hero](../../../../translated_images/ms/player.dd24c1afa8c71e9b.png) - 5*5 raksasa - ![Kapal raksasa](../../../../translated_images/enemyShip.5df2a822c16650c2.ms.png) + ![Kapal raksasa](../../../../translated_images/ms/enemyShip.5df2a822c16650c2.png) ### Langkah yang Disyorkan untuk Memulakan Pembangunan @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Hasil akhir sepatutnya kelihatan seperti ini: -![Skrin hitam dengan seorang hero dan 5*5 raksasa](../../../../translated_images/partI-solution.36c53b48c9ffae2a.ms.png) +![Skrin hitam dengan seorang hero dan 5*5 raksasa](../../../../translated_images/ms/partI-solution.36c53b48c9ffae2a.png) ## Penyelesaian diff --git a/translations/ms/6-space-game/5-keeping-score/README.md b/translations/ms/6-space-game/5-keeping-score/README.md index 34522ae41..e141d3c95 100644 --- a/translations/ms/6-space-game/5-keeping-score/README.md +++ b/translations/ms/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **Sistem mata**: Setiap kapal musuh yang dimusnahkan memberikan 100 mata (nombor bulat lebih mudah untuk pemain kira secara mental). Mata dipaparkan di sudut kiri bawah. -- **Pengiraan nyawa**: Wira anda bermula dengan tiga nyawa - satu standard yang ditetapkan oleh permainan arked awal untuk mengimbangi cabaran dengan kebolehmainan. Setiap perlanggaran dengan musuh mengurangkan satu nyawa. Kita akan memaparkan nyawa yang tinggal di sudut kanan bawah menggunakan ikon kapal ![imej nyawa](../../../../translated_images/life.6fb9f50d53ee0413.ms.png). +- **Pengiraan nyawa**: Wira anda bermula dengan tiga nyawa - satu standard yang ditetapkan oleh permainan arked awal untuk mengimbangi cabaran dengan kebolehmainan. Setiap perlanggaran dengan musuh mengurangkan satu nyawa. Kita akan memaparkan nyawa yang tinggal di sudut kanan bawah menggunakan ikon kapal ![imej nyawa](../../../../translated_images/ms/life.6fb9f50d53ee0413.png). ## Mari Mula Membina! diff --git a/translations/ms/7-bank-project/1-template-route/README.md b/translations/ms/7-bank-project/1-template-route/README.md index f5a0c35ac..f18184b9b 100644 --- a/translations/ms/7-bank-project/1-template-route/README.md +++ b/translations/ms/7-bank-project/1-template-route/README.md @@ -652,7 +652,7 @@ sequenceDiagram Menggunakan `history.pushState` mencipta entri baru dalam sejarah navigasi pelayar. Anda boleh memeriksanya dengan menahan *butang mundur* pelayar anda, ia seharusnya memaparkan sesuatu seperti ini: -![Tangkap layar sejarah navigasi](../../../../translated_images/history.7fdabbafa521e064.ms.png) +![Tangkap layar sejarah navigasi](../../../../translated_images/ms/history.7fdabbafa521e064.png) Jika anda cuba klik pada butang mundur beberapa kali, anda akan melihat bahawa URL semasa berubah dan sejarah dikemas kini, tetapi templat yang sama terus dipaparkan. diff --git a/translations/ms/7-bank-project/2-forms/README.md b/translations/ms/7-bank-project/2-forms/README.md index 7331a43f2..91ae978d4 100644 --- a/translations/ms/7-bank-project/2-forms/README.md +++ b/translations/ms/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ Pertama, mari kita perhatikan apa yang berlaku dengan penghantaran borang asas: 2. Perhatikan perubahan dalam bar alamat pelayar anda 3. Perhatikan bagaimana halaman dimuat semula dan data muncul dalam URL -![Tangkapan skrin perubahan URL pelayar selepas klik butang Daftar](../../../../translated_images/click-register.e89a30bf0d4bc9ca.ms.png) +![Tangkapan skrin perubahan URL pelayar selepas klik butang Daftar](../../../../translated_images/ms/click-register.e89a30bf0d4bc9ca.png) ### Perbandingan Kaedah HTTP @@ -350,7 +350,7 @@ Mari kita konfigurasikan borang pendaftaran anda untuk berkomunikasi dengan betu 2. **Klik** butang "Buat Akaun" 3. **Perhatikan** respons pelayan dalam pelayar anda -![Tetingkap pelayar di alamat localhost:5000/api/accounts, menunjukkan string JSON dengan data pengguna](../../../../translated_images/form-post.61de4ca1b964d91a.ms.png) +![Tetingkap pelayar di alamat localhost:5000/api/accounts, menunjukkan string JSON dengan data pengguna](../../../../translated_images/ms/form-post.61de4ca1b964d91a.png) **Apa yang anda harus lihat:** - **Pelayar mengarahkan** ke URL endpoint API @@ -615,7 +615,7 @@ async function register() { 3. **Klik** "Buat Akaun" 4. **Perhatikan** mesej konsol dan maklum balas pengguna -![Tangkapan skrin menunjukkan mesej log dalam konsol pelayar](../../../../translated_images/browser-console.efaf0b51aaaf6778.ms.png) +![Tangkapan skrin menunjukkan mesej log dalam konsol pelayar](../../../../translated_images/ms/browser-console.efaf0b51aaaf6778.png) **Apa yang anda patut lihat:** - **Keadaan pemuatan** muncul pada butang hantar @@ -790,7 +790,7 @@ Mari tingkatkan borang pendaftaran anda dengan pengesahan yang kukuh yang member 3. **Cuba** aksara khas dalam medan nama pengguna 4. **Masukkan** jumlah baki negatif -![Tangkapan skrin menunjukkan ralat pengesahan apabila cuba menghantar borang](../../../../translated_images/validation-error.8bd23e98d416c22f.ms.png) +![Tangkapan skrin menunjukkan ralat pengesahan apabila cuba menghantar borang](../../../../translated_images/ms/validation-error.8bd23e98d416c22f.png) **Apa yang anda akan perhatikan:** - **Pelayar memaparkan** mesej pengesahan asli @@ -952,7 +952,7 @@ Tunjukkan mesej ralat dalam HTML jika pengguna sudah wujud. Berikut adalah contoh bagaimana halaman log masuk akhir boleh kelihatan selepas sedikit gaya: -![Tangkapan skrin halaman log masuk selepas menambah gaya CSS](../../../../translated_images/result.96ef01f607bf856a.ms.png) +![Tangkapan skrin halaman log masuk selepas menambah gaya CSS](../../../../translated_images/ms/result.96ef01f607bf856a.png) ## Kuiz Selepas Kuliah diff --git a/translations/ms/7-bank-project/3-data/README.md b/translations/ms/7-bank-project/3-data/README.md index 2d02f6eee..185975db9 100644 --- a/translations/ms/7-bank-project/3-data/README.md +++ b/translations/ms/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![Aliran kerja kemas kini dalam aplikasi berbilang halaman](../../../../translated_images/mpa.7f7375a1a2d4aa77.ms.png) +![Aliran kerja kemas kini dalam aplikasi berbilang halaman](../../../../translated_images/ms/mpa.7f7375a1a2d4aa77.png) **Kenapa pendekatan ini terasa tidak lancar:** - Setiap klik bermaksud membina semula keseluruhan halaman dari awal @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![Aliran kerja kemas kini dalam aplikasi halaman tunggal](../../../../translated_images/spa.268ec73b41f992c2.ms.png) +![Aliran kerja kemas kini dalam aplikasi halaman tunggal](../../../../translated_images/ms/spa.268ec73b41f992c2.png) **Kenapa SPA terasa lebih baik:** - Hanya bahagian yang benar-benar berubah dikemas kini (bijak, bukan?) @@ -523,7 +523,7 @@ if (data.error) { Sekarang apabila anda menguji dengan akaun yang tidak sah, anda akan melihat mesej kesalahan yang berguna terus di halaman! -![Tangkapan skrin menunjukkan mesej kesalahan yang dipaparkan semasa log masuk](../../../../translated_images/login-error.416fe019b36a6327.ms.png) +![Tangkapan skrin menunjukkan mesej kesalahan yang dipaparkan semasa log masuk](../../../../translated_images/ms/login-error.416fe019b36a6327.png) #### Langkah 4: Menjadi Inklusif dengan Kebolehaksesan @@ -961,7 +961,7 @@ Bersedia untuk membawa aplikasi perbankan anda ke tahap seterusnya? Mari jadikan Berikut adalah contoh bagaimana papan pemuka yang digilap boleh kelihatan: -![Tangkapan skrin hasil contoh papan pemuka selepas gaya](../../../../translated_images/screen2.123c82a831a1d14a.ms.png) +![Tangkapan skrin hasil contoh papan pemuka selepas gaya](../../../../translated_images/ms/screen2.123c82a831a1d14a.png) Jangan rasa seperti anda perlu meniru ini sepenuhnya - gunakan ia sebagai inspirasi dan jadikan ia milik anda! diff --git a/translations/ms/7-bank-project/4-state-management/README.md b/translations/ms/7-bank-project/4-state-management/README.md index 11dbf62fd..de75f40aa 100644 --- a/translations/ms/7-bank-project/4-state-management/README.md +++ b/translations/ms/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ Seperti reka bentuk berkompartmen Titanic yang kelihatan kukuh sehingga beberapa Daripada mengejar ekor kita sendiri, kita akan mencipta sistem **pengurusan keadaan berpusat**. Anggaplah ia seperti mempunyai seorang yang sangat teratur yang bertanggungjawab ke atas semua perkara penting: -![Skema menunjukkan aliran data antara HTML, tindakan pengguna dan keadaan](../../../../translated_images/data-flow.fa2354e0908fecc8.ms.png) +![Skema menunjukkan aliran data antara HTML, tindakan pengguna dan keadaan](../../../../translated_images/ms/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -803,7 +803,7 @@ Cabaran ini akan membantu anda berfikir seperti pembangun profesional yang mempe Berikut adalah contoh hasil selepas menyelesaikan tugasan: -![Tangkapan skrin menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/dialog.93bba104afeb79f1.ms.png) +![Tangkapan skrin menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/ms/dialog.93bba104afeb79f1.png) --- diff --git a/translations/ms/7-bank-project/4-state-management/assignment.md b/translations/ms/7-bank-project/4-state-management/assignment.md index 1b0c1f5eb..849597663 100644 --- a/translations/ms/7-bank-project/4-state-management/assignment.md +++ b/translations/ms/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Rujuk dokumentasi [API pelayan](../api/README.md) untuk: **Hasil Dijangka:** Selepas menyelesaikan tugasan ini, aplikasi perbankan anda sepatutnya mempunyai ciri "Tambah Transaksi" yang berfungsi sepenuhnya dan kelihatan profesional: -![Tangkap layar menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/dialog.93bba104afeb79f1.ms.png) +![Tangkap layar menunjukkan contoh dialog "Tambah transaksi"](../../../../translated_images/ms/dialog.93bba104afeb79f1.png) ## Ujian Pelaksanaan Anda diff --git a/translations/ms/7-bank-project/README.md b/translations/ms/7-bank-project/README.md index b882f7337..7193034c3 100644 --- a/translations/ms/7-bank-project/README.md +++ b/translations/ms/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Dalam projek ini, anda akan belajar cara membina bank fiksyen. Pelajaran ini merangkumi arahan tentang cara menyusun aplikasi web dan menyediakan laluan, membina borang, menguruskan keadaan, dan mendapatkan data daripada API yang membolehkan anda mengambil data bank. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.ms.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.ms.png) | +| ![Screen1](../../../translated_images/ms/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/ms/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Pelajaran diff --git a/translations/ms/8-code-editor/1-using-a-code-editor/README.md b/translations/ms/8-code-editor/1-using-a-code-editor/README.md index 1aa301545..3a446b8ab 100644 --- a/translations/ms/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/ms/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ Seperti bagaimana telefon Alexander Graham Bell menghubungkan lokasi yang jauh, Apabila semuanya dimuatkan, anda akan melihat ruang kerja yang bersih dan cantik yang direka untuk memastikan anda fokus pada perkara yang penting – kod anda! -![Antara muka lalai VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.ms.png) +![Antara muka lalai VSCode.dev](../../../../translated_images/ms/default-vscode-dev.5d06881d65c1b323.png) **Inilah lawatan kawasan anda:** - **Bar Aktiviti** (jalur di sebelah kiri): Navigasi utama anda dengan Explorer 📁, Carian 🔍, Kawalan Sumber 🌿, Sambungan 🧩, dan Tetapan ⚙️ @@ -233,7 +233,7 @@ Ini sesuai apabila anda baru bermula di VSCode.dev dan ingin membuka repositori 1. Pergi ke [vscode.dev](https://vscode.dev) jika anda belum berada di sana 2. Cari butang "Open Remote Repository" pada skrin selamat datang dan klik - ![Buka repositori jauh](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.ms.png) + ![Buka repositori jauh](../../../../translated_images/ms/open-remote-repository.bd9c2598b8949e7f.png) 3. Tampal mana-mana URL repositori GitHub (cuba yang ini: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Tekan Enter dan lihat keajaiban berlaku! @@ -242,7 +242,7 @@ Ini sesuai apabila anda baru bermula di VSCode.dev dan ingin membuka repositori Ingin berasa seperti ahli sihir pengekodan? Cuba pintasan papan kekunci ini: Ctrl+Shift+P (atau Cmd+Shift+P pada Mac) untuk membuka Palet Perintah: -![Palet Perintah](../../../../translated_images/palette-menu.4946174e07f42622.ms.png) +![Palet Perintah](../../../../translated_images/ms/palette-menu.4946174e07f42622.png) **Palet Perintah adalah seperti mempunyai enjin carian untuk semua yang anda boleh lakukan:** - Taip "open remote" dan ia akan mencari pembuka repositori untuk anda @@ -304,7 +304,7 @@ Seperti mengatur pelan di pejabat arkitek, penciptaan fail dalam VSCode.dev meng 3. Masukkan nama fail termasuk sambungan yang sesuai (`style.css`, `script.js`, `index.html`) 4. Tekan Enter untuk mencipta fail -![Mencipta fail baru](../../../../translated_images/create-new-file.2814e609c2af9aeb.ms.png) +![Mencipta fail baru](../../../../translated_images/ms/create-new-file.2814e609c2af9aeb.png) **Konvensyen penamaan:** - Gunakan nama deskriptif yang menunjukkan tujuan fail @@ -322,7 +322,7 @@ Di sinilah keseronokan sebenar bermula! Editor VSCode.dev dipenuhi dengan ciri-c 2. Mula menaip dan lihat VSCode.dev membantu anda dengan warna, cadangan, dan pengesanan ralat 3. Simpan kerja anda dengan Ctrl+S (Windows/Linux) atau Cmd+S (Mac) – walaupun ia juga menyimpan secara automatik! -![Menyunting fail dalam VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.ms.png) +![Menyunting fail dalam VSCode.dev](../../../../translated_images/ms/edit-a-file.52c0ee665ef19f08.png) **Perkara menarik yang berlaku semasa anda mengekod:** - Kod anda akan diwarnakan dengan cantik supaya mudah dibaca @@ -343,7 +343,7 @@ Seperti bagaimana ahli arkeologi mencipta rekod terperinci lapisan penggalian, G 2. Fail yang diubah suai muncul dalam bahagian "Changes" 3. Pengekodan warna menunjukkan jenis perubahan: hijau untuk penambahan, merah untuk penghapusan -![Melihat perubahan dalam Kawalan Sumber](../../../../translated_images/working-tree.c58eec08e6335c79.ms.png) +![Melihat perubahan dalam Kawalan Sumber](../../../../translated_images/ms/working-tree.c58eec08e6335c79.png) **Menyimpan kerja anda (aliran kerja komit):** @@ -438,7 +438,7 @@ Pasaran sambungan sangat teratur, jadi anda tidak akan tersesat mencari apa yang 2. Jelajah atau cari sesuatu yang spesifik 3. Klik pada apa sahaja yang kelihatan menarik untuk mengetahui lebih lanjut mengenainya -![Antara muka pasaran sambungan](../../../../translated_images/extensions.eca0e0c7f59a10b5.ms.png) +![Antara muka pasaran sambungan](../../../../translated_images/ms/extensions.eca0e0c7f59a10b5.png) **Apa yang anda akan lihat di sana:** @@ -491,7 +491,7 @@ Kebanyakan sambungan datang dengan tetapan yang boleh anda ubah untuk membuatnya 3. Pilih "Tetapan Sambungan" dari menu dropdown 4. Laraskan perkara sehingga ia sesuai dengan aliran kerja anda -![Menyesuaikan tetapan sambungan](../../../../translated_images/extension-settings.21c752ae4f4cdb78.ms.png) +![Menyesuaikan tetapan sambungan](../../../../translated_images/ms/extension-settings.21c752ae4f4cdb78.png) **Perkara biasa yang mungkin anda mahu laraskan:** - Bagaimana kod anda diformatkan (tab vs ruang, panjang baris, dll.) diff --git a/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md index 5c9643eb2..36e815e0c 100644 --- a/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/ms/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Oleh kerana VSCode.dev memerlukan sekurang-kurangnya satu fail untuk membuka rep 4. **Tulis** mesej komit: "Tambah struktur HTML awal" 5. **Klik** "Commit new file" untuk menyimpan perubahan anda -![Mencipta fail awal di GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.ms.png) +![Mencipta fail awal di GitHub](../../../../translated_images/ms/new-file-github.com.c886796d800e8056.png) **Apa yang dicapai oleh persediaan awal ini:** - **Menetapkan** struktur dokumen HTML5 yang betul dengan elemen semantik @@ -104,7 +104,7 @@ Sekarang repositori anda telah disediakan, mari beralih ke VSCode.dev untuk kerj ✅ **Petunjuk kejayaan**: Anda sepatutnya melihat fail projek anda di bar sisi Explorer dan `index.html` tersedia untuk diedit di kawasan editor utama. -![Projek dimuatkan di VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ms.png) +![Projek dimuatkan di VSCode.dev](../../../../translated_images/ms/project-on-vscode.dev.e79815a9a95ee7fe.png) **Apa yang anda akan lihat dalam antara muka:** - **Bar sisi Explorer**: **Memaparkan** fail dan struktur folder repositori anda @@ -448,7 +448,7 @@ Sambungan meningkatkan pengalaman pembangunan anda dengan menyediakan keupayaan **Hasil segera selepas pemasangan:** Sebaik sahaja CodeSwing dipasang, anda akan melihat pratonton langsung laman web resume anda muncul dalam editor. Ini membolehkan anda melihat dengan tepat bagaimana laman web anda kelihatan semasa anda membuat perubahan. -![Sambungan CodeSwing menunjukkan pratonton langsung](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ms.png) +![Sambungan CodeSwing menunjukkan pratonton langsung](../../../../translated_images/ms/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Memahami antara muka yang dipertingkatkan:** - **Paparan berpecah**: **Memaparkan** kod anda di satu sisi dan pratonton langsung di sisi lain diff --git a/translations/ms/9-chat-project/README.md b/translations/ms/9-chat-project/README.md index e2c19a58d..838d6beca 100644 --- a/translations/ms/9-chat-project/README.md +++ b/translations/ms/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) Inilah rupa projek siap anda: -![Antara muka aplikasi chat menunjukkan perbualan antara pengguna dan pembantu AI](../../../translated_images/screenshot.0a1ee0d123df681b.ms.png) +![Antara muka aplikasi chat menunjukkan perbualan antara pengguna dan pembantu AI](../../../translated_images/ms/screenshot.0a1ee0d123df681b.png) ## 🗺️ Perjalanan Pembelajaran Anda Melalui Pembangunan Aplikasi AI @@ -194,7 +194,7 @@ mindmap **Prinsip Teras**: Pembangunan aplikasi AI menggabungkan kemahiran pembangunan web tradisional dengan integrasi perkhidmatan AI, mencipta aplikasi pintar yang terasa semula jadi dan responsif kepada pengguna. -![Antara muka GitHub Models AI Playground dengan pilihan model dan kawasan ujian](../../../translated_images/playground.d2b927122224ff8f.ms.png) +![Antara muka GitHub Models AI Playground dengan pilihan model dan kawasan ujian](../../../translated_images/ms/playground.d2b927122224ff8f.png) **Inilah yang membuatkan playground sangat berguna:** - **Cuba** model AI yang berbeza seperti GPT-4o-mini, Claude, dan lain-lain (semuanya percuma!) @@ -204,7 +204,7 @@ mindmap Setelah anda bermain-main sedikit, hanya klik tab "Code" dan pilih bahasa pengaturcaraan anda untuk mendapatkan kod pelaksanaan yang anda perlukan. -![Pilihan playground menunjukkan pilihan penjanaan kod untuk bahasa pengaturcaraan yang berbeza](../../../translated_images/playground-choice.1d23ba7d407f4758.ms.png) +![Pilihan playground menunjukkan pilihan penjanaan kod untuk bahasa pengaturcaraan yang berbeza](../../../translated_images/ms/playground-choice.1d23ba7d407f4758.png) ## Menyediakan Integrasi Backend Python @@ -2363,14 +2363,14 @@ Ingin mencuba projek ini dalam persekitaran pembangunan awan? GitHub Codespaces - **Navigasi** ke [repositori Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Klik** "Use this template" di sudut kanan atas (pastikan anda log masuk ke GitHub) -![Antara muka cipta dari templat menunjukkan butang hijau "Use this template"](../../../translated_images/template.67ad477109d29a2b.ms.png) +![Antara muka cipta dari templat menunjukkan butang hijau "Use this template"](../../../translated_images/ms/template.67ad477109d29a2b.png) **Langkah 2: Lancarkan Codespaces** - **Buka** repositori yang baru anda cipta - **Klik** butang hijau "Code" dan pilih "Codespaces" - **Pilih** "Create codespace on main" untuk memulakan persekitaran pembangunan anda -![Antara muka cipta codespace dengan pilihan untuk melancarkan persekitaran pembangunan awan](../../../translated_images/codespace.bcecbdf5d2747d3d.ms.png) +![Antara muka cipta codespace dengan pilihan untuk melancarkan persekitaran pembangunan awan](../../../translated_images/ms/codespace.bcecbdf5d2747d3d.png) **Langkah 3: Konfigurasi Persekitaran** Sebaik sahaja Codespace anda dimuatkan, anda akan mempunyai akses kepada: diff --git a/translations/ms/README.md b/translations/ms/README.md index f04b3115c..74348446f 100644 --- a/translations/ms/README.md +++ b/translations/ms/README.md @@ -72,13 +72,13 @@ Jangan terlepas kurikulum AI Generatif baru kami! Lawati [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) untuk bermula! -![Latar Belakang](../../translated_images/background.148a8d43afde5730.ms.png) +![Latar Belakang](../../translated_images/ms/background.148a8d43afde5730.png) - Pelajaran merangkumi segala-galanya dari asas kepada RAG. - Berinteraksi dengan watak sejarah menggunakan GenAI dan aplikasi pendamping kami. - Naratif yang menyeronokkan dan menarik, anda akan mengembara waktu! -![watak](../../translated_images/character.5c0dd8e067ffd693.ms.png) +![watak](../../translated_images/ms/character.5c0dd8e067ffd693.png) Setiap pelajaran termasuk tugasan untuk diselesaikan, pemeriksaan pengetahuan dan cabaran untuk membimbing anda dalam mempelajari topik seperti: - Prompting dan kejuruteraan prompt @@ -114,7 +114,7 @@ Ikuti langkah ini: Dalam salinan repositori yang anda buat, klik butang **Code** dan pilih **Open with Codespaces**. Ini akan mencipta Codespace baru untuk anda bekerja. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.ms.png) +![Codespace](../../translated_images/ms/createcodespace.0238bbf4d7a8d955.png) #### Menjalankan kurikulum secara lokal di komputer anda diff --git a/translations/ms/for-teachers.md b/translations/ms/for-teachers.md index f64969b97..fe0b8ef31 100644 --- a/translations/ms/for-teachers.md +++ b/translations/ms/for-teachers.md @@ -42,10 +42,10 @@ Kurikulum ini termasuk pakej yang boleh diimport untuk aliran kerja LMS yang bia - Moodle Cloud mempunyai sokongan Common Cartridge yang terhad. Lebih baik gunakan fail Moodle di atas, yang juga boleh dimuat naik ke Canvas. - Selepas import, semak modul, tarikh akhir, dan tetapan kuiz untuk disesuaikan dengan jadual penggal anda. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.ms.png) +![Moodle](../../translated_images/ms/moodle.94eb93d714a50cb2.png) > Kurikulum dalam kelas Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.ms.png) +![Canvas](../../translated_images/ms/canvas.fbd605ff8e5b8aff.png) > Kurikulum dalam Canvas ### Penggunaan repositori secara langsung (tanpa Classroom) diff --git a/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 3e741d613..76fb7e8d5 100644 --- a/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/my/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Programming ကို စတင်လေ့လာတဲ့အချိန်မ ဒီနေ့မှာတော့ ခေတ်မီ Web Development ကို မဖြစ်မနေဖြစ်စေတဲ့ Tools တွေကို ရှာဖွေတွေ့ရှိကြမယ်။ Netflix, Spotify, သင့်အကြိုက်ဆုံး Indie App Studio တွေမှာ Developer တွေက နေ့စဉ်အသုံးပြုနေတဲ့ Editors, Browsers, Workflows တွေကို ပြောတာပါ။ အခုတော့ သင့်ကို Dance လုပ်ချင်စေမယ့်အပိုင်းက – ဒီ Professional-grade, Industry-standard Tools တွေက အခမဲ့ပဲဆိုတာပါ! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.my.png) +![Intro Programming](../../../../translated_images/my/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/my/1-getting-started-lessons/2-github-basics/README.md b/translations/my/1-getting-started-lessons/2-github-basics/README.md index 3e669bc40..68042e61d 100644 --- a/translations/my/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/my/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: ဒီခရီးကို အတူတူ လျှောက်ကြမယ်၊ တစ်ဆင့်ချင်းစီနဲ့။ အလျင်မပြေးပါနဲ့၊ ဖိအားမပေးပါနဲ့ – သင်၊ ငါနဲ့ သင့်ရဲ့ အကောင်းဆုံးသူငယ်ချင်းအသစ်ဖြစ်လာမယ့် အလွန်အမင်းအေးချမ်းတဲ့ tools တွေပါ! -![GitHub အကြောင်းမိတ်ဆက်](../../../../translated_images/webdev101-github.8846d7971abef6f9.my.png) +![GitHub အကြောင်းမိတ်ဆက်](../../../../translated_images/my/webdev101-github.8846d7971abef6f9.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -441,7 +441,7 @@ flowchart TD ✅ 'beginner-friendly' repo တွေကို [good-first-issue tag ကို search လုပ်ပြီး](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/) ရှာဖွေပါ။ -![Repo ကို ဒေသခံမှာ copy လုပ်ပါ](../../../../translated_images/clone_repo.5085c48d666ead57.my.png) +![Repo ကို ဒေသခံမှာ copy လုပ်ပါ](../../../../translated_images/my/clone_repo.5085c48d666ead57.png) Code ကို copy လုပ်ဖို့ နည်းလမ်းအများကြီးရှိပါတယ်။ Repository ရဲ့ content ကို HTTPS, SSH, GitHub CLI (Command Line Interface) ကို အသုံးပြုပြီး "clone" လုပ်နိုင်ပါတယ်။ diff --git a/translations/my/1-getting-started-lessons/3-accessibility/README.md b/translations/my/1-getting-started-lessons/3-accessibility/README.md index b05cf0807..24dd1e897 100644 --- a/translations/my/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/my/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ဝင်ရောက်နိုင်သော ဝဘ်စာမျက်နှာများ ဖန်တီးခြင်း -![Accessibility အကြောင်းအားလုံး](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.my.png) +![Accessibility အကြောင်းအားလုံး](../../../../translated_images/my/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -830,12 +830,12 @@ Website ရဲ့ ပုံတစ်ပုံချင်းစီမှာ ရ **Informative images** - အရေးကြီးသော အချက်အလက်ကို ဖော်ပြခြင်း: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Decorative images** - သာမန် visual ဖြစ်ပြီး အချက်အလက်မပါဝင်ခြင်း: ```html - + ``` **Functional images** - button သို့မဟုတ် control အဖြစ် အသုံးပြုခြင်း: @@ -847,7 +847,7 @@ Website ရဲ့ ပုံတစ်ပုံချင်းစီမှာ ရ **Complex images** - charts, diagrams, infographics: ```html -Quarterly sales data +Quarterly sales data

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

@@ -887,7 +887,7 @@ Website ရဲ့ ပုံတစ်ပုံချင်းစီမှာ ရ - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/my/2-js-basics/1-data-types/README.md b/translations/my/2-js-basics/1-data-types/README.md index 76384c832..75e765fbd 100644 --- a/translations/my/2-js-basics/1-data-types/README.md +++ b/translations/my/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript အခြေခံ: ဒေတာအမျိုးအစားများ -![JavaScript အခြေခံ - ဒေတာအမျိုးအစားများ](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.my.png) +![JavaScript အခြေခံ - ဒေတာအမျိုးအစားများ](../../../../translated_images/my/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/my/2-js-basics/2-functions-methods/README.md b/translations/my/2-js-basics/2-functions-methods/README.md index 8e1d617f5..9d037bf83 100644 --- a/translations/my/2-js-basics/2-functions-methods/README.md +++ b/translations/my/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript အခြေခံ: Methods နှင့် Functions -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.my.png) +![JavaScript Basics - Functions](../../../../translated_images/my/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/my/2-js-basics/3-making-decisions/README.md b/translations/my/2-js-basics/3-making-decisions/README.md index 62d1dac52..375f89057 100644 --- a/translations/my/2-js-basics/3-making-decisions/README.md +++ b/translations/my/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript အခြေခံ: ဆုံးဖြတ်ချက်များလုပ်ခြင်း -![JavaScript အခြေခံ - ဆုံးဖြတ်ချက်များလုပ်ခြင်း](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.my.png) +![JavaScript အခြေခံ - ဆုံးဖြတ်ချက်များလုပ်ခြင်း](../../../../translated_images/my/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/my/2-js-basics/4-arrays-loops/README.md b/translations/my/2-js-basics/4-arrays-loops/README.md index 2c460b4b4..380ad9013 100644 --- a/translations/my/2-js-basics/4-arrays-loops/README.md +++ b/translations/my/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript အခြေခံ: Arrays နှင့် Loops -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.my.png) +![JavaScript Basics - Arrays](../../../../translated_images/my/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/my/3-terrarium/1-intro-to-html/README.md b/translations/my/3-terrarium/1-intro-to-html/README.md index 41621b018..568db0122 100644 --- a/translations/my/3-terrarium/1-intro-to-html/README.md +++ b/translations/my/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![HTML ကိုမိတ်ဆက်ခြင်း](../../../../translated_images/webdev101-html.4389c2067af68e98.my.png) +![HTML ကိုမိတ်ဆက်ခြင်း](../../../../translated_images/my/webdev101-html.4389c2067af68e98.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) HTML, သို့မဟုတ် HyperText Markup Language ဟာ သင်သွားရောက်ခဲ့တဲ့ website တစ်ခုချင်းစီရဲ့ အခြေခံအဆောက်အအုံပဲဖြစ်ပါတယ်။ HTML ကို website ရဲ့ အရိုးတစ်ခုလိုပဲ စဉ်းစားနိုင်ပါတယ် – content ကိုဘယ်မှာထားမလဲ၊ ဘယ်လိုစီမံမလဲ၊ အစိတ်အပိုင်းတစ်ခုချင်းစီက ဘာကိုကိုယ်စားပြုလဲဆိုတာကို သတ်မှတ်ပေးပါတယ်။ CSS က HTML ကို အရောင်နဲ့ layout တွေဖြင့် "အဝတ်အစား" ဝတ်ပေးမှာဖြစ်ပြီး၊ JavaScript ကတော့ interactivity ဖြင့် "အသက်" ပေးမှာဖြစ်ပါတယ်။ HTML က အခြေခံအဆောက်အအုံကိုပေးပြီး အခြားအရာတွေကိုဖြစ်နိုင်စေပါတယ်။ @@ -88,7 +88,7 @@ HTML code ကိုစတင်မလုပ်ခင်မှာ သင့် te 4. Explorer pane မှာ "New File" icon ကို click လုပ်ပါ 5. သင့် file ကို `index.html` လို့အမည်ပေးပါ -![VS Code Explorer showing new file creation](../../../../translated_images/vs-code-index.e2986cf919471eb9.my.png) +![VS Code Explorer showing new file creation](../../../../translated_images/my/vs-code-index.e2986cf919471eb9.png) **Option 2: Terminal Commands ကိုအသုံးပြုခြင်း** ```bash @@ -239,48 +239,48 @@ Images တွေကို HTML မှာထည့်မယ့်အခါ projec
- 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/my/3-terrarium/2-intro-to-css/README.md b/translations/my/3-terrarium/2-intro-to-css/README.md index 3d294a7e9..ad87094cd 100644 --- a/translations/my/3-terrarium/2-intro-to-css/README.md +++ b/translations/my/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![CSS ကိုမိတ်ဆက်ခြင်း](../../../../translated_images/webdev101-css.3f7af5991bf53a20.my.png) +![CSS ကိုမိတ်ဆက်ခြင်း](../../../../translated_images/my/webdev101-css.3f7af5991bf53a20.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) HTML သင့်ရဲ့ terrarium အခြေခံပုံစံကို သတိရပါသလား? CSS က plain structure ကို visually appealing ဖြစ်အောင် ပြောင်းလဲပေးမယ်။ @@ -205,7 +205,7 @@ body { Browser ရဲ့ developer tools (F12) ကိုဖွင့်ပြီး Elements tab ကိုသွားပါ။ သင့်ရဲ့ `

` element ကို inspect လုပ်ပါ။ `` element ကနေ font family ကို inherit လုပ်ထားတာကိုတွေ့ပါလိမ့်မယ်: -![inherited font](../../../../translated_images/1.cc07a5cbe114ad1d.my.png) +![inherited font](../../../../translated_images/my/1.cc07a5cbe114ad1d.png) ✅ **Experiment Time**: `` element မှာ `color`, `line-height`, `text-align` လို inheritable property တွေကို set လုပ်ကြည့်ပါ။ Heading နဲ့ အခြား element တွေမှာ ဘာတွေဖြစ်သွားလဲ? @@ -335,7 +335,7 @@ Terrarium ထဲမှာ plant တစ်ခုချင်းစီကိုတ **Plant တစ်ခုချင်းစီအတွက် HTML structure:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -531,7 +531,7 @@ Terrarium ကိုလက်တွေ့ကျတဲ့ glass reflections နဲ Light က glass surfaces တွေမှာဘယ်လိုပြန်လည်ထင်ရလဲဆိုတာ simulation လုပ်တဲ့ subtle highlights တွေကိုဖန်တီးပါမယ်။ Renaissance painters တွေက Jan van Eyck လိုမျိုး light နဲ့ reflection ကိုအသုံးပြုပြီး painted glass ကို three-dimensional ဖြစ်အောင်လုပ်ခဲ့သလိုမျိုးပါ။ သင့်ရဲ့ရည်မှန်းချက်ကတော့: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.my.png) +![finished terrarium](../../../../translated_images/my/terrarium-final.2f07047ffc597d0a.png) **သင့်ရဲ့ challenge:** - **Subtle white or light-colored oval shapes** ကို glass reflections အတွက်ဖန်တီးပါ diff --git a/translations/my/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/my/3-terrarium/3-intro-to-DOM-and-closures/README.md index 785508aad..9ec0212ab 100644 --- a/translations/my/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/my/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM and a closure](../../../../translated_images/webdev101-js.10280393044d7eaa.my.png) +![DOM and a closure](../../../../translated_images/my/webdev101-js.10280393044d7eaa.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ဝင်ရောက်ကြိုဆိုပါတယ်။ ဒီနေ့မှာတော့ ဝက်ဘ်ဒီဇိုင်းကို အပြောင်းအလဲဖြစ်စေတဲ့ အပိုင်းတစ်ခုကို လေ့လာမှာဖြစ်ပါတယ်။ Document Object Model (DOM) ဟာ HTML နဲ့ JavaScript အကြားက တံတားတစ်ခုလိုဖြစ်ပြီး၊ ဒီနေ့မှာတော့ သင့် terrarium ကို အသက်ဝင်အောင်လုပ်ဖို့ အသုံးပြုမှာပါ။ Tim Berners-Lee က ပထမဆုံး ဝက်ဘ်ဘရောက်ဇာကို ဖန်တီးတဲ့အခါ၊ စာရွက်စာတမ်းတွေကို dynamic နဲ့ interactive ဖြစ်စေတဲ့ ဝက်ဘ်ကို ရည်ရွယ်ခဲ့ပါတယ်။ DOM က အဲဒီရည်မှန်းချက်ကို အကောင်အထည်ဖော်ပေးပါတယ်။ @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![DOM tree representation](../../../../translated_images/dom-tree.7daf0e763cbbba92.my.png) +![DOM tree representation](../../../../translated_images/my/dom-tree.7daf0e763cbbba92.png) > DOM နဲ့ HTML markup ကို ကိုယ်စားပြုထားတဲ့ပုံ။ [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) မှ @@ -150,7 +150,7 @@ flowchart LR > 💡 **Closures ကိုနားလည်ခြင်း**: JavaScript မှာ closures ဟာ အရေးကြီးတဲ့အကြောင်းအရာတစ်ခုဖြစ်ပြီး၊ developer အများစုဟာ အနှစ်များစွာ အသုံးပြုပြီးမှသာ အကြောင်းအရာအားလုံးကို အပြည့်အဝ နားလည်နိုင်ပါတယ်။ ဒီနေ့မှာတော့ practical application ကို အဓိကထားပြီး interactive features တွေကို တည်ဆောက်တဲ့အခါ closures တွေကို သဘာဝအတိုင်း တွေ့မြင်ရမှာဖြစ်ပါတယ်။ နားလည်မှုတွေဟာ အကောင်အထည်ဖော်တဲ့နည်းလမ်းတွေကို မြင်ရင်းဖြစ်လာပါလိမ့်မယ်။ -![DOM tree representation](../../../../translated_images/dom-tree.7daf0e763cbbba92.my.png) +![DOM tree representation](../../../../translated_images/my/dom-tree.7daf0e763cbbba92.png) > DOM နဲ့ HTML markup ကို ကိုယ်စားပြုထားတဲ့ပုံ။ [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) မှ @@ -531,7 +531,7 @@ Dragging system သည် CSS property key နှစ်ခုကို manipulat - **Cross-device support**: Desktop နှင့် mobile တွင်အလုပ်လုပ်သည် - **Performance conscious**: Memory leak မရှိဘဲ calculation များကိုထပ်မလုပ်ပါ -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.my.png) +![finished terrarium](../../../../translated_images/my/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/my/3-terrarium/solution/README.md b/translations/my/3-terrarium/solution/README.md index 644f65c39..c2188d27c 100644 --- a/translations/my/3-terrarium/solution/README.md +++ b/translations/my/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: အနည်းငယ်သော drag and drop code-meditation ဖြစ်ပါတယ်။ HTML, JS နှင့် CSS အနည်းငယ်ကို အသုံးပြုပြီး web interface တစ်ခုကို တည်ဆောက်၊ အလှဆင်ပြီး အပြန်အလှန်လုပ်ဆောင်မှုများ ထည့်သွင်းနိုင်ပါတယ်။ -![my terrarium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.my.png) +![my terrarium](../../../../translated_images/my/screenshot_gray.0c796099a1f9f25e.png) ## အကျေးဇူးတင်စကား diff --git a/translations/my/5-browser-extension/1-about-browsers/README.md b/translations/my/5-browser-extension/1-about-browsers/README.md index b6fdf6b94..de54b044b 100644 --- a/translations/my/5-browser-extension/1-about-browsers/README.md +++ b/translations/my/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.my.jpg) +![Browser sketchnote](../../../../translated_images/my/browser.60317c9be8b7f84a.jpg) > Sketchnote by [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## မိမိကိုယ်ကိုစမ်းမေးမေးခွန်း @@ -79,7 +79,7 @@ Web browser ဆိုတာက အလွန်တိုးတက်တဲ့ doc ✅ **သမိုင်းအနည်းငယ်**: ပထမဆုံး browser ကို 'WorldWideWeb' လို့ခေါ်ပြီး Sir Timothy Berners-Lee က 1990 ခုနှစ်မှာ ဖန်တီးခဲ့ပါတယ်။ -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.my.jpg) +![early browsers](../../../../translated_images/my/earlybrowsers.d984b711cdf3a42d.jpg) > Some early browsers, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Web Content ကို Browser တွေ ဘယ်လိုလုပ်ဆောင်သလဲ @@ -198,7 +198,7 @@ quadrantChart Extension installation လုပ်ဆောင်မှုကို နားလည်ခြင်းက သင့် extension ကို install လုပ်တဲ့ user တွေရဲ့ အတွေ့အကြုံကို ခန့်မှန်းနိုင်စေပါတယ်။ Installation လုပ်ဆောင်မှုက ခေတ်မီ browser တွေမှာ interface design အနည်းငယ်ကွဲပြားမှုနဲ့ standardized ဖြစ်ပါတယ်။ -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.my.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/my/install-on-edge.d68781acaf0b3d3d.png) > **အရေးကြီး**: Developer mode ကို toggle လုပ်ပြီး သင့်ကိုယ်တိုင်ဖန်တီးတဲ့ extensions တွေကို စမ်းသပ်တဲ့အခါ၊ အခြား store တွေက extensions တွေကို ခွင့်ပြုပါ။ @@ -313,10 +313,10 @@ User interface components တွေကို ဖန်တီးပါမယ် ### Extension Views Overview **Setup View** - First-time user configuration: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.my.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/my/1.b6da8c1394b07491.png) **Results View** - Carbon footprint data display: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.my.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/my/2.1dae52ff08042246.png) ### Configuration Form ကို ဖန်တီးခြင်း diff --git a/translations/my/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/my/5-browser-extension/2-forms-browsers-local-storage/README.md index d32f04641..b95bf7d8f 100644 --- a/translations/my/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/my/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.my.png) +![Local storage pane](../../../../translated_images/my/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Security Consideration**: Production application တွေမှာ LocalStorage မှာ API key တွေကိုသိမ်းဆည်းထားခြင်းက security risk ဖြစ်ပါတယ်။ JavaScript က data ကို access လုပ်နိုင်တဲ့အတွက်ပါ။ သင်ယူရေးအတွက်တော့ ဒီနည်းလမ်းကအဆင်ပြေပါတယ်၊ ဒါပေမယ့် အစစ်အမှန် application တွေမှာ sensitive credentials တွေကို secure server-side storage မှာသိမ်းဆည်းသင့်ပါတယ်။ diff --git a/translations/my/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/my/5-browser-extension/3-background-tasks-and-performance/README.md index 2971e18c6..86104e0af 100644 --- a/translations/my/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/my/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Edge မှာ Developer Tools ကိုဖွင့်ဖို့၊ အပေ စမ်းကြည့်ရအောင်။ Website တစ်ခုကိုဖွင့်ပါ (Microsoft.com ကောင်းပါတယ်) 'Record' button ကိုနှိပ်ပါ။ အခုတော့ page ကို refresh လုပ်ပြီး profiler က ဖြစ်ပျက်နေတဲ့အရာတွေကို capture လုပ်တာကိုကြည့်ပါ။ Recording ကိုရပ်လိုက်တဲ့အခါ browser က site ကို 'scripts', 'renders', 'paints' လုပ်ပုံကို အကြမ်းဖျင်းဖော်ပြထားတဲ့ breakdown ကိုတွေ့ပါလိမ့်မယ်။ Rocket launch အတွင်း mission control က system တစ်ခုချင်းစီကို monitor လုပ်ပုံလိုမျိုးပါပဲ - ဘာတွေဖြစ်နေတယ်၊ ဘယ်အချိန်မှာဖြစ်တယ်ဆိုတာ real-time data ရပါတယ်။ -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.my.png) +![Edge profiler](../../../../translated_images/my/profiler.5a4a62479c5df01c.png) ✅ [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) မှာပိုမိုနက်နက်ရှိုင်းရှိုင်းလေ့လာနိုင်ပါတယ် @@ -136,11 +136,11 @@ Profile timeline ရဲ့ element တွေကို select လုပ်ပြ Profile timeline ရဲ့ အပိုင်းတစ်ခုကို select လုပ်ပြီး summary pane မှာ page performance ရဲ့ snapshot ကိုကြည့်ပါ: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.my.png) +![Edge profiler snapshot](../../../../translated_images/my/snapshot.97750180ebcad737.png) Event Log pane မှာ event တစ်ခုခု 15 ms ထက်ပိုကြာနေမလားဆိုတာစစ်ပါ: -![Edge event log](../../../../translated_images/log.804026979f3707e0.my.png) +![Edge event log](../../../../translated_images/my/log.804026979f3707e0.png) ✅ Profiler ကိုနားလည်ပါ! ဒီ site ရဲ့ developer tools ကိုဖွင့်ပြီး bottleneck တွေရှိမရှိကြည့်ပါ။ ဘာ asset က slowest-loading ဖြစ်နေလဲ? Fastest-loading asset ကဘာလဲ? diff --git a/translations/my/5-browser-extension/README.md b/translations/my/5-browser-extension/README.md index 097631355..6f584c1cc 100644 --- a/translations/my/5-browser-extension/README.md +++ b/translations/my/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### အားကျမှုများ -![အစိမ်းရောင် ဘရောက်ဇာ အက်စတင်ရှင်း](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![အစိမ်းရောင် ဘရောက်ဇာ အက်စတင်ရှင်း](../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## အားကျမှုများ diff --git a/translations/my/5-browser-extension/solution/README.md b/translations/my/5-browser-extension/solution/README.md index 6872a37ac..2935a66de 100644 --- a/translations/my/5-browser-extension/solution/README.md +++ b/translations/my/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ရဲ့ C02 Signal API ကို အသုံးပြုပြီး လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို စောင့်ကြည့်နိုင်ရန် browser extension တစ်ခု တည်ဆောက်ပါ။ ဒါက region ရဲ့ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှု အလေးအနက်ကို သတိပေးချက်အဖြစ် browser ထဲမှာ ရှိနေစေမှာဖြစ်ပါတယ်။ ဒီ extension ကို အခါအားလျော်စွာ အသုံးပြုခြင်းက သင့်ရဲ့ လုပ်ဆောင်မှုများအပေါ် အချက်အလက်အခြေခံပြီး ဆုံးဖြတ်ချက်များ ချမှတ်နိုင်ရန် အထောက်အကူဖြစ်စေပါမယ်။ -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![extension screenshot](../../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## စတင်အသုံးပြုခြင်း @@ -31,7 +31,7 @@ npm run build Edge browser မှာ install လုပ်ရန်အတွက် browser ရဲ့ အပေါ်ဘက်ညာထောင့်မှာရှိတဲ့ 'three dot' menu ကို အသုံးပြုပြီး Extensions panel ကို ရှာပါ။ 'Load Unpacked' ကို ရွေးချယ်ပြီး extension အသစ်တစ်ခုကို load လုပ်ပါ။ prompt မှာ 'dist' folder ကို ဖွင့်ပြီး extension ကို load လုပ်ပါ။ အသုံးပြုရန်အတွက် CO2 Signal ရဲ့ API key ([ဒီမှာ email ဖြင့် ရယူပါ](https://www.co2signal.com/) - ဒီ page မှာ သင့် email ကို box ထဲမှာ ထည့်ပါ) နှင့် [Electricity Map](https://www.electricitymap.org/map) ရဲ့ [region code](http://api.electricitymap.org/v3/zones) ကို ထည့်ရန် လိုအပ်ပါမယ်။ ဥပမာအားဖြင့် Boston မှာ 'US-NEISO' ကို အသုံးပြုပါတယ်။ -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.my.png) +![installing](../../../../translated_images/my/install-on-edge.78634f02842c4828.png) API key နှင့် region code ကို extension interface ထဲမှာ input လုပ်ပြီးနောက် browser extension bar ရဲ့ အရောင် dot က region ရဲ့ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို ပြသပြီး သင့်အတွက် လျှပ်စစ်ဓာတ်အားများအသုံးပြုရမည့် လုပ်ဆောင်မှုများအပေါ် pointer တစ်ခု ပေးပါမယ်။ ဒီ 'dot' system ရဲ့ concept ကို [Energy Lollipop extension](https://energylollipop.com/) မှ California emissions အတွက် ရရှိခဲ့ပါတယ်။ diff --git a/translations/my/5-browser-extension/solution/translation/README.es.md b/translations/my/5-browser-extension/solution/translation/README.es.md index f9fb1f9ab..548aeb4c3 100644 --- a/translations/my/5-browser-extension/solution/translation/README.es.md +++ b/translations/my/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ရဲ့ C02 Signal API ကို အသုံးပြုပြီး လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို ခြေရာခံနိုင်တဲ့ browser extension တစ်ခုကို ဖန်တီးပါ။ ဒီ extension ကို သင့် browser မှတစ်ဆင့် တိုက်ရိုက်အသုံးပြုနိုင်မယ့် reminder အနေနဲ့ ရရှိမှာဖြစ်ပါတယ်။ ဒီ extension ကို အသုံးပြုခြင်းက သင့်ရဲ့ လုပ်ဆောင်မှုများအပေါ် အချက်အလက်အခြေခံပြီး ဆုံးဖြတ်ချက်များကို ချမှတ်နိုင်စေမှာဖြစ်ပါတယ်။ -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.my.png) +![extension screenshot](../../../../../translated_images/my/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## စတင်ခြင်း @@ -31,7 +31,7 @@ npm run build Edge မှာ install လုပ်ဖို့အတွက် browser ရဲ့ အပေါ်ဘက်ညာထောင့်မှာရှိတဲ့ 'သုံးချက်' menu ကို အသုံးပြုပြီး Extensions panel ကို ရှာပါ။ အဲဒီနေရာက 'Load unpacked' ကို ရွေးချယ်ပြီး extension အသစ်တစ်ခုကို load လုပ်ပါ။ ဖိုလ်ဒါ 'dist' ကို ဖွင့်ပြီး extension ကို load လုပ်ပါ။ အသုံးပြုဖို့အတွက် CO2 Signal API အတွက် API key ([ဒီမှာ email ဖြင့် ရယူပါ](https://www.co2signal.com/) - ဒီစာမျက်နှာမှာ email ကို ထည့်ပါ) နဲ့ [Electricity Map](https://www.electricitymap.org/map) ရဲ့ [region code](http://api.electricitymap.org/v3/zones) ကို ရယူဖို့ လိုအပ်ပါတယ်။ ဥပမာ Boston မှာ 'US-NEISO' ကို အသုံးပြုပါတယ်။ -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.my.png) +![installing](../../../../../translated_images/my/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) API key နဲ့ region ကို extension interface မှာ ထည့်ပြီးနောက် browser extension bar ရဲ့ အရောင်အမှတ်တစ်ခုက သင့် region ရဲ့ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို ပြသပြီး သင့်အတွက် အမြင့်မားတဲ့ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှု လုပ်ဆောင်မှုများအတွက် သင့်တော်မှုကို အညွှန်းပေးပါလိမ့်မယ်။ ဒီ "အမှတ်" စနစ်ရဲ့ အကြံအတင်ကို [Energy Lollipop extension](https://energylollipop.com/) မှ California emissions အတွက် ရရှိခဲ့ပါတယ်။ diff --git a/translations/my/5-browser-extension/solution/translation/README.fr.md b/translations/my/5-browser-extension/solution/translation/README.fr.md index e15b2f659..650018fc1 100644 --- a/translations/my/5-browser-extension/solution/translation/README.fr.md +++ b/translations/my/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ၏ C02 Signal API ကို အသုံးပြု၍ လျှပ်စစ်စွမ်းအင်သုံးစွဲမှုကို ချက်ချင်းစောင့်ကြည့်နိုင်ရန် သင့်ဘရောက်ဇာတွင် သတိပေးချက်တစ်ခုရရှိစေရန် ဘရောက်ဇာအတွက် Extension တစ်ခု ဖန်တီးပါ။ ဒီအထူး Extension ကို အသုံးပြုခြင်းဖြင့် သင့်ဒေသရှိ လျှပ်စစ်စွမ်းအင်သုံးစွဲမှုအခြေအနေအပေါ် မူတည်ပြီး သင့်လုပ်ဆောင်မှုများအတွက် ပိုမိုသင့်တော်သော ဆုံးဖြတ်ချက်များ ချမှတ်နိုင်စေပါမည်။ -![Extension Screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![Extension Screenshot](../../../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## စတင်ရန် @@ -31,7 +31,7 @@ npm run build Edge တွင် ထည့်သွင်းရန်အတွက် ဘရောက်ဇာ၏ အပေါ်ယံညာဘက်ရှိ 'သုံးချက်' မီနူးကို အသုံးပြု၍ Extensions ပန်းနယ်ကို ရှာပါ။ အဲဒီနေရာမှ 'Unpacked Extension ကို Load လုပ်ရန်' ကို ရွေးချယ်ပြီး Extension အသစ်တစ်ခုကို ထည့်သွင်းပါ။ Prompt တွင် 'dist' ဖိုလ်ဒါကို ဖွင့်ပြီး Extension ကို Load လုပ်ပါ။ အသုံးပြုရန်အတွက် CO2 Signal API အတွက် API Key တစ်ခုလိုအပ်ပါမည် ([ဒီမှာ အီးမေးလ်ဖြင့် ရယူပါ](https://www.co2signal.com/) - ဒီစာမျက်နှာရှိ အကွက်ထဲတွင် သင့်အီးမေးလ်ကို ထည့်သွင်းပါ) နှင့် [Electricity Map](https://www.electricitymap.org/map) တွင် သင့်ဒေသအတွက် [Zone Code](http://api.electricitymap.org/v3/zones) ကို ရယူပါ။ (ဥပမာ - Boston အတွက် 'US-NEISO' ကို အသုံးပြုပါ။) -![Installation](../../../../../translated_images/install-on-edge.78634f02842c4828.my.png) +![Installation](../../../../../translated_images/my/install-on-edge.78634f02842c4828.png) API Key နှင့် ဒေသကုဒ်ကို Extension Interface ထဲတွင် ထည့်သွင်းပြီးပါက ဘရောက်ဇာ၏ Extension Bar တွင် ရောင်စုံအမှတ်တစ်ခုသည် သင့်ဒေသရှိ လျှပ်စစ်စွမ်းအင်သုံးစွဲမှုအခြေအနေကို ပြသရန် ပြောင်းလဲသွားပါမည်။ ထို့အပြင် သင့်အတွက် သင့်တော်သော စွမ်းအင်သုံးစွဲမှုဆိုင်ရာ လုပ်ဆောင်မှုများကို အကြံပြုနိုင်မည်ဖြစ်သည်။ ဒီ 'အမှတ်' စနစ်၏ အကြံကို [Energy Lollipop Extension](https://energylollipop.com/) မှ ကယ်လီဖိုးနီးယားရှိ အထူးထုတ်လွှင့်မှုများအတွက် ရယူထားပါသည်။ diff --git a/translations/my/5-browser-extension/solution/translation/README.hi.md b/translations/my/5-browser-extension/solution/translation/README.hi.md index 6464ff4b3..e6b3697f5 100644 --- a/translations/my/5-browser-extension/solution/translation/README.hi.md +++ b/translations/my/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: မီးစက်သုံးစွဲမှုကို ထိန်းချုပ်ရန် tmrow ရဲ့ C02 Signal API ကို အသုံးပြုပြီး၊ သင့်ဘရောက်ဇာမှာ သင့်ဒေသရဲ့ မီးစက်သုံးစွဲမှုအခြေအနေကို သတိပေးနိုင်တဲ့ ဘရောက်ဇာအက်စ်တင်ရှင်းတစ်ခုကို တည်ဆောက်ခြင်း။ ဒီအက်စ်တင်ရှင်းကို သုံးခြင်းက သင့်လုပ်ဆောင်မှုတွေကို ဒီအချက်အလက်အပေါ်အခြေခံပြီး ဆုံးဖြတ်နိုင်ဖို့ အထောက်အကူပြုပါလိမ့်မယ်။ -![အက်စ်တင်ရှင်း စကရင်ရှော့ ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![အက်စ်တင်ရှင်း စကရင်ရှော့ ](../../../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## စတင်ခြင်း @@ -31,7 +31,7 @@ npm run build Edge မှာ ထည့်သွင်းဖို့အတွက်၊ ဘရောက်ဇာရဲ့ အပေါ်ယာဘက်ထောင့်မှာရှိတဲ့ 'သုံးချက်' မီနူးကို အသုံးပြုပြီး အက်စ်တင်ရှင်း panel ကို ရှာပါ။ အဲဒီနေရာက 'Load Unpacked' ကို ရွေးပြီး အသစ်ထည့်သွင်းပါ။ Prompt မှာ 'dist' ဖိုလ်ဒါကို ဖွင့်ပြီး အက်စ်တင်ရှင်းကို ထည့်သွင်းပါ။ အသုံးပြုဖို့အတွက် သင့်မှာ CO2 Signal ရဲ့ API ([ဒီမှာ အီးမေးလ်နဲ့ ရယူပါ](https://www.co2snal.com/)) API key တစ်ခုလိုအပ်ပါမယ်။ [သင့်ဒေသရဲ့ code](http://api.electricitymap.org/v3/zones) ကို [Electricity Map](https://www.electricitymap.org/map) မှာ ရှာပါ (ဥပမာ၊ Boston မှာဆိုရင် 'US-NEISO' ကို အသုံးပြုပါတယ်)။ -![ထည့်သွင်းခြင်း](../../../../../translated_images/install-on-edge.78634f02842c4828.my.png) +![ထည့်သွင်းခြင်း](../../../../../translated_images/my/install-on-edge.78634f02842c4828.png) API key နဲ့ ဒေသ code ကို အက်စ်တင်ရှင်း interface မှာ ထည့်သွင်းပြီးသွားရင်၊ ဘရောက်ဇာအက်စ်တင်ရှင်း bar မှာရှိတဲ့ အရောင်ပွင့်လုံးက သင့်ဒေသရဲ့ မီးစက်သုံးစွဲမှုအခြေအနေကို ပြသဖို့ ပြောင်းလဲသင့်ပြီး၊ မီးစက်သုံးစွဲမှုများတဲ့ လုပ်ဆောင်မှုတွေကို သင့်အတွက် သင့်တော်မယ်ဆိုတာကို သတိပေးပါလိမ့်မယ်။ ဒီ 'dot' စနစ်ရဲ့ အကြောင်းအရင်းကို ကယ်လီဖိုးနီးယားရဲ့ ထုတ်လွှတ်မှုအတွက် [Energy Lollipop Extension](https://energylollipop.com/) မှာ အကြံဉာဏ်ရခဲ့တာပါ။ diff --git a/translations/my/5-browser-extension/solution/translation/README.it.md b/translations/my/5-browser-extension/solution/translation/README.it.md index 5dc7c7608..7ff1047c3 100644 --- a/translations/my/5-browser-extension/solution/translation/README.it.md +++ b/translations/my/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ရဲ့ Signal CO2 API ကို အသုံးပြုပြီး လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို စောင့်ကြည့်ကာ သင့်ရဲ့ ဘရောက်ဇာတွင် တိုက်ရိုက် သတိပေးချက်ရနိုင်ရန် ဘရောက်ဇာအတွက် extension တစ်ခု ဖန်တီးပါမည်။ ဒီ extension ကို အသုံးပြုခြင်းအားဖြင့် သင့်ရဲ့ လုပ်ဆောင်မှုများကို အချက်အလက်များအပေါ် အခြေခံပြီး အကဲဖြတ်နိုင်ပါမည်။ -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![extension screenshot](../../../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## စတင်ရန် @@ -31,7 +31,7 @@ npm run build Edge တွင် install လုပ်ရန်အတွက် ဘရောက်ဇာ၏ အပေါ်ယံညာဘက်ရှိ "သုံးချက်" menu ကို အသုံးပြု၍ Extensions panel ကို ရှာပါ။ Developer Mode ကို (ဘရောက်ဇာ၏ ဘေးဘက်အောက်ခြေတွင်) ဖွင့်ထားရန် လိုအပ်ပါသည်။ "Load unpacked" ကို ရွေးချယ်ပြီး extension အသစ်တစ်ခုကို load လုပ်ပါ။ Prompt တွင် "dist" ဖိုလ်ဒါကို ဖွင့်ပြီး extension ကို load လုပ်ပါမည်။ အသုံးပြုရန် CO2 Signal API အတွက် API key တစ်ခုလိုအပ်ပါမည် ([ဒီမှာ e-mail ဖြင့် ရယူနိုင်ပါသည်](https://www.co2signal.com/) - ဒီစာမျက်နှာတွင် သင့် e-mail ကို box ထဲတွင် ထည့်ပါ) နှင့် [electricity map](https://www.electricitymap.org/map) တွင် သင့်ဒေသနှင့် ကိုက်ညီသော [region code](http://api.electricitymap.org/v3/zones) (ဥပမာ Boston တွင် "US-NEISO")။ -![installation](../../../../../translated_images/install-on-edge.78634f02842c4828.my.png) +![installation](../../../../../translated_images/my/install-on-edge.78634f02842c4828.png) API key နှင့် region ကို extension interface တွင် ထည့်ပြီးနောက် ဘရောက်ဇာ၏ extension bar တွင်ရှိသော အရောင်အမှတ်အသားသည် ဒေသ၏ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို ပြသရန် ပြောင်းလဲသင့်ပါမည်။ ထို့အပြင် အမြင့်မားသော စွမ်းအင်အသုံးပြုမှု လုပ်ဆောင်မှုများကို မည်သို့လုပ်ဆောင်ရမည်ကို အညွှန်းပေးပါမည်။ ဒီ "အမှတ်" စနစ်၏ အခြေခံแนวคิดကို [Energy Lollipop extension](https://energylollipop.com/) မှ California emissions အတွက် ပံ့ပိုးပေးထားပါသည်။ diff --git a/translations/my/5-browser-extension/solution/translation/README.ja.md b/translations/my/5-browser-extension/solution/translation/README.ja.md index 8555f27e4..10bf5660a 100644 --- a/translations/my/5-browser-extension/solution/translation/README.ja.md +++ b/translations/my/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ရဲ့ C02 Signal API ကို အသုံးပြုပြီး သင့်ဒေသရဲ့ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို ဘရောက်ဇာပေါ်မှာ သတိပေးချက်အဖြစ် ပြသနိုင်ရန် အက်စ်တင်ရှင်းတစ်ခုကို တည်ဆောက်ပါ။ ဒီအက်စ်တင်ရှင်းကို အလွတ်သုံးနိုင်ပြီး ဒီအချက်အလက်အပေါ် အခြေခံပြီး သင့်လုပ်ဆောင်မှုများကို ဆုံးဖြတ်နိုင်ပါသည်။ -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![extension screenshot](../../../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## စတင်ရန် @@ -31,7 +31,7 @@ npm run build Edge မှာ ထည့်သွင်းဖို့အတွက် ဘရောက်ဇာရဲ့ အပေါ်ဘက်ညာဖက်မှာရှိတဲ့ "၃ ခုတိုင်" menu ကို နှိပ်ပြီး "Extensions" panel ကို ရှာပါ။ အဲဒီနေရာက "Load Unpacked" ကို ရွေးပြီး အက်စ်တင်ရှင်းအသစ်ကို load လုပ်ပါ။ prompt မှာ "dist" ဖိုလ်ဒါကို ဖွင့်ပါ။ အက်စ်တင်ရှင်းကို load လုပ်ပြီးပါပြီ။ အသုံးပြုဖို့ CO2 Signal API ရဲ့ API key ([ဒီမှာ email နဲ့ ရယူပါ](https://www.co2signal.com/) - ဒီစာမျက်နှာမှာ email ကို box ထဲထည့်ပါ) နဲ့ [Electricity Map](https://www.electricitymap.org/map) ရဲ့ သင့်ဒေသအတွက် [code](http://api.electricitymap.org/v3/zones) လိုအပ်ပါတယ် (ဥပမာ - Boston မှာ 'US-NEISO' ကို အသုံးပြုပါတယ်)။ -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.my.png) +![installing](../../../../../translated_images/my/install-on-edge.78634f02842c4828.png) API key နဲ့ ဒေသ code ကို အက်စ်တင်ရှင်း interface မှာ ထည့်သွင်းပြီးရင် ဘရောက်ဇာရဲ့ extension bar မှာ ပြသတဲ့ အရောင်အမှတ်လေးက သင့်ဒေသရဲ့ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို အခြေခံပြီး သင့်လုပ်ဆောင်မှုအတွက် သင့်တော်တဲ့ အချက်အလက်ကို ပြသပေးပါမယ်။ ဒီ "dot" system ရဲ့ အကြံဉာဏ်ကို ကယ်လီဖိုးနီးယားပြည်နယ်ရဲ့ [Energy Lollipop extension](https://energylollipop.com/) ကပေးခဲ့တာဖြစ်ပါတယ်။ diff --git a/translations/my/5-browser-extension/solution/translation/README.ms.md b/translations/my/5-browser-extension/solution/translation/README.ms.md index ddef7d86a..e43a81d23 100644 --- a/translations/my/5-browser-extension/solution/translation/README.ms.md +++ b/translations/my/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: CO2 Signal API ကို အသုံးပြု၍ လျှပ်စစ်ဓာတ်အား အသုံးပြုမှုကို စစ်ဆေးပြီး၊ သင့်ဒေသ၏ လျှပ်စစ်ဓာတ်အား အသုံးပြုမှု အခြေအနေကို သတိပေးချက်အဖြစ် သင့် browser မှာ ရရှိနိုင်အောင် browser extension တစ်ခုကို တည်ဆောက်ပါ။ ဒီ extension ကို အသုံးပြုခြင်းက သင့်လုပ်ဆောင်မှုများကို ဒီအချက်အလက်အပေါ် အခြေခံပြီး စဉ်းစားနိုင်ရန် အထောက်အကူဖြစ်စေပါမည်။ -![browser extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![browser extension screenshot](../../../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## စတင်ရန် @@ -31,7 +31,7 @@ npm run build Edge မှာ install လုပ်ရန်အတွက် browser ရဲ့ ညာဘက်အပေါ်ထောင့်မှာရှိတဲ့ 'သုံးခုတိုင်' menu ကို အသုံးပြု၍ Extensions panel ကို ရှာပါ။ 'Load Unpacked' ကို ရွေးပြီး extension အသစ်ကို load လုပ်ပါ။ 'dist' folder ကို ဖွင့်ပြီး extension ကို load လုပ်ပါ။ အသုံးပြုရန်အတွက် CO2 Signal API အတွက် API key ([ဒီမှာ email ဖြင့် ရယူပါ](https://www.co2signal.com/) - ဒီ page ရဲ့ box ထဲမှာ သင့် email ကို ထည့်ပါ) နှင့် [သင့်ဒေသအတွက် code](http://api.electricitymap.org/v3/zones) ကို [Electricity Map](https://www.electricitymap.org/map) မှာ ရှာပါ။ (ဥပမာ Boston မှာ 'US-NEISO' ကို အသုံးပြုပါ။) -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.my.png) +![installing](../../../../../translated_images/my/install-on-edge.78634f02842c4828.png) API key နှင့် region code ကို extension interface မှာ ထည့်ပြီးနောက် browser extension bar ရဲ့ အရောင် dot က သင့်ဒေသရဲ့ လျှပ်စစ်ဓာတ်အား အသုံးပြုမှုကို ပြသပြီး သင့်လုပ်ဆောင်မှုများအတွက် အကြံပေးချက်များကို ပေးပါမည်။ ဒီ 'dot' စနစ်ရဲ့ အကြောင်းအရင်းကို [Energy Lollipop browser extension](https://energylollipop.com/) မှ California အတွက် concept အဖြစ် ရရှိခဲ့ပါသည်။ diff --git a/translations/my/5-browser-extension/start/README.md b/translations/my/5-browser-extension/start/README.md index ee80d9fe8..e34b8823a 100644 --- a/translations/my/5-browser-extension/start/README.md +++ b/translations/my/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ရဲ့ C02 Signal API ကို အသုံးပြုပြီး လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို စောင့်ကြည့်နိုင်ရန် browser extension တစ်ခု တည်ဆောက်ပါ။ ဒါကို သင့် browser မှာ တိုက်ရိုက် သတိပေးအဖြစ် အသုံးပြုနိုင်ပါတယ်။ ဒီ extension ကို အခါအားလျော်စွာ အသုံးပြုခြင်းက သင့်ရဲ့ လုပ်ဆောင်မှုတွေကို ဒီအချက်အလက်အပေါ် အခြေခံပြီး ဆုံးဖြတ်နိုင်ဖို့ အထောက်အကူဖြစ်စေပါလိမ့်မယ်။ -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.my.png) +![extension screenshot](../../../../translated_images/my/extension-screenshot.0e7f5bfa110e92e3.png) ## စတင်အသုံးပြုခြင်း @@ -31,7 +31,7 @@ npm run build Edge browser မှာ install လုပ်ဖို့အတွက် browser ရဲ့ အပေါ်ဘက်ညာထောင့်မှာရှိတဲ့ 'three dot' menu ကို အသုံးပြုပြီး Extensions panel ကို ရှာပါ။ 'Load Unpacked' ကို ရွေးချယ်ပြီး extension အသစ်တစ်ခုကို load လုပ်ပါ။ prompt မှာ 'dist' folder ကို ဖွင့်ပြီး extension ကို load လုပ်ပါ။ အသုံးပြုဖို့အတွက် CO2 Signal ရဲ့ API key ([ဒီမှာ email ဖြင့် ရယူပါ](https://www.co2signal.com/) - ဒီစာမျက်နှာမှာ သင့် email ကို box ထဲမှာ ထည့်ပါ) နဲ့ [Electricity Map](https://www.electricitymap.org/map) ရဲ့ သင့်ဒေသကို ကိုယ်စားပြုတဲ့ [region code](http://api.electricitymap.org/v3/zones) ကို ထည့်သွင်းဖို့ လိုအပ်ပါမယ်။ ဥပမာအားဖြင့် Boston မှာ 'US-NEISO' ကို အသုံးပြုပါတယ်။ -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.my.png) +![installing](../../../../translated_images/my/install-on-edge.78634f02842c4828.png) API key နဲ့ region ကို extension interface မှာ input လုပ်ပြီးရင် browser extension bar ရဲ့ အရောင် dot က သင့်ဒေသရဲ့ လျှပ်စစ်ဓာတ်အားအသုံးပြုမှုကို ပြောင်းလဲပြသပေးပါလိမ့်မယ်။ ဒါက သင့်အတွက် လျှပ်စစ်ဓာတ်အားများစွာ အသုံးပြုရမယ့် လုပ်ဆောင်မှုတွေကို ဘယ်လိုလုပ်ဆောင်ရမလဲဆိုတာ အညွှန်းပေးပါလိမ့်မယ်။ ဒီ 'dot' စနစ်ရဲ့ အကြံဉာဏ်ကို [Energy Lollipop extension](https://energylollipop.com/) က California emissions အတွက် ပေးခဲ့တာဖြစ်ပါတယ်။ diff --git a/translations/my/6-space-game/2-drawing-to-canvas/README.md b/translations/my/6-space-game/2-drawing-to-canvas/README.md index b59b99a6d..9ade7c030 100644 --- a/translations/my/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/my/6-space-game/2-drawing-to-canvas/README.md @@ -97,7 +97,7 @@ mindmap ပြီးစီးသော ရလဒ်သည် အောက်ပါအတိုင်း ဖြစ်သင့်သည်- -![အနက်ရောင်မျက်နှာပြင်တွင် သူရဲကောင်းနှင့် 5*5 အမှုးများ](../../../../translated_images/partI-solution.36c53b48c9ffae2a.my.png) +![အနက်ရောင်မျက်နှာပြင်တွင် သူရဲကောင်းနှင့် 5*5 အမှုးများ](../../../../translated_images/my/partI-solution.36c53b48c9ffae2a.png) ## ဖြေရှင်းချက် diff --git a/translations/my/6-space-game/5-keeping-score/README.md b/translations/my/6-space-game/5-keeping-score/README.md index 76ebb1df3..6f6c26b25 100644 --- a/translations/my/6-space-game/5-keeping-score/README.md +++ b/translations/my/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **အမှတ်ပေးစနစ်**: ရန်သူသင်္ဘောတစ်စင်းကို ဖျက်ဆီးတိုင်း ၁၀၀ အမှတ်ရရှိမယ် (အလွယ်တကူ စိတ်ထဲမှာတွက်နိုင်ဖို့အတွက် round number တွေက ပိုမိုလွယ်ကူပါတယ်။) အမှတ်ကို ဘေးဘက်အောက်ထောင့်မှာ ပြသပါမယ်။ -- **အသက်ရေတွက်စနစ်**: သင့် hero က အသက်သုံးခုနဲ့ စတင်ပါမယ် - စိန်ခေါ်မှုနဲ့ ကစားနိုင်စွမ်းကို ချိန်ညှိဖို့ arcade ဂိမ်းအစောပိုင်းတွေက သတ်မှတ်ထားတဲ့ standard တစ်ခုပါ။ ရန်သူနဲ့ တိုက်မိတိုင်း အသက်တစ်ခုဆုံးရှုံးရပါမယ်။ ကျန်ရှိတဲ့ အသက်တွေကို သင်္ဘော icon တွေကို အသုံးပြုပြီး ဘေးဘက်အောက်ထောင့်မှာ ပြသပါမယ် ![life image](../../../../translated_images/life.6fb9f50d53ee0413.my.png)။ +- **အသက်ရေတွက်စနစ်**: သင့် hero က အသက်သုံးခုနဲ့ စတင်ပါမယ် - စိန်ခေါ်မှုနဲ့ ကစားနိုင်စွမ်းကို ချိန်ညှိဖို့ arcade ဂိမ်းအစောပိုင်းတွေက သတ်မှတ်ထားတဲ့ standard တစ်ခုပါ။ ရန်သူနဲ့ တိုက်မိတိုင်း အသက်တစ်ခုဆုံးရှုံးရပါမယ်။ ကျန်ရှိတဲ့ အသက်တွေကို သင်္ဘော icon တွေကို အသုံးပြုပြီး ဘေးဘက်အောက်ထောင့်မှာ ပြသပါမယ် ![life image](../../../../translated_images/my/life.6fb9f50d53ee0413.png)။ ## တည်ဆောက်ဖို့ အဆင်သင့်ဖြစ်ပါပြီ! diff --git a/translations/my/7-bank-project/1-template-route/README.md b/translations/my/7-bank-project/1-template-route/README.md index c08c2e512..32553b399 100644 --- a/translations/my/7-bank-project/1-template-route/README.md +++ b/translations/my/7-bank-project/1-template-route/README.md @@ -541,7 +541,7 @@ sequenceDiagram `history.pushState` ကို အသုံးပြုကာ browser ရဲ့ navigation history မှာ entry အသစ်တွေကို ဖန်တီးနိုင်ပါတယ်။ Browser ရဲ့ *back button* ကို နှိပ်ထားပြီး စစ်ဆေးကြည့်ပါ၊ navigation history က ဒီလိုပုံစံတစ်ခုကို ပြသသင့်ပါတယ်: -![Navigation history ရဲ့ screenshot](../../../../translated_images/history.7fdabbafa521e064.my.png) +![Navigation history ရဲ့ screenshot](../../../../translated_images/my/history.7fdabbafa521e064.png) Back button ကို အကြိမ်အများကြိမ် click လုပ်ကြည့်ပါ၊ လက်ရှိ URL က ပြောင်းလဲပြီး history က update လုပ်သွားမယ်၊ ဒါပေမယ့် အတူတူ template ကိုပဲ ပြသနေပါမယ်။ diff --git a/translations/my/7-bank-project/2-forms/README.md b/translations/my/7-bank-project/2-forms/README.md index 2be3d0992..363726915 100644 --- a/translations/my/7-bank-project/2-forms/README.md +++ b/translations/my/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ Submit button ကိုနှိပ်တဲ့အခါမှာ ဘာတွ 2. Browser ရဲ့ address bar မှာ ပြောင်းလဲမှုတွေကို သတိထားပါ 3. Page reload ဖြစ်ပြီး data တွေ URL မှာ ပေါ်လာတာကို သတိထားပါ -![Register button ကိုနှိပ်ပြီး browser URL ပြောင်းလဲမှု screenshot](../../../../translated_images/click-register.e89a30bf0d4bc9ca.my.png) +![Register button ကိုနှိပ်ပြီး browser URL ပြောင်းလဲမှု screenshot](../../../../translated_images/my/click-register.e89a30bf0d4bc9ca.png) ### HTTP Method တွေကို နှိုင်းယှဉ်ခြင်း @@ -502,7 +502,7 @@ async function register() { 3. **"Create Account" ကို နှိပ်ပါ** 4. **Console messages နှင့် user feedback ကို ကြည့်ရှုပါ** -![Browser console တွင် log message ကို ပြသထားသော screenshot](../../../../translated_images/browser-console.efaf0b51aaaf6778.my.png) +![Browser console တွင် log message ကို ပြသထားသော screenshot](../../../../translated_images/my/browser-console.efaf0b51aaaf6778.png) **သင်မြင်ရမည့်အရာများ:** - **Loading state** submit button တွင် ပေါ်လာသည် @@ -677,7 +677,7 @@ Registration form ကို robust validation ဖြင့် user experience 3. **Special character များကို** username field တွင် စမ်းသပ်ပါ 4. **Negative balance amount ကို** input လုပ်ပါ -![Validation error ကို ပြသထားသော screenshot](../../../../translated_images/validation-error.8bd23e98d416c22f.my.png) +![Validation error ကို ပြသထားသော screenshot](../../../../translated_images/my/validation-error.8bd23e98d416c22f.png) **သင်မြင်ရမည့်အရာများ:** - **Browser သည်** native validation message များကို ပြသသည် @@ -825,7 +825,7 @@ timeline CSS အလှဆင်မှုများထည့်ပြီးနောက် login စာမျက်နှာ၏ နောက်ဆုံးပုံစံကို အောက်ပါပုံကဲ့သို့ ရနိုင်ပါသည် - -![CSS အလှဆင်မှုများထည့်ပြီးနောက် login စာမျက်နှာ၏ screenshot](../../../../translated_images/result.96ef01f607bf856a.my.png) +![CSS အလှဆင်မှုများထည့်ပြီးနောက် login စာမျက်နှာ၏ screenshot](../../../../translated_images/my/result.96ef01f607bf856a.png) ## Post-Lecture Quiz diff --git a/translations/my/7-bank-project/3-data/README.md b/translations/my/7-bank-project/3-data/README.md index 3beef81e9..5901c070a 100644 --- a/translations/my/7-bank-project/3-data/README.md +++ b/translations/my/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![Update workflow in a multi-page application](../../../../translated_images/mpa.7f7375a1a2d4aa77.my.png) +![Update workflow in a multi-page application](../../../../translated_images/my/mpa.7f7375a1a2d4aa77.png) **ဒီနည်းလမ်းက ဘာလို့ clunky ဖြစ်ခဲ့သလဲ:** - Click တစ်ချက်တိုင်းက page တစ်ခုလုံးကို ပြန်တည်ဆောက်ရတာ @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![Update workflow in a single-page application](../../../../translated_images/spa.268ec73b41f992c2.my.png) +![Update workflow in a single-page application](../../../../translated_images/my/spa.268ec73b41f992c2.png) **SPA တွေက ဘာလို့ ပိုကောင်းသလဲ:** - တကယ်ပြောင်းလဲလိုတဲ့ အပိုင်းတွေကိုသာ update လုပ်တာ (smart, right?) @@ -500,7 +500,7 @@ if (data.error) { Invalid account ဖြင့်စမ်းသပ်ပါက၊ Error message ကို page ပေါ်မှာပေါ်လာတာကိုမြင်ရပါမည်! -![Login အတွင်း error message ပြသထားသော screenshot](../../../../translated_images/login-error.416fe019b36a6327.my.png) +![Login အတွင်း error message ပြသထားသော screenshot](../../../../translated_images/my/login-error.416fe019b36a6327.png) #### အဆင့် 4: Accessibility ဖြင့်ပါဝင်မှုရှိစေခြင်း @@ -815,7 +815,7 @@ Agent mode ကို အသုံးပြု၍ အောက်ပါ challenge ဒီလို polished dashboard တစ်ခုကို ရနိုင်ပါမည်: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.my.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/my/screen2.123c82a831a1d14a.png) ဒီအတိုင်းတိတိမလုပ်ရပါ - အကြံဉာဏ်အဖြစ် အသုံးပြုပြီး သင့်စိတ်ကြိုက် ပြောင်းလဲပါ! diff --git a/translations/my/7-bank-project/4-state-management/README.md b/translations/my/7-bank-project/4-state-management/README.md index efea6ca38..9a0faad57 100644 --- a/translations/my/7-bank-project/4-state-management/README.md +++ b/translations/my/7-bank-project/4-state-management/README.md @@ -188,7 +188,7 @@ Titanic ၏ compartmentalized design ကဲ့သို့၊ ပြဿနာမ ကျွန်ုပ်တို့သည် **centralized state management** system တစ်ခုကို ဖန်တီးမည်။ ၎င်းသည် အရေးကြီးသောအရာအားလုံးကို စီမံခန့်ခွဲသော တစ်ဦးတည်းသော လူတစ်ဦးကဲ့သို့ဖြစ်သည်: -![HTML, user actions နှင့် state အကြား data flows ကို ပြသသော schema](../../../../translated_images/data-flow.fa2354e0908fecc8.my.png) +![HTML, user actions နှင့် state အကြား data flows ကို ပြသသော schema](../../../../translated_images/my/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD