diff --git a/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md index e1cd449db..844083a5b 100644 --- a/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/lt/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Išbandyti funkcionalumą: 5: Studentas Užbaigti terariumą: 5: Studentas ``` -![DOM ir uždarymas](../../../../translated_images/webdev101-js.10280393044d7eaa.lt.png) +![DOM ir uždarymas](../../../../translated_images/lt/webdev101-js.10280393044d7eaa.png) > Sketchnote autorius [Tomomi Imura](https://twitter.com/girlie_mac) Sveiki atvykę į vieną įdomiausių žiniatinklio kūrimo aspektų – padaryti dalykus interaktyviais! Dokumento objektų modelis (DOM) yra tarsi tiltas tarp jūsų HTML ir JavaScript, ir šiandien naudosime jį, kad įkvėptume jūsų terariumą gyvybės. Kai Tim Berners-Lee sukūrė pirmą naršyklę, jis įsivaizdavo internetą, kuriame dokumentai gali būti dinamiški ir interaktyvūs – DOM padaro šią viziją įmanoma. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM medžio atvaizdavimas](../../../../translated_images/dom-tree.7daf0e763cbbba92.lt.png) +![DOM medžio atvaizdavimas](../../../../translated_images/lt/dom-tree.7daf0e763cbbba92.png) > DOM ir jį nurodančio HTML žymėjimo atvaizdas. Iš [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Uždarymų supratimas:** Uždarymai yra svarbi JavaScript tema, ir daugelis programuotojų juos naudoja metų metus, kol pilnai supranta visas teorines puses. Šiandien mes dėmesį skiriame praktiniam pritaikymui – pamatysite, kaip uždarymai natūraliai atsiranda, kai kuriame interaktyvias funkcijas. Supratimas atsiras, kai matysite, kaip jie sprendžia tikras problemas. -![DOM medžio atvaizdavimas](../../../../translated_images/dom-tree.7daf0e763cbbba92.lt.png) +![DOM medžio atvaizdavimas](../../../../translated_images/lt/dom-tree.7daf0e763cbbba92.png) > DOM ir jį nurodančio HTML žymėjimo atvaizdas. Iš [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Dabar išbandykite savo interaktyvų terariumą! Atidarykite savo `index.html` n - **Kryžminė įranga**: veikia tiek kompiuteriuose, tiek mobiliuosiuose įrenginiuose - **Veikimo sąmoningumas**: nėra atminties nutekėjimų ar perteklinių skaičiavimų -![baigtas terariumas](../../../../translated_images/terrarium-final.0920f16e87c13a84.lt.png) +![baigtas terariumas](../../../../translated_images/lt/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/lt/3-terrarium/solution/README.md b/translations/lt/3-terrarium/solution/README.md index 4e1dffa3b..17b4f14c2 100644 --- a/translations/lt/3-terrarium/solution/README.md +++ b/translations/lt/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Maža vilkimo ir numetimo kodavimo meditacija. Naudodami šiek tiek HTML, JS ir CSS, galite sukurti internetinę sąsają, ją stilizuoti ir pridėti interaktyvumo. -![mano terariumas](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.lt.png) +![mano terariumas](../../../../translated_images/lt/screenshot_gray.0c796099a1f9f25e.png) ## Kreditas diff --git a/translations/lt/5-browser-extension/1-about-browsers/README.md b/translations/lt/5-browser-extension/1-about-browsers/README.md index b32950a9b..60252847a 100644 --- a/translations/lt/5-browser-extension/1-about-browsers/README.md +++ b/translations/lt/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Trigubinti klaidas: 4: Student Tobulinti patirtį: 5: Student ``` -![Naršyklės sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.lt.jpg) +![Naršyklės sketchnote](../../../../translated_images/lt/browser.60317c9be8b7f84a.jpg) > Sketchnote autorius [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Įvadinis testas prieš paskaitą @@ -77,7 +77,7 @@ Interneto naršyklė iš esmės yra sudėtinga dokumentų interpretuoklė. Kai ✅ **Trumpa istorija**: Pirmoji naršyklė buvo pavadinta „WorldWideWeb“ ir ją sukūrė seras Timothy Berners-Lee 1990 metais. -![ankstyvos naršyklės](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.lt.jpg) +![ankstyvos naršyklės](../../../../translated_images/lt/earlybrowsers.d984b711cdf3a42d.jpg) > Kai kurios ankstyvos naršyklės, pagal [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Kaip naršyklės apdoroja interneto turinį @@ -194,7 +194,7 @@ quadrantChart Supratimas apie plėtinių diegimo procesą padės numatyti naudotojo patirtį, kai žmonės diegia jūsų plėtinį. Diegimo procesas yra standartizuotas šiuolaikinėse naršyklėse, nors vartotojo sąsajoje gali būti nedideli skirtumai. -![aštrumo nuotrauka Edge naršyklės, rodanti atidarytą edge://extensions puslapį ir atidarytą nustatymų meniu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.lt.png) +![aštrumo nuotrauka Edge naršyklės, rodanti atidarytą edge://extensions puslapį ir atidarytą nustatymų meniu](../../../../translated_images/lt/install-on-edge.d68781acaf0b3d3d.png) > **Svarbu**: Įsitikinkite, kad įjungėte kūrėjo režimą ir leidžiate plėtinius iš kitų parduotuvių, kai testuojate savo plėtinius. @@ -308,10 +308,10 @@ Tai atitinka progresyvios informacijos teikimo principą, naudojamą sąsajų di ### Plėtinio vaizdų apžvalga **Nustatymų vaizdas** – pirmą kartą naudojančio nustatymai: -![baigto plėtinio ekrano nuotrauka, atidarytas naršyklėje, rodanti formą su įvestimis regiono pavadinimui ir API raktui.](../../../../translated_images/1.b6da8c1394b07491.lt.png) +![baigto plėtinio ekrano nuotrauka, atidarytas naršyklėje, rodanti formą su įvestimis regiono pavadinimui ir API raktui.](../../../../translated_images/lt/1.b6da8c1394b07491.png) **Rezultatų vaizdas** – anglies pėdsako duomenų rodymas: -![baigto plėtinio ekrano nuotrauka, rodanti anglies naudojimo ir iškastinio kuro procentą US-NEISO regione.](../../../../translated_images/2.1dae52ff08042246.lt.png) +![baigto plėtinio ekrano nuotrauka, rodanti anglies naudojimo ir iškastinio kuro procentą US-NEISO regione.](../../../../translated_images/lt/2.1dae52ff08042246.png) ### Kuriame konfigūracijos formą diff --git a/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md index 05e139fa9..eedf23a28 100644 --- a/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/lt/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Pašalinti išsaugotus duomenis ClearStorage --> FirstTime: Grįžti prie nustatymo ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.lt.png) +![Local storage pane](../../../../translated_images/lt/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Saugumo perspėjimas**: komerciniuose sprendimuose API raktų saugojimas LocalStorage kelia saugumo riziką, nes JavaScript gali prieiti prie šių duomenų. Mokymosi tikslais šis būdas tinka, tačiau tikrose programose jautrių kredencialų saugojimui reikia naudoti saugų serverio pusės saugojimą. diff --git a/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md index 4ada42d76..1a931f1e2 100644 --- a/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/lt/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Norėdami atidaryti Kūrėjo įrankius Edge naršyklėje, spustelėkite tris ta Pabandykime. Atidarykite svetainę (Microsoft.com tinka gerai) ir spustelėkite mygtuką „Įrašyti“. Dabar atnaujinkite puslapį ir stebėkite, kaip profiliuotojas užfiksuoja viską, kas vyksta. Kai sustabdysite įrašymą, pamatysite išsamią naršyklės veiklos, „scripts“, „renders“ ir „paints“, analizę. Tai primena misijų valdymo centrą, kuris seka kiekvieną sistemą raketos paleidimo metu – gaunate realaus laiko duomenis, kas vyksta ir kada. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.lt.png) +![Edge profiler](../../../../translated_images/lt/profiler.5a4a62479c5df01c.png) ✅ [Microsoft dokumentacija](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) turi daug daugiau detalių, jei norite gilintis @@ -133,11 +133,11 @@ Pasirinkite profilio laiko linijos dalis, kad priartintumėte įvykius, vykstan Gaukite puslapio našumo momentinę nuotrauką pasirinkdami profilio laiko linijos dalį ir pažvelgdami į santraukos langą: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.lt.png) +![Edge profiler snapshot](../../../../translated_images/lt/snapshot.97750180ebcad737.png) Peržiūrėkite Įvykių žurnalo langą, ar kuris nors įvykis užtruko ilgiau nei 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.lt.png) +![Edge event log](../../../../translated_images/lt/log.804026979f3707e0.png) ✅ Susipažinkite su savo profiliuotoju! Atidarykite kūrėjo įrankius šioje svetainėje ir pažiūrėkite, ar yra kokių nors kliūčių. Koks greičiausiai užsikrauna turtas? O lėčiausias? diff --git a/translations/lt/5-browser-extension/README.md b/translations/lt/5-browser-extension/README.md index f9e124b05..e3bb0a18e 100644 --- a/translations/lt/5-browser-extension/README.md +++ b/translations/lt/5-browser-extension/README.md @@ -23,7 +23,7 @@ Jūs sukursite naršyklės plėtinį, kuris veikia Edge, Chrome ir Firefox narš ### Kreditas -![žalias naršyklės plėtinys](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![žalias naršyklės plėtinys](../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Kreditas diff --git a/translations/lt/5-browser-extension/solution/README.md b/translations/lt/5-browser-extension/solution/README.md index 6c86d5af0..867b619d8 100644 --- a/translations/lt/5-browser-extension/solution/README.md +++ b/translations/lt/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudojant tmrow C02 Signal API, skirtą stebėti elektros energijos suvartojimą, sukurkite naršyklės plėtinį, kad galėtumėte gauti priminimą tiesiai savo naršyklėje apie tai, kokia intensyvi yra jūsų regiono elektros energijos apkrova. Naudodami šį plėtinį ad hoc būdu, galėsite priimti sprendimus dėl savo veiklos, remdamiesi šia informacija. -![plėtinio ekrano nuotrauka](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![plėtinio ekrano nuotrauka](../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Pradžia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti „Edge“ naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Iš ten pasirinkite „Įkelti neišpakuotą“ („Load Unpacked“), kad įkeltumėte naują plėtinį. Atsidariusiame lange pasirinkite „dist“ aplanką, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį el. paštu čia](https://www.co2signal.com/) – įveskite savo el. pašto adresą šiame puslapyje) ir [jūsų regiono kodo](http://api.electricitymap.org/v3/zones), atitinkančio [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“). -![įdiegimas](../../../../translated_images/install-on-edge.78634f02842c4828.lt.png) +![įdiegimas](../../../../translated_images/lt/install-on-edge.78634f02842c4828.png) Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinio juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos suvartojimą, ir pateikti jums užuominą, kokia energiją naudojanti veikla būtų tinkama. Šios „taško“ sistemos idėją man pasiūlė [Energy Lollipop plėtinys](https://energylollipop.com/) Kalifornijos emisijoms. diff --git a/translations/lt/5-browser-extension/solution/translation/README.es.md b/translations/lt/5-browser-extension/solution/translation/README.es.md index 13534054f..ac0fe3244 100644 --- a/translations/lt/5-browser-extension/solution/translation/README.es.md +++ b/translations/lt/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudojant tmrow CO2 Signal API, skirtą stebėti elektros energijos naudojimą, sukurkite naršyklės plėtinį, kuris tiesiogiai jūsų naršyklėje primintų apie jūsų regiono elektros energijos suvartojimą. Šis ad hoc plėtinys padės priimti sprendimus dėl jūsų veiklų, remiantis šia informacija. -![plėtinio ekrano nuotrauka](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.lt.png) +![plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Pradžia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti Edge naršyklėje, naudokite 'trijų taškų' meniu, esantį viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Iš ten pasirinkite 'Įkelti neišpakuotą', kad įkeltumėte naują plėtinį. Kai būsite paprašyti, atidarykite aplanką 'dist', ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį el. paštu čia](https://www.co2signal.com/) - įveskite savo el. paštą šio puslapio laukelyje) ir [savo regiono kodą](http://api.electricitymap.org/v3/zones), atitinkantį [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone naudoju 'US-NEISO'). -![įdiegimas](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.lt.png) +![įdiegimas](../../../../../translated_images/lt/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Kai API raktas ir regionas bus įvesti plėtinio sąsajoje, spalvotas taškas naršyklės plėtinių juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos naudojimą ir suteikdamas indikatorių apie veiklas, kurios būtų tinkamos esant dideliam energijos suvartojimui. Šios "taškų" sistemos idėją man suteikė [plėtinys Energy Lollipop](https://energylollipop.com/) skirtas Kalifornijos emisijoms. diff --git a/translations/lt/5-browser-extension/solution/translation/README.fr.md b/translations/lt/5-browser-extension/solution/translation/README.fr.md index e8ebcbd18..1a140bf7a 100644 --- a/translations/lt/5-browser-extension/solution/translation/README.fr.md +++ b/translations/lt/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudodami tmrow API C02 Signal, skirtą stebėti elektros energijos suvartojimą, sukurkite naršyklės plėtinį, kuris tiesiogiai jūsų naršyklėje primintų apie jūsų regiono elektros energijos suvartojimą. Šis plėtinys padės jums priimti sprendimus dėl savo veiklos, remiantis šia informacija. -![plėtinio ekrano nuotrauka](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Pradžia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti Edge naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Iš ten pasirinkite „Įkelti neišpakuotą plėtinį“, kad įkeltumėte naują plėtinį. Atidarykite aplanką „dist“ pagal nurodymus, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį el. paštu čia](https://www.co2signal.com/) - įveskite savo el. paštą laukelyje šioje svetainėje) ir [kodo savo regionui](http://api.electricitymap.org/v3/zones), atitinkančio [Elektros žemėlapį](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“). -![įdiegimas](../../../../../translated_images/install-on-edge.78634f02842c4828.lt.png) +![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png) Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinių juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos suvartojimą ir suteikdamas jums indikatorių apie energiją naudojančias veiklas, kurias būtų tinkama atlikti. Šios „taškų“ sistemos koncepciją man pasiūlė [plėtinys Energy Lollipop](https://energylollipop.com/) Kalifornijos emisijoms. diff --git a/translations/lt/5-browser-extension/solution/translation/README.hi.md b/translations/lt/5-browser-extension/solution/translation/README.hi.md index 943d0507e..43e5b5529 100644 --- a/translations/lt/5-browser-extension/solution/translation/README.hi.md +++ b/translations/lt/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudojant tmrow CO2 Signal API elektros energijos naudojimui stebėti, sukurtas naršyklės plėtinys, kuris primena, kiek intensyviai jūsų regione naudojama elektros energija. Naudodami šį plėtinį, galėsite priimti sprendimus dėl savo veiklos, remdamiesi šia informacija. -![Plėtinio ekrano nuotrauka](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![Plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Pradžia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti „Edge“ naršyklėje, naudokite naršyklės viršutiniame dešiniajame kampe esančiame meniu „trys taškai“, kad rastumėte plėtinių skydelį. Ten pasirinkite „Įkelti neišpakuotą“ ir atidarykite „dist“ aplanką, kai būsite paraginti. Plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės CO2 Signal API rakto ([gaukite čia el. paštu](https://www.co2snal.com/) – įveskite savo el. paštą laukelyje šiame puslapyje) ir [savo regiono kodo](http://api.electricitymap.org/v3/zones) iš [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“). -![Įdiegimas](../../../../../translated_images/install-on-edge.78634f02842c4828.lt.png) +![Įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png) Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinių juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos naudojimą, ir suteikti jums indikatorių, kokia energijai imli veikla būtų tinkama atlikti. Šios „taško“ sistemos idėją pasiskolinau iš Kalifornijos emisijų [Energy Lollipop plėtinio](https://energylollipop.com/). diff --git a/translations/lt/5-browser-extension/solution/translation/README.it.md b/translations/lt/5-browser-extension/solution/translation/README.it.md index dd2695389..b248a1180 100644 --- a/translations/lt/5-browser-extension/solution/translation/README.it.md +++ b/translations/lt/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudosime tmrow Signal C02 API, kad stebėtume elektros energijos naudojimą ir sukurtume naršyklės plėtinį, kuris tiesiogiai naršyklėje primintų, kiek energijos naudojimas jūsų regione yra intensyvus. Šis specialiai sukurtas plėtinys padės įvertinti savo veiklą remiantis šiomis informacija. -![plėtinio ekrano vaizdas](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![plėtinio ekrano vaizdas](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Pradžia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti Edge naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Jei dar neaktyvuota, įjunkite Kūrėjo režimą (apačioje kairėje). Pasirinkite „Įkelti neišpakuotą“, kad įkeltumėte naują plėtinį. Atidarykite „dist“ aplanką, kai būsite paraginti, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API (galite [gauti jį el. paštu čia](https://www.co2signal.com/) - įveskite savo el. pašto adresą laukelyje šioje puslapyje) ir [savo regiono kodą](http://api.electricitymap.org/v3/zones), atitinkantį [elektros žemėlapį](https://www.electricitymap.org/map) (pavyzdžiui, Bostone - „US-NEISO“). -![įdiegimas](../../../../../translated_images/install-on-edge.78634f02842c4828.lt.png) +![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png) Kai API raktas ir regionas bus įvesti plėtinio sąsajoje, spalvotas taškas naršyklės plėtinio juostoje turėtų pasikeisti, atspindėdamas regiono energijos naudojimą ir pateikdamas užuominą, kokia veikla, reikalaujanti daug energijos, būtų tinkama vykdyti. Šios „taškų“ sistemos koncepcija buvo pasiskolinta iš [Energy Lollipop plėtinio](https://energylollipop.com/) Kalifornijos emisijoms. diff --git a/translations/lt/5-browser-extension/solution/translation/README.ja.md b/translations/lt/5-browser-extension/solution/translation/README.ja.md index 0a7d67b7e..8ddf4ccb5 100644 --- a/translations/lt/5-browser-extension/solution/translation/README.ja.md +++ b/translations/lt/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudodami tmrow CO2 Signal API, sukursime naršyklės plėtinį, kuris primins, kiek energijos sunaudojama jūsų regione. Šis plėtinys leis stebėti elektros energijos suvartojimą ir priimti sprendimus, pagrįstus šia informacija. -![plėtinio ekrano nuotrauka](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Pradžia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti plėtinį Edge naršyklėje, eikite į naršyklės viršutiniame dešiniajame kampe esantį „trijų taškų“ meniu ir suraskite „Plėtiniai“ skydelį. Pasirinkite „Įkelti neišpakuotą“ ir nurodykite „dist“ aplanką. Plėtinys bus įkeltas. Norėdami naudoti plėtinį, jums reikės CO2 Signal API rakto ([gaukite jį čia el. paštu](https://www.co2signal.com/) - įveskite savo el. pašto adresą į šios svetainės laukelį) ir [Electricity Map](https://www.electricitymap.org/map) atitinkančio [kodo jūsų regionui](http://api.electricitymap.org/v3/zones) (pavyzdžiui, Bostone naudojamas 'US-NEISO'). -![įdiegimas](../../../../../translated_images/install-on-edge.78634f02842c4828.lt.png) +![įdiegimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png) Įvedę API raktą ir regiono kodą į plėtinio sąsają, naršyklės plėtinių juostoje matysite spalvotą tašką, kuris atspindės jūsų regiono energijos suvartojimą. Tai padės nuspręsti, kokią veiklą atlikti, atsižvelgiant į energijos poreikius. Šios „taško“ sistemos idėją įkvėpė Kalifornijos emisijų stebėjimui skirtas [Energy Lollipop plėtinys](https://energylollipop.com/). diff --git a/translations/lt/5-browser-extension/solution/translation/README.ms.md b/translations/lt/5-browser-extension/solution/translation/README.ms.md index 117a724cf..f4ec368fc 100644 --- a/translations/lt/5-browser-extension/solution/translation/README.ms.md +++ b/translations/lt/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudojant tmrow CO2 Signal API, galima stebėti elektros energijos suvartojimą ir sukurti naršyklės plėtinį, kuris įspės jus apie jūsų regiono elektros energijos naudojimo intensyvumą. Šis plėtinys padės priimti sprendimus dėl jūsų veiklos, remiantis šia informacija. -![naršyklės plėtinio ekrano nuotrauka](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![naršyklės plėtinio ekrano nuotrauka](../../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Pradėkite čia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti Edge naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad surastumėte plėtinių skydelį. Ten pasirinkite „Load Unpacked“, kad įkeltumėte naują plėtinį. Atidarykite aplanką „dist“ pagal užklausą, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį čia el. paštu](https://www.co2signal.com/) - įveskite savo el. pašto adresą į laukelį šioje svetainėje) ir [kodo savo regionui](http://api.electricitymap.org/v3/zones), kuris atitinka [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“). -![parsisiuntimas](../../../../../translated_images/install-on-edge.78634f02842c4828.lt.png) +![parsisiuntimas](../../../../../translated_images/lt/install-on-edge.78634f02842c4828.png) Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinio juostoje pasikeis, atspindėdamas jūsų regiono energijos suvartojimą, ir pateiks jums rekomendacijas dėl veiklos, kurią galite atlikti. Šios „taškų“ sistemos idėją pasiskolinau iš [naršyklės plėtinio Energy Lollipop](https://energylollipop.com/) skirtam Kalifornijos emisijoms. diff --git a/translations/lt/5-browser-extension/start/README.md b/translations/lt/5-browser-extension/start/README.md index 2199ef1a9..4523fcc7b 100644 --- a/translations/lt/5-browser-extension/start/README.md +++ b/translations/lt/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Naudojant „tmrow“ C02 Signal API stebėti elektros energijos naudojimą, sukurkite naršyklės plėtinį, kad galėtumėte gauti priminimą tiesiai savo naršyklėje apie tai, kaip intensyviai jūsų regione naudojama elektra. Naudojant šį plėtinį ad hoc būdu, galėsite priimti sprendimus dėl savo veiklos remdamiesi šia informacija. -![plėtinio ekrano nuotrauka](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.lt.png) +![plėtinio ekrano nuotrauka](../../../../translated_images/lt/extension-screenshot.0e7f5bfa110e92e3.png) ## Pradžia @@ -31,7 +31,7 @@ npm run build Norėdami įdiegti „Edge“ naršyklėje, naudokite meniu „trys taškai“ viršutiniame dešiniajame naršyklės kampe, kad rastumėte plėtinių skydelį. Ten pasirinkite „Įkelti neišpakuotą“, kad įkeltumėte naują plėtinį. Atsidarius raginimui, pasirinkite „dist“ aplanką, ir plėtinys bus įkeltas. Norėdami jį naudoti, jums reikės API rakto CO2 Signal API ([gaukite jį čia el. paštu](https://www.co2signal.com/) - įveskite savo el. pašto adresą į laukelį šiame puslapyje) ir [savo regiono kodą](http://api.electricitymap.org/v3/zones), atitinkantį [Electricity Map](https://www.electricitymap.org/map) (pavyzdžiui, Bostone aš naudoju „US-NEISO“). -![įdiegimas](../../../../translated_images/install-on-edge.78634f02842c4828.lt.png) +![įdiegimas](../../../../translated_images/lt/install-on-edge.78634f02842c4828.png) Kai API raktas ir regionas bus įvesti į plėtinio sąsają, spalvotas taškas naršyklės plėtinio juostoje turėtų pasikeisti, atspindėdamas jūsų regiono energijos naudojimą ir pateikdamas jums rekomendacijas, kokią energiją reikalaujančią veiklą būtų tinkama atlikti. Šio „taško“ sistemos koncepcija buvo pasiūlyta [Energy Lollipop plėtinio](https://energylollipop.com/) skirtam Kalifornijos emisijoms. diff --git a/translations/lt/6-space-game/2-drawing-to-canvas/README.md b/translations/lt/6-space-game/2-drawing-to-canvas/README.md index 03da1eec0..7676b1fde 100644 --- a/translations/lt/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/lt/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![drobės tinklelis](../../../../translated_images/canvas_grid.5f209da785ded492.lt.png) +![drobės tinklelis](../../../../translated_images/lt/canvas_grid.5f209da785ded492.png) > Nuotrauka iš [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Norint piešti ant drobės elemento, laikysitės to paties trijų žingsnių proceso, kuris sudaro visos drobės grafikos pagrindą. Kai tai padarysite kelis kartus, tai taps labiau įgūdžiu nei mokymusi: @@ -323,11 +323,11 @@ Sukursite tinklalapį su drobės elementu. Jame bus nupieštas juodas ekranas `1 - Herojaus laivas - ![Herojaus laivas](../../../../translated_images/player.dd24c1afa8c71e9b.lt.png) + ![Herojaus laivas](../../../../translated_images/lt/player.dd24c1afa8c71e9b.png) - 5x5 monstrų grupė - ![Monstro laivas](../../../../translated_images/enemyShip.5df2a822c16650c2.lt.png) + ![Monstro laivas](../../../../translated_images/lt/enemyShip.5df2a822c16650c2.png) ### Rekomenduojami žingsniai pradėti kūrimą @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Galutinis rezultatas turėtų atrodyti taip: -![Juodas ekranas su herojumi ir 5*5 monstrais](../../../../translated_images/partI-solution.36c53b48c9ffae2a.lt.png) +![Juodas ekranas su herojumi ir 5*5 monstrais](../../../../translated_images/lt/partI-solution.36c53b48c9ffae2a.png) ## Sprendimas diff --git a/translations/lt/6-space-game/5-keeping-score/README.md b/translations/lt/6-space-game/5-keeping-score/README.md index 348ee83a3..b05060183 100644 --- a/translations/lt/6-space-game/5-keeping-score/README.md +++ b/translations/lt/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Taškų sistema**: Kiekvienas sunaikintas priešo laivas suteikia 100 taškų (apvalūs skaičiai žaidėjams lengvesni protui). Rezultatas rodomas apatiniame kairiajame kampe. -- **Gyvybių skaitiklis**: Jūsų herojus pradeda turėdamas tris gyvybes – standartą, nustatytą ankstyvuose arkadiniuose žaidimuose, siekiant suderinti iššūkį su žaidžiamumu. Kiekvienas susidūrimas su priešu kainuoja vieną gyvybę. Likusios gyvybės rodomos apatiniame dešiniajame kampe, naudojant laivo ikonas ![life image](../../../../translated_images/life.6fb9f50d53ee0413.lt.png). +- **Gyvybių skaitiklis**: Jūsų herojus pradeda turėdamas tris gyvybes – standartą, nustatytą ankstyvuose arkadiniuose žaidimuose, siekiant suderinti iššūkį su žaidžiamumu. Kiekvienas susidūrimas su priešu kainuoja vieną gyvybę. Likusios gyvybės rodomos apatiniame dešiniajame kampe, naudojant laivo ikonas ![life image](../../../../translated_images/lt/life.6fb9f50d53ee0413.png). ## Pradėkime kurti! diff --git a/translations/lt/7-bank-project/1-template-route/README.md b/translations/lt/7-bank-project/1-template-route/README.md index 632220452..da920c8d8 100644 --- a/translations/lt/7-bank-project/1-template-route/README.md +++ b/translations/lt/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Naudojant `history.pushState`, sukuriami nauji įrašai naršyklės navigacijos istorijoje. Galite patikrinti tai paspausdami ir palaikydami naršyklės *atgal* mygtuką, jis turėtų parodyti kažką panašaus: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.lt.png) +![Screenshot of navigation history](../../../../translated_images/lt/history.7fdabbafa521e064.png) Jei kelis kartus spustelėsite atgal mygtuką, pamatysite, kad esamas URL keičiasi ir istorija atnaujinama, tačiau tas pats šablonas vis dar rodomas. diff --git a/translations/lt/7-bank-project/2-forms/README.md b/translations/lt/7-bank-project/2-forms/README.md index 03fa935a7..8e92813ff 100644 --- a/translations/lt/7-bank-project/2-forms/README.md +++ b/translations/lt/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Pirmiausia pažiūrėkime, kas vyksta su paprastu formos siuntimu: 2. Stebėkite pakeitimus naršyklės adreso juostoje 3. Atkreipkite dėmesį, kaip puslapis persikrauna ir duomenys atsiranda URL -![Naršyklės adreso juostos pakeitimo ekrano nuotrauka paspaudus Registruotis mygtuką](../../../../translated_images/click-register.e89a30bf0d4bc9ca.lt.png) +![Naršyklės adreso juostos pakeitimo ekrano nuotrauka paspaudus Registruotis mygtuką](../../../../translated_images/lt/click-register.e89a30bf0d4bc9ca.png) ### HTTP metodų palyginimas @@ -346,7 +346,7 @@ Konfigūruokime registracijos formą taip, kad ji tinkamai bendrautų su užpaka 2. **Spustelėkite** "Sukurti paskyrą" mygtuką 3. **Stebėkite** serverio atsaką naršyklėje -![Naršyklės langas adresu localhost:5000/api/accounts, rodantis JSON eilutę su vartotojo duomenimis](../../../../translated_images/form-post.61de4ca1b964d91a.lt.png) +![Naršyklės langas adresu localhost:5000/api/accounts, rodantis JSON eilutę su vartotojo duomenimis](../../../../translated_images/lt/form-post.61de4ca1b964d91a.png) **Ką turėtumėte pamatyti:** - **Naršyklė nukreipia** į API galinį tašką URL @@ -609,7 +609,7 @@ async function register() { 3. **Paspauskite** „Create Account“ 4. **Stebėkite** konsolės žinutes ir vartotojo atsiliepimą -![Ekrano kopija, rodanti konsolės pranešimą naršyklėje](../../../../translated_images/browser-console.efaf0b51aaaf6778.lt.png) +![Ekrano kopija, rodanti konsolės pranešimą naršyklėje](../../../../translated_images/lt/browser-console.efaf0b51aaaf6778.png) **Ką turėtumėte pamatyti:** - **Įkėlimo būsena** matoma ant pateikimo mygtuko @@ -783,7 +783,7 @@ Patobulinkime jūsų registracijos formą su stipriu tikrinimu, kuris užtikrina 3. **Pabandykite** specialius simbolius slapyvardžio lauke 4. **Įveskite** neigiamą balanso reikšmę -![Ekrano kopija rodanti tikrinimo klaidą kuriant formą](../../../../translated_images/validation-error.8bd23e98d416c22f.lt.png) +![Ekrano kopija rodanti tikrinimo klaidą kuriant formą](../../../../translated_images/lt/validation-error.8bd23e98d416c22f.png) **Ką pastebėsite:** - **Naršyklė rodo** vietinius tikrinimo pranešimus @@ -943,7 +943,7 @@ HTML faile parodykite klaidos žinutę, jei vartotojas jau egzistuoja. Štai pavyzdys, kaip gali atrodyti galutinis prisijungimo puslapis po šiek tiek stiliaus taikymo: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.lt.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/lt/result.96ef01f607bf856a.png) ## Po paskaitos quizas diff --git a/translations/lt/7-bank-project/3-data/README.md b/translations/lt/7-bank-project/3-data/README.md index 1b6f9ac19..d51b6706a 100644 --- a/translations/lt/7-bank-project/3-data/README.md +++ b/translations/lt/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Grąžina pilną HTML puslapį Browser->>User: Rodo naują puslapį (mirksėjimas/perkrovimas) ``` -![Atnaujinimo eiga daugiasvetyje programėlėje](../../../../translated_images/mpa.7f7375a1a2d4aa77.lt.png) +![Atnaujinimo eiga daugiasvetyje programėlėje](../../../../translated_images/lt/mpa.7f7375a1a2d4aa77.png) **Kodėl toks metodas atrodė nepatogus:** - Kiekvienas paspaudimas reiškė viso puslapio perkūrimą nuo nulio @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Atnaujina konkrečius puslapio elementus Browser->>User: Rodo atnaujintą turinį (nereikia perkrovimo) ``` -![Atnaujinimo eiga vieno puslapio programėlėje](../../../../translated_images/spa.268ec73b41f992c2.lt.png) +![Atnaujinimo eiga vieno puslapio programėlėje](../../../../translated_images/lt/spa.268ec73b41f992c2.png) **Kodėl SPA atrodo daug geriau:** - Atnaujinamos tik iš tikrųjų pasikeitusios dalys (protinga, tiesa?) @@ -516,7 +516,7 @@ if (data.error) { Dabar, kai testuosite neteisingu paskyros duomenimis, matysite naudingą klaidos pranešimą tiesiog puslapyje! -![Prisijungimo klaidos pranešimo vaizdas](../../../../translated_images/login-error.416fe019b36a6327.lt.png) +![Prisijungimo klaidos pranešimo vaizdas](../../../../translated_images/lt/login-error.416fe019b36a6327.png) #### 4 žingsnis: įtraukiantis prieinamumas @@ -950,7 +950,7 @@ Pasiruošę pakelti savo bankinę programėlę į kitą lygmenį? Padarykime ją Štai kaip galėtų atrodyti išbaigta suvestinė: -![Dashboard pavyzdžio ekrano kopija po stiliaus pritaikymo](../../../../translated_images/screen2.123c82a831a1d14a.lt.png) +![Dashboard pavyzdžio ekrano kopija po stiliaus pritaikymo](../../../../translated_images/lt/screen2.123c82a831a1d14a.png) Nereikia tiksliai kopijuoti – naudokite tai kaip įkvėpimą ir pritaikykite sau! diff --git a/translations/lt/7-bank-project/4-state-management/README.md b/translations/lt/7-bank-project/4-state-management/README.md index d11e24288..89a752a2e 100644 --- a/translations/lt/7-bank-project/4-state-management/README.md +++ b/translations/lt/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Kaip Titaniko skirsniai atrodė labai tvirti, kol keli skyriai nebuvo užpildyti Vietoje to, kad vaikytumėmės savo uodegos, kursime **centralizuotą būsenos valdymo** sistemą. Įsivaizduokite, kad turite vieną labai organizuotą asmenį, kuris tvarko viską svarbų: -![Schema, rodanti duomenų srautus tarp HTML, vartotojo veiksmų ir būsenos](../../../../translated_images/data-flow.fa2354e0908fecc8.lt.png) +![Schema, rodanti duomenų srautus tarp HTML, vartotojo veiksmų ir būsenos](../../../../translated_images/lt/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Kaip šachmatų meistrai, kurie atskiria svarbias figūras nuo menkaverčių pė Čia pateikiamas pavyzdinis rezultatas po namų darbo atlikimo: -![Ekrano nuotrauka su pavyzdiniu "Pridėti transakciją" dialogu](../../../../translated_images/dialog.93bba104afeb79f1.lt.png) +![Ekrano nuotrauka su pavyzdiniu "Pridėti transakciją" dialogu](../../../../translated_images/lt/dialog.93bba104afeb79f1.png) --- diff --git a/translations/lt/7-bank-project/4-state-management/assignment.md b/translations/lt/7-bank-project/4-state-management/assignment.md index c87485417..7a0081c2b 100644 --- a/translations/lt/7-bank-project/4-state-management/assignment.md +++ b/translations/lt/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Pasižiūrėkite į [serverio API dokumentaciją](../api/README.md), kur rasite: **Laukiamas rezultatas:** Baigus šią užduotį, jūsų banko programa turės visiškai veikiantį „Pridėti sandorį“ funkcionalumą, kuris atrodo ir veikia profesionaliai: -![Ekrano nuotrauka, rodanti pavyzdinį „Pridėti sandorį“ dialogą](../../../../translated_images/dialog.93bba104afeb79f1.lt.png) +![Ekrano nuotrauka, rodanti pavyzdinį „Pridėti sandorį“ dialogą](../../../../translated_images/lt/dialog.93bba104afeb79f1.png) ## Testavimas diff --git a/translations/lt/7-bank-project/README.md b/translations/lt/7-bank-project/README.md index 44b9a89b1..ae0ca1ad4 100644 --- a/translations/lt/7-bank-project/README.md +++ b/translations/lt/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Šiame projekte išmoksite, kaip sukurti fiktyvų banką. Šios pamokos apima instrukcijas, kaip sukurti internetinės programos išdėstymą ir maršrutus, kurti formas, valdyti būseną ir gauti duomenis iš API, iš kurios galėsite gauti banko duomenis. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.lt.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.lt.png) | +| ![Screen1](../../../translated_images/lt/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/lt/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Pamokos diff --git a/translations/lt/8-code-editor/1-using-a-code-editor/README.md b/translations/lt/8-code-editor/1-using-a-code-editor/README.md index 336a9881b..9f337476b 100644 --- a/translations/lt/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/lt/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Kaip Aleksandras Grahamas Bellas telefono dėka jungė atstumais esančias vieta Kai viskas užsikraus, pamatysite švariai išdėstytą darbo vietą, kuri sukurta taip, kad būtumėte susikoncentravę į svarbiausia – kodą! -![Numatytasis VSCode.dev sąsajos vaizdas](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.lt.png) +![Numatytasis VSCode.dev sąsajos vaizdas](../../../../translated_images/lt/default-vscode-dev.5d06881d65c1b323.png) **Apžvalga jūsų rajono:** - **Veiklos juosta** (kairėje esanti juosta): pagrindinė jūsų navigacija su Naršyklė 📁, Paieška 🔍, Versijų valdymas 🌿, Plėtiniai 🧩 ir Nustatymai ⚙️ @@ -229,7 +229,7 @@ Tai puikus būdas pradėti darbą VSCode.dev ir atidaryti konkretų saugyklą. P 1. Eikite į [vscode.dev](https://vscode.dev), jei dar ten nesate 2. Paspauskite mygtuką "Open Remote Repository" pasveikinimo ekrane - ![Atidaryti nuotolinę saugyklą](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.lt.png) + ![Atidaryti nuotolinę saugyklą](../../../../translated_images/lt/open-remote-repository.bd9c2598b8949e7f.png) 3. Įklijuokite bet kokį GitHub saugyklos URL (išbandykite šį: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Paspauskite Enter ir stebėkite magiją! @@ -238,7 +238,7 @@ Tai puikus būdas pradėti darbą VSCode.dev ir atidaryti konkretų saugyklą. P Norite jaustis tarsi programavimo žinovas? Išbandykite šį klaviatūros spartųjį klavišą: Ctrl+Shift+P (ar Cmd+Shift+P Mac) atidaryti Komandų paletę: -![Komandų paletė](../../../../translated_images/palette-menu.4946174e07f42622.lt.png) +![Komandų paletė](../../../../translated_images/lt/palette-menu.4946174e07f42622.png) **Komandų paletė yra tarsi paieškos variklis viskam, ką galite daryti:** - Įveskite "open remote" ir ji suras, kaip atidaryti saugyklą @@ -300,7 +300,7 @@ Kaip architekto biure tvarkomi brėžiniai, taip pat ir VSCode.dev failų kūrim 3. Įrašykite failo pavadinimą su tinkamu plėtiniu (`style.css`, `script.js`, `index.html`) 4. Paspauskite Enter, kad sukurtumėte failą -![Naujo failo kūrimas](../../../../translated_images/create-new-file.2814e609c2af9aeb.lt.png) +![Naujo failo kūrimas](../../../../translated_images/lt/create-new-file.2814e609c2af9aeb.png) **Vardų taisyklės:** - Naudokite aprašomuosius pavadinimus, nurodančius failo paskirtį @@ -318,7 +318,7 @@ Kaip architekto biure tvarkomi brėžiniai, taip pat ir VSCode.dev failų kūrim 2. Pradėkite rašyti ir stebėkite, kaip VSCode.dev padeda spalvomis, pasiūlymais ir klaidų aptikimu 3. Išsaugokite darbą su Ctrl+S (Windows/Linux) arba Cmd+S (Mac) – nors automatinis įrašymas yra taip pat! -![Failų redagavimas VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.lt.png) +![Failų redagavimas VSCode.dev](../../../../translated_images/lt/edit-a-file.52c0ee665ef19f08.png) **Įdomybės programuojant:** - Jūsų kodas gražiai spalvinamas, kad būtų lengviau skaityti @@ -339,7 +339,7 @@ Kaip archeologai detaliai fiksuoja kasinėjimų sluoksnius, taip Git seka jūsų 2. Modifikuoti failai rodomi „Changes“ skiltyje 3. Spalvų žymėjimas nurodo pakeitimų tipus: žalia priedams, raudona ištrynimams -![Pakeitimų peržiūra Versijų valdyme](../../../../translated_images/working-tree.c58eec08e6335c79.lt.png) +![Pakeitimų peržiūra Versijų valdyme](../../../../translated_images/lt/working-tree.c58eec08e6335c79.png) **Kaip įrašyti pakeitimus (įsipareigojimo eiga):** @@ -431,7 +431,7 @@ Papildinių rinka yra labai gerai organizuota, tad nesuklysite ieškodami reikal 2. Naršykite arba ieškokite konkretaus dalyko 3. Spauskite ant įdomių elementų, kad sužinotumėte daugiau -![Papildinių rinkos sąsaja](../../../../translated_images/extensions.eca0e0c7f59a10b5.lt.png) +![Papildinių rinkos sąsaja](../../../../translated_images/lt/extensions.eca0e0c7f59a10b5.png) **Ką ten rasite:** @@ -484,7 +484,7 @@ Dauguma plėtinių turi nustatymus, kuriuos galite keisti, kad jie veiktų tiksl 3. Pasirinkite „Extension Settings“ iš išskleidžiamojo meniu 4. Koreguokite nustatymus tol, kol darbo eiga atitiks jūsų poreikius -![Kuriant plėtinių nustatymus](../../../../translated_images/extension-settings.21c752ae4f4cdb78.lt.png) +![Kuriant plėtinių nustatymus](../../../../translated_images/lt/extension-settings.21c752ae4f4cdb78.png) **Dažniausiai norimos keisti dalykai:** - Kaip formatuojamas kodas (tarpai ar tabuliacijos, eilučių ilgis ir pan.) diff --git a/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md b/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md index a9bd0397e..ce0f8b1fe 100644 --- a/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/lt/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Kadangi VSCode.dev reikalauja bent vieno failo, kad būtų galima atidaryti saug 4. Parašykite įsipareigojimo žinutę: „Pridėti pradinę HTML struktūrą“ 5. **Paspauskite** „Commit new file“, kad išsaugotumėte pakeitimus -![Naujo failo kūrimas GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.lt.png) +![Naujo failo kūrimas GitHub](../../../../translated_images/lt/new-file-github.com.c886796d800e8056.png) **Šis pradinis nustatymas įgyvendina:** - **Sukuria** tinkamą HTML5 dokumento struktūrą su semantiniais elementais @@ -104,7 +104,7 @@ Dabar, kai jūsų saugyklos pagrindas yra parengtas, pereikime prie VSCode.dev p ✅ **Sėkmės indikatorius**: Jūs matysite savo projekto failus „Explorer“ šoninėje juostoje, o `index.html` bus atidarytas redagavimui pagrindinėje redaktoriaus srityje. -![Projektas užkrautas VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.lt.png) +![Projektas užkrautas VSCode.dev](../../../../translated_images/lt/project-on-vscode.dev.e79815a9a95ee7fe.png) **Sąsajoje matysite:** - **Explorer šoninę juostą**: rodo jūsų saugyklos failus ir aplankų struktūrą @@ -449,7 +449,7 @@ Plėtiniai pagerina jūsų kūrimo patirtį suteikdami gyvos peržiūros galimyb **Tiesioginiai rezultatai po įdiegimo:** Įdiegus CodeSwing, redaktoriuje pasirodys gyvos peržiūros langas su jūsų gyvenimo aprašymo svetaine. Galėsite matyti, kaip atrodo svetainė redaguojant turinį. -![CodeSwing plėtinys rodo gyvą peržiūrą](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.lt.png) +![CodeSwing plėtinys rodo gyvą peržiūrą](../../../../translated_images/lt/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Patobulintos sąsajos funkcijos:** - Atskiras vaizdas: rodo kodą vienoje pusėje ir gyvą peržiūrą kitoje diff --git a/translations/lt/9-chat-project/README.md b/translations/lt/9-chat-project/README.md index f36a0da8e..d02ac36ef 100644 --- a/translations/lt/9-chat-project/README.md +++ b/translations/lt/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Štai kaip atrodys jūsų baigtas projektas: -![Pokalbių programos sąsaja rodanti naudotojo ir DI asistento pokalbį](../../../translated_images/screenshot.0a1ee0d123df681b.lt.png) +![Pokalbių programos sąsaja rodanti naudotojo ir DI asistento pokalbį](../../../translated_images/lt/screenshot.0a1ee0d123df681b.png) ## 🗺️ Jūsų mokymosi kelionė DI programų kūrime @@ -189,7 +189,7 @@ mindmap ``` **Pagrindinė taisyklė**: DI programų kūrimas derina tradicinius interneto kūrimo įgūdžius su DI paslaugų integracija, kuri formuoja protingas programas, kurios atrodo natūralios ir jautrios vartotojams. -![GitHub Models AI Playground sąsaja su modelio pasirinkimu ir testavimo zona](../../../translated_images/playground.d2b927122224ff8f.lt.png) +![GitHub Models AI Playground sąsaja su modelio pasirinkimu ir testavimo zona](../../../translated_images/lt/playground.d2b927122224ff8f.png) **Kodėl žaidimų aikštelė tokia naudinga:** - **Išbandykite** skirtingus DI modelius kaip GPT-4o-mini, Claude ir kitus (visi nemokami!) @@ -199,7 +199,7 @@ mindmap Kai šiek tiek pažaistumėte, tiesiog spustelėkite skirtuką „Code“ ir pasirinkite programavimo kalbą, kad gautumėte įgyvendinimo kodą, kurio jums prireiks. -![Žaidimų aikštelės pasirinkimas su kodo generavimo galimybėmis skirtingomis programavimo kalbomis](../../../translated_images/playground-choice.1d23ba7d407f4758.lt.png) +![Žaidimų aikštelės pasirinkimas su kodo generavimo galimybėmis skirtingomis programavimo kalbomis](../../../translated_images/lt/playground-choice.1d23ba7d407f4758.png) ## Python backend integracijos nustatymas @@ -2353,14 +2353,14 @@ Norite išbandyti šį projektą debesijos kūrimo aplinkoje? GitHub Codespaces - **Eikite į** [Web Dev For Beginners saugyklą](https://github.com/microsoft/Web-Dev-For-Beginners) - **Spauskite** „Use this template“ viršutiniame dešiniajame kampe (įsitikinkite, kad esate prisijungę prie GitHub) -![Sukūrimo iš šablono sąsaja su žaliu mygtuku "Use this template"](../../../translated_images/template.67ad477109d29a2b.lt.png) +![Sukūrimo iš šablono sąsaja su žaliu mygtuku "Use this template"](../../../translated_images/lt/template.67ad477109d29a2b.png) **2 žingsnis: Paleiskite Codespaces** - **Atidarykite** ką tik sukurtą saugyklą - **Paspauskite** žalią "Code" mygtuką ir pasirinkite "Codespaces" - **Pasirinkite** "Create codespace on main" pradėti kūrimo aplinką -![Codespace kūrimo sąsaja su pasirinkimais debesijos kūrimo aplinkai paleisti](../../../translated_images/codespace.bcecbdf5d2747d3d.lt.png) +![Codespace kūrimo sąsaja su pasirinkimais debesijos kūrimo aplinkai paleisti](../../../translated_images/lt/codespace.bcecbdf5d2747d3d.png) **3 žingsnis: Aplinkos konfigūracija** Kai Codespace pasikrauna, turėsite prieigą prie: diff --git a/translations/lt/README.md b/translations/lt/README.md index 654c9a06f..b0b508976 100644 --- a/translations/lt/README.md +++ b/translations/lt/README.md @@ -72,13 +72,13 @@ Nepraleiskite mūsų naujos Generatyvinės DI mokymo programos! Aplankykite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pradėti! -![Background](../../translated_images/background.148a8d43afde5730.lt.png) +![Background](../../translated_images/lt/background.148a8d43afde5730.png) - Pamokos apimančios viską nuo pagrindų iki RAG. - Bendravimas su istorijų veikėjais naudojant GenAI ir mūsų companion programėlę. - Įdomi ir įtraukianti istorija – keliausite laiku! -![character](../../translated_images/character.5c0dd8e067ffd693.lt.png) +![character](../../translated_images/lt/character.5c0dd8e067ffd693.png) Kiekviena pamoka apima užduotį atlikti, žinių patikrinimą ir iššūkį, kurie padeda mokytis tokių temų kaip: @@ -115,7 +115,7 @@ Atlikite šiuos veiksmus: Jūsų sukurtos šios saugyklos kopijos lange, spustelėkite mygtuką **Code** ir pasirinkite **Open with Codespaces**. Tai sukurs naują Codespace aplinką darbui. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.lt.png) +![Codespace](../../translated_images/lt/createcodespace.0238bbf4d7a8d955.png) #### Programa vietoje, jūsų kompiuteryje diff --git a/translations/lt/for-teachers.md b/translations/lt/for-teachers.md index 6bc2b99f1..0d93e02ff 100644 --- a/translations/lt/for-teachers.md +++ b/translations/lt/for-teachers.md @@ -42,10 +42,10 @@ Patarimas: Venkite saugyklų laikymo sinchronizuotuose aplankuose (pvz., OneDriv - Moodle Cloud turi ribotą Common Cartridge palaikymą. Geriau naudoti aukščiau pateiktą Moodle failą, kurį taip pat galima įkelti į Canvas. - Po importavimo peržiūrėkite modulius, terminų datas ir testų nustatymus, kad jie atitiktų jūsų semestro tvarkaraštį. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.lt.png) +![Moodle](../../translated_images/lt/moodle.94eb93d714a50cb2.png) > Mokymo programa Moodle klasėje -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.lt.png) +![Canvas](../../translated_images/lt/canvas.fbd605ff8e5b8aff.png) > Mokymo programa Canvas platformoje ### Naudojimas tiesiogiai iš repo (be Classroom) diff --git a/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md index c16adb864..bbc3f926c 100644 --- a/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/ml/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: ഇന്ന് നാം ആധുനിക വെബ് വികസനം സാദ്ധ്യമാക്കുന്നതിനും അതിനായി വൃത്തിവത്കരിച്ച ആധുനിക ടൂളുകളെക്കുറിച്ച് പ്രാവശ്യമാണ്. നെറ്റ്ഫ്ലിക്സ്, സ്പോട്ടിഫൈ, നിങ്ങളുടെ പ്രിയപ്പെട്ട ഇൻഡീ ആപ്പ് സ്റ്റുഡിയോ എന്നിവിടങ്ങളിലെ ഡെവലപ്പറർമാർ ദിവസവും ഉപയോഗിക്കുന്ന സമാനമായ എഡിറ്റർ, ബ്രൗസർ, പ്രവൃത്തി രീതികൾ ആണ് ഇവിടെ ഉദ്ദേശിക്കുന്നത്. ഇത് നിങ്ങളെ സന്തോഷത്തിൽ റീച്ച് ചെയ്യാൻ പോകുന്നത്: ഈ പ്രൊഫഷണൽ ഗ്രേഡ്, വ്യവസായ നിലവാരത്തിലുള്ള ടൂളുകൾ കൂടുതലായി സൗജന്യമാണ്! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.ml.png) +![Intro Programming](../../../../translated_images/ml/webdev101-programming.d6e3f98e61ac4bff.png) > സ്കെച് നോട്ട്സ്: [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ml/1-getting-started-lessons/2-github-basics/README.md b/translations/ml/1-getting-started-lessons/2-github-basics/README.md index 1573b44cf..abc7c51d0 100644 --- a/translations/ml/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/ml/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: ഈ യാത്ര ഞങ്ങൾ ഒന്നിച്ച് കാൽ ചവിട്ടി തുടരും. വേഗം വേണ്ട, സമ്മർദ്ദം വേണ്ട – നിങ്ങൾക്കും, എനിക്കും, ഇനി നിങ്ങളുടെ പുതിയ മികച്ച കൂട്ടുകാരായി മാറാൻ പോകുന്ന ചില മികച്ച ഉപകരണങ്ങൾക്കുമൊത്ത്! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.ml.png) +![Intro to GitHub](../../../../translated_images/ml/webdev101-github.8846d7971abef6f9.png) > സ്കെച്ച്നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) द्वारा ```mermaid @@ -603,7 +603,7 @@ flowchart TD ✅ 'beginner-friendly' റിപോസിറ്ററികൾ കണ്ടെത്താൻ മികച്ച മാർഗം [good-first-issue ടാഗ് ഉപയോഗിച്ച് തെരയുക](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/) . -![ഒരു റിപോ ലോക്കലായി കോപ്പി ചെയ്യുക](../../../../translated_images/clone_repo.5085c48d666ead57.ml.png) +![ഒരു റിപോ ലോക്കലായി കോപ്പി ചെയ്യുക](../../../../translated_images/ml/clone_repo.5085c48d666ead57.png) കോഡ് കോപ്പി ചെയ്യാനുള്ള പല മാർഗ്ഗങ്ങളുണ്ട്. ഒരു മാർഗ്ഗം "clone" ചെയ്യുക എന്നതാണ്, HTTPS, SSH അല്ലെങ്കിൽ GitHub CLI (കമാൻഡ് ലൈൻ ഇന്റർഫേസ്) ഉപയോക്തൃ ഇനങ്ങളിലൂടെ. diff --git a/translations/ml/1-getting-started-lessons/3-accessibility/README.md b/translations/ml/1-getting-started-lessons/3-accessibility/README.md index 591e250d7..6e9295ebb 100644 --- a/translations/ml/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/ml/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ആക്‌സസിബിൾ വെബ്പേജുകൾ സൃഷ്ടിക്കൽ -![ആക്‌സസിബിലിറ്റിയെക്കുറിച്ചു മുഴുവൻ](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.ml.png) +![ആക്‌സസിബിലിറ്റിയെക്കുറിച്ചു മുഴുവൻ](../../../../translated_images/ml/webdev101-a11y.8ef3025c858d897a.png) > സ്കെച്‌നോട്ട് [ടോമോമി ഇമൂറ](https://twitter.com/girlie_mac) ഉത്ഘാടനം ```mermaid @@ -1049,12 +1049,12 @@ pie title "സാധാരണ ARIA ഉപയോഗ പാറ്റേണുക **വിവരമുഖ ചിതറുകൾ** - പ്രധാന വിവരങ്ങൾ കൈമാറുന്നു: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **ആലങ്കാരിക ചിത്രങ്ങൾ** - നിരൂപണ മൂല്യമില്ലാത്ത ദൃശ്യങ്ങൾ: ```html - + ``` **പ്രയോഗാത്മക ചിത്രങ്ങൾ** - ബട്ടണുകളോ നിയന്ത്രണങ്ങളോ ആയി ഉപയോഗിക്കുന്നു: @@ -1066,7 +1066,7 @@ pie title "സാധാരണ ARIA ഉപയോഗ പാറ്റേണുക **സങ്കീർണ ചിത്രങ്ങൾ** - ചാർട്ടുകൾ, വീഴ്‍വിളക്കങ്ങൾ, വിവരചിത്രങ്ങൾ: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ pie title "സാധാരണ ARIA ഉപയോഗ പാറ്റേണുക - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/ml/2-js-basics/1-data-types/README.md b/translations/ml/2-js-basics/1-data-types/README.md index d10d4678c..3cfc3b55b 100644 --- a/translations/ml/2-js-basics/1-data-types/README.md +++ b/translations/ml/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: ഡേറ്റാ ടൈപ്പുകൾ -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.ml.png) +![JavaScript Basics - Data types](../../../../translated_images/ml/webdev101-js-datatypes.4cc470179730702c.png) > സ്കെച്ഛ് നോട്ടു [Tomomi Imura](https://twitter.com/girlie_mac) tarafından hazırlandı. ```mermaid diff --git a/translations/ml/2-js-basics/2-functions-methods/README.md b/translations/ml/2-js-basics/2-functions-methods/README.md index 194b974f4..030dcd1b3 100644 --- a/translations/ml/2-js-basics/2-functions-methods/README.md +++ b/translations/ml/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: മെത്തഡുകളും ഫങ്ഷനുകളും -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.ml.png) +![JavaScript Basics - Functions](../../../../translated_images/ml/webdev101-js-functions.be049c4726e94f8b.png) > സ്‌കെച്ച്നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) tərəfindən ```mermaid diff --git a/translations/ml/2-js-basics/3-making-decisions/README.md b/translations/ml/2-js-basics/3-making-decisions/README.md index 979ec1e4d..5727a9494 100644 --- a/translations/ml/2-js-basics/3-making-decisions/README.md +++ b/translations/ml/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: തീരുമാനങ്ങൾ എടുക്കൽ -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ml.png) +![JavaScript Basics - Making decisions](../../../../translated_images/ml/webdev101-js-decisions.69e1b20f272dd1f0.png) > സ്കെച്ച് നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) രചിച്ചത് diff --git a/translations/ml/2-js-basics/4-arrays-loops/README.md b/translations/ml/2-js-basics/4-arrays-loops/README.md index 59e58a15f..4ba7fe7b7 100644 --- a/translations/ml/2-js-basics/4-arrays-loops/README.md +++ b/translations/ml/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ജാവാസ്ക്രിപ്റ്റ് അടിസ്ഥാനങ്ങൾ: നിരകളും ലൂപ്പുകളും -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.ml.png) +![JavaScript Basics - Arrays](../../../../translated_images/ml/webdev101-js-arrays.439d7528b8a29455.png) > സ്കെച്ച്നോട്ട് \- [ടോമോമി ഇമുറ](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ml/3-terrarium/1-intro-to-html/README.md b/translations/ml/3-terrarium/1-intro-to-html/README.md index 666c39469..2185cbea6 100644 --- a/translations/ml/3-terrarium/1-intro-to-html/README.md +++ b/translations/ml/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Enhance accessibility: 5: Student Build terrarium: 5: Student ``` -![Introduction to HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.ml.png) +![Introduction to HTML](../../../../translated_images/ml/webdev101-html.4389c2067af68e98.png) > സ്കെച്ച്നോട്ട് [Tomomi Imura](https://twitter.com/girlie_mac) tarafından HTML, അല്ലെങ്കിൽ HyperText Markup Language, നിങ്ങൾ എപ്പോഴും സന്ദർശിച്ചിട്ടുള്ള എല്ലാ വെബ്‌സൈറ്റുകളുടെ അടിസ്ഥാനമാണ്. HTML-നെ വെബ് പേജുകൾക്ക് ഘടന നൽകുന്ന അറസ്റ്റിൽ വെള്ളം പോലെ കരുതുക - ഇത് ചെയ്യുന്നുണ്ട് സമവായം എവിടെയാണ് പോകേണ്ടത്, അത് എങ്ങനെ ക്രമീകരിക്കപ്പെടുന്നു, ഓരോ ഭാഗവും എന്താണ് പ്രതിനിധീകരിക്കുന്നത്. CSS പിന്നീട് നിങ്ങളുടെ HTML നിറങ്ങൾ, ലേയൗട്ടുകൾ എന്നിവ കൊണ്ട് "അലങ്കരിക്കും" ഒപ്പം ജാവാസ്ക്രിപ്റ്റ് ഇത് ജീവിക്കാൻ ഇന്റർമൂഹമായ ഇടപെടൽ നൽകും, HTML അതെല്ലാം കഴിഞ്ഞ് മറ്റ് എല്ലാം ഗുണം നേടുന്ന അടിസ്ഥാന ഘടന നൽകുന്നു. @@ -86,7 +86,7 @@ HTML കോഡിലേക്ക് പ്രവേശിക്കുന്ന 4. Explorer പാനലിൽ "ന്യൂ ഫയൽ" ഐക്കൺ ക്ലിക്കുചെയ്യുക 5. നിങ്ങളുടെ ഫയലിന് `index.html` എന്ന പേര് നൽകുക -![VS Code Explorer പുതിയ ഫയൽ സൃഷ്ടിക്കുന്നത് കാണിക്കുന്നു](../../../../translated_images/vs-code-index.e2986cf919471eb9.ml.png) +![VS Code Explorer പുതിയ ഫയൽ സൃഷ്ടിക്കുന്നത് കാണിക്കുന്നു](../../../../translated_images/ml/vs-code-index.e2986cf919471eb9.png) **ഓപ്ഷൻ 2: ടെർമിനൽ കമാൻഡുകൾ ഉപയോഗിച്ച്** ```bash @@ -236,48 +236,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/ml/3-terrarium/2-intro-to-css/README.md b/translations/ml/3-terrarium/2-intro-to-css/README.md index 8ec4bfb3e..69d7714c3 100644 --- a/translations/ml/3-terrarium/2-intro-to-css/README.md +++ b/translations/ml/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey റെസ്പോൺസീവ് ഡിസൈൻ: 5: Student ഗ്ലാസ് പ്രതിഫലനങ്ങൾ: 5: Student ``` -![CSS-ഇന്റെ പരിചയം](../../../../translated_images/webdev101-css.3f7af5991bf53a20.ml.png) +![CSS-ഇന്റെ പരിചയം](../../../../translated_images/ml/webdev101-css.3f7af5991bf53a20.png) > സ്കെച്ച്നോട്ട് [ടോമോമി ഇമുര](https://twitter.com/girlie_mac)രിടം നിന്റെ HTML ടെററിയം എത്ര സാധാരണമായിരുന്നു എന്ന് ഓർക്കുന്നുണ്ടോ? CSS ആണ് ആ പാരിപ്പൊളിച്ച ഘടനയെ ദൃശ്യപരമായി ആകര്‍ഷകമാക്കുന്നത്. @@ -202,7 +202,7 @@ body { നിന്റെ ബ്രൗസറിന്റെ ഡിസ്ക്കമ്പോസർ ടൂൾസ് (F12) തുറക്കൂ, Elements ടാബ് തിരഞ്ഞെടുക്കൂ, `

`-നെ പരിശോധിക്കൂ. ഇത് `body`-യിൽ നിന്നുള്ള ഫോണ്ട് ഫാമിലി പാരമ്പര്യമായി സ്വീകരിച്ചത് കാണാം: -![inherited font](../../../../translated_images/1.cc07a5cbe114ad1d.ml.png) +![inherited font](../../../../translated_images/ml/1.cc07a5cbe114ad1d.png) ✅ **പരീക്ഷണമെടുത്ത് നോക്കൂ**: ``-യ്‌ക്ക് `color`, `line-height`, അല്ലെങ്കിൽ `text-align` പോലുള്ള മറ്റേതെങ്കിലും പാരമ്പര്യ സ്വഭാവങ്ങൾ സജ്ജമാക്കൂ. നിന്റെ തലക്കെട്ടിനും മറ്റ് എലമെന്റുകൾക്കും എന്ത് സംഭവിക്കുന്നു? @@ -332,7 +332,7 @@ ID സെലക്ടറുകൾ `#` ചിഹ്നം ഉപയോഗിച **ഓരോ ചെടിക്കും വേണ്ട HTML ഘടന:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` diff --git a/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md index ab4f50460..fe043d388 100644 --- a/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/ml/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Test functionality: 5: Student Complete terrarium: 5: Student ``` -![DOM ഉം ക്ലോസറും](../../../../translated_images/webdev101-js.10280393044d7eaa.ml.png) +![DOM ഉം ക്ലോസറും](../../../../translated_images/ml/webdev101-js.10280393044d7eaa.png) > സ്കെച്ച് നോട്ടു [Tomomi Imura](https://twitter.com/girlie_mac) എഴുതിയത് വെബ് ഡെവലപ്പ്മെന്റിന്റെ ഏറ്റവും ആകർഷകമായ ഭാഗങ്ങളിൽ ഒന്നിലേക്ക് സ്വാഗതം - ഇന്ററാക്ടീവ് ചെയ്യുന്നത്! ഡോക്യുമെന്റ് ഒബ്ജക്ട് മോഡൽ (DOM) നിങ്ങളുടെ HTML നും ജാവാസ്ക്രിപ്റ്റിനും ഇടയിലുള്ള ഒരു പാലമുപോലെയാണ്, ഇങ്ങനെ ഇന്ന് നിങ്ങളുടേ ടെറാരിയം ജീവിപ്പിക്കാൻ നാം ഇത് ഉപയോഗിക്കാം. ടിം ബേണേഴ്സ്-ലി ആദ്യ വെബ് ബ്രൗസർ സൃഷ്ടിച്ചതിനു ശേഷം, ഡോക്യുമെന്റുകൾ ഡൈനാമിക് ആയും ഇന്ററാക്ടീവ് ആയും ഉണ്ടാകുമെന്ന് വിചാരിച്ചിരുന്നു - DOM ആ വിചാരത്തെ സാധ്യമാക്കുന്നു. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/dom-tree.7daf0e763cbbba92.ml.png) +![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/ml/dom-tree.7daf0e763cbbba92.png) > DOM ഉം അതിലെ HTML മാർക്കപ് നമ്മളിത് കാണിക്കുന്ന വിധം. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) നൽകിയത് @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **ക്ലോസറുകൾ മനസ്സിലാക്കൽ**: ക്ലോസറുകൾ ജാവാസ്ക്രിപ്റ്റിൽ പ്രധാന വിഷയം ആണ്, പല ഡെവലപ്പർമാർ ഇത് തങ്ങളുടെ കരുത്തിലും കാലയളവിലും ഉപയോഗിക്കുമ്പോഴും അതിന്റെ സാക്ഷര理论 പൂർണ്ണമായി മനസ്സിലാക്കാറില്ല. ഇന്ന് നാം പ്രായോഗിക പ്രയോഗത്തിൽ ശ്രദ്ധിക്കുകയാണ - നിങ്ങൾ നമ്മുടെ ഇന്ററാക്ടീവ് ഫീച്ചറുകൾ നിർമ്മിക്കുന്നപ്പോൾ ക്ലോസറുകൾ സ്വാഭാവികമായി തെളിയുമ്പോൾ മനസ്സിലാക്കും. -![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/dom-tree.7daf0e763cbbba92.ml.png) +![DOM വൃക്ഷ പ്രതിനിധാനം](../../../../translated_images/ml/dom-tree.7daf0e763cbbba92.png) > DOM ഉം അതിലെ HTML മാർക്കപ് നമ്മളിത് കാണിക്കുന്നത്. [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) നൽകിയത് @@ -591,7 +591,7 @@ function stopElementDrag() { - **ക്രാസ്-ഡിവൈസ് പിന്തുണ**: ഡെസ്ക്ടോപ്പിലും മൊബൈലിലും പ്രവർത്തിക്കുന്നു - **പ്രകടന കാര്യക്ഷമത**: മെമ്മറി ചോർച്ചകളോ ആവർത്തിക്കുന്ന കണക്കെടുപ്പുകളോ ഇല്ല -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.ml.png) +![finished terrarium](../../../../translated_images/ml/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/ml/3-terrarium/solution/README.md b/translations/ml/3-terrarium/solution/README.md index e432a87e3..8647cc823 100644 --- a/translations/ml/3-terrarium/solution/README.md +++ b/translations/ml/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: ഒരു ചെറിയ ഡ്രാഗ് ആൻഡ് ഡ്രോപ്പ് കോഡ്-ധ്യാനം. ചെറിയ HTML, JS, CSS ഉപയോഗിച്ച്, നിങ്ങൾക്ക് ഒരു വെബ് ഇന്റർഫേസ് നിർമ്മിക്കാൻ, അതിനെ സ്റ്റൈൽ ചെയ്യാൻ, ഒരു ഇന്ററാക്ഷൻ ചേർക്കാൻ കഴിയും. -![my terrarium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.ml.png) +![my terrarium](../../../../translated_images/ml/screenshot_gray.0c796099a1f9f25e.png) ## ക്രെഡിറ്റുകൾ diff --git a/translations/ml/5-browser-extension/1-about-browsers/README.md b/translations/ml/5-browser-extension/1-about-browsers/README.md index 94f84804d..0bd40fde6 100644 --- a/translations/ml/5-browser-extension/1-about-browsers/README.md +++ b/translations/ml/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey പ്രശ്നങ്ങൾ ഡീബഗ് ചെയ്യുക: 4: Student അനുഭവം മെച്ചപ്പെടുത്തുക: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.ml.jpg) +![Browser sketchnote](../../../../translated_images/ml/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)ലെ ## പ്രീ-ലക്ചർ ക്വിസ് @@ -77,7 +77,7 @@ mindmap ✅ **ചെറിയ ചരിത്രം**: ആദ്യ ബ്രൗസർ 'WorldWideWeb' എന്നായിരുന്നു, 1990-ൽ സാർ ടിമോത്തി ബേർണേഴ്‌സ്-ലിയുടെ സൃഷ്ടി. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.ml.jpg) +![early browsers](../../../../translated_images/ml/earlybrowsers.d984b711cdf3a42d.jpg) > ചില പ്രാരംഭ ബ്രൗസറുകൾ, [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) വഴി ### ബ്രൗസറുകൾ വെബ് ഉള്ളടക്കം എങ്ങനെ പ്രോസസ്സുചെയ്യുന്നു @@ -194,7 +194,7 @@ quadrantChart എക്സ്റ്റെൻഷൻ ഇൻസ്റ്റാളേഷൻ പ്രക്രിയ മനസ്സിലാക്കുന്നത് ഉപയോക്തൃ അനുഭവം പ്രതീക്ഷിക്കാനും സഹായിക്കുന്നു. ഇന്നത്തെ ആധുനിക ബ്രൗസറുകളിൽ ഈ പ്രക്രിയ മാനദണ്ഡം പോലെ സാന്ദ്രമായി ഈന്റർഫെയ്‌സ് രൂപകല്‍പ്പനയിൽ ചെറിയ വ്യത്യാസങ്ങളോടെ ഉണ്ട്. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.ml.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/ml/install-on-edge.d68781acaf0b3d3d.png) > **പ്രധാനത്തിന്**: നിങ്ങളുടെ സ്വന്തം എക്സ്റ്റെൻഷനുകൾ പരീക്ഷിക്കുമ്പോൾ ഡെവലപ്പർ മോഡ് സ്വിച്ച് ഓണാക്കി മറ്റു സ്റ്റോറുകളിൽ നിന്ന് എക്സ്റ്റെൻഷനുകൾ അനുവദിക്കുക. @@ -308,10 +308,10 @@ project-root/ ### എക്സ്റ്റെൻഷൻ കാഴ്ചകൾ അവലോകനം **സെറ്റപ്പ് കാഴ്ച** - ആദ്യകാല ഉപയോക്തൃ ക്രമീകരണം: -![സെറ്റപ്പ് കാഴ്ച](../../../../translated_images/1.b6da8c1394b07491.ml.png) +![സെറ്റപ്പ് കാഴ്ച](../../../../translated_images/ml/1.b6da8c1394b07491.png) **ഫല കാഴ്ച** - കാർബൺ പാദച്ചിഹ്ന ഡാറ്റാ പ്രദർശനം: -![ഫല കാഴ്ച](../../../../translated_images/2.1dae52ff08042246.ml.png) +![ഫല കാഴ്ച](../../../../translated_images/ml/2.1dae52ff08042246.png) ### ക്രമീകരണ ഫോം നിർമ്മിക്കല്‍ diff --git a/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md index 638929ea9..87a1bbb71 100644 --- a/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/ml/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: സംഭരിച്ച ഡാറ്റ നീക്കം ചെയ്യുക ClearStorage --> FirstTime: ക്രമീകരണത്തിലേക്ക് മടങ്ങുക ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.ml.png) +![Local storage pane](../../../../translated_images/ml/localstorage.472f8147b6a3f8d1.png) > ⚠️ **സുരക്ഷാ പരിഗണന**: ഉത്പാദന പ്രയോഗങ്ങളിൽ, API കീകൾ LocalStorage-ൽ സൂക്ഷിക്കുന്നത് സുരക്ഷാ അപകടങ്ങൾ ഉണ്ടാക്കാം, കാരണം ജാവാസ്ക്രിപ്റ്റ് ഈ ഡാറ്റ ആക്സസ് ചെയ്യാം. പഠനത്തിന് ഇത് ശരിയാണെങ്കിലും, യാഥാർത്ഥ്യ հավելു മാത്രം കുട്ടികളായ ക്രെഡൻഷ്യലുകൾ സർവർ-സൈഡ് സംഭരണം ഉപയോഗിക്കണം. diff --git a/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md index fef92914c..ce058a20b 100644 --- a/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/ml/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ flowchart LR ഇത് പരീക്ഷിക്കാം. ഒരു വെബ്‌സൈറ്റ് തുറക്കൂ (Microsoft.com നല്ലതാണ്) 'Record' ബട്ടൺ അമർത്തൂ. പിന്നീട് പേജ് റിഫ്രഷ് ചെയ്ത് പ്രൊഫൈലർ എല്ലാം രേഖപ്പെടുത്തിയതിൽ ശ്രദ്ധിക്കൂ. റെക്കോർഡ് നിർത്തുമ്പോൾ ബ്രൗസർ സൈറ്റിനെ 'സ്ക്രിപ്റ്റ്', 'റെൻഡർ', 'പെയിന്റ്' ചെയ്യുന്ന രീതിയുടെ വിശദാംശം കാണിക്കും. ഇത് മിസൺ കൺട്രോൾ ഒരു റോക്കറ്റ് വിന്യാസ സമയത്ത് ഓരോ സിസ്റ്റത്തെയും നിരീക്ഷിക്കുന്നതുപോലെയാണ് - നിങ്ങൾക്ക് യഥാർത്ഥ സമയം സംഭവിക്കുന്നതും എപ്പോഴാണെന്നും ഡാറ്റ ലഭിക്കുന്നു. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.ml.png) +![Edge profiler](../../../../translated_images/ml/profiler.5a4a62479c5df01c.png) ✅ കൂടുതൽ വിശദാംശങ്ങൾക്ക് [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) കാണുക @@ -133,11 +133,11 @@ flowchart LR പ്രൊഫൈല് ടൈംലൈന്റെ ഒരു ഭാഗം തിരഞ്ഞെടുക്കുക, സംഗ്രഹ പാനൽ കാണുക: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.ml.png) +![Edge profiler snapshot](../../../../translated_images/ml/snapshot.97750180ebcad737.png) ഇവന്റ് ലോഗ് പാനലിൽ 15 മില്ലിസെക്കൻഡിനും മുകളിൽ സമയം എടുത്ത ഇവന്റുകൾ പരിശോധിക്കുക: -![Edge event log](../../../../translated_images/log.804026979f3707e0.ml.png) +![Edge event log](../../../../translated_images/ml/log.804026979f3707e0.png) ✅ നിങ്ങളുടെ പ്രൊഫൈലറിനെ പരിചയപ്പെടൂ! ഈ സൈറ്റിൽ ഡവലപ്പർ ടൂൾസ് തുറന്നിട്ട് ബോട്ടിൽനെക്കുകൾക്കുള്ള സാധ്യത നോക്കൂ. ഏറ്റവും സ്ലോ ആയി ലോഡ് ചെയ്യുന്ന ആസറ്റോ? ഏറ്റവും വേഗം? diff --git a/translations/ml/5-browser-extension/README.md b/translations/ml/5-browser-extension/README.md index 66426e342..af6584c2c 100644 --- a/translations/ml/5-browser-extension/README.md +++ b/translations/ml/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### കൃതങ്ങൾ -![a green browser extension](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ml.png) +![a green browser extension](../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## കൃതങ്ങൾ diff --git a/translations/ml/5-browser-extension/solution/README.md b/translations/ml/5-browser-extension/solution/README.md index aaf5b3208..9611fd920 100644 --- a/translations/ml/5-browser-extension/solution/README.md +++ b/translations/ml/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrowയുടെ C02 സിഗ്നൽ API ഉപയോഗിച്ച് വൈദ്യുതി ഉപഭോഗം ട്രാക്ക് ചെയ്ത്, നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെ നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപഭോഗം എത്ര ഭാരം കൂടിയാണെന്ന് ഓർമപ്പെടുത്തുന്ന ഒരു ബ്രൗസർ എക്സ്റ്റൻഷൻ നിർമ്മിക്കുക. ഈ എക്സ്റ്റൻഷൻ ഇടയ്ക്കിടെ ഉപയോഗിക്കുന്നത് ഈ വിവരത്തിന്റെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളെ സംബന്ധിച്ചുള്ള തീരുമാനം എടുക്കാൻ സഹായിക്കും. -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ml.png) +![extension screenshot](../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## ആരംഭിക്കൽ @@ -31,7 +31,7 @@ npm run build Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലത്തുഭാഗത്തുള്ള 'മൂന്ന് ഒമ്മ' മෙනുവിൽ നിന്ന് Extensions പാനൽ കണ്ടെത്തുക. അതിൽ നിന്നു് 'Load Unpacked' എന്നത് തിരഞ്ഞെടുക്കുക പുതിയ എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്യുന്നതിനായി. సూచനയിൽ 'dist' ഫോൾഡർ തുറക്കുക, എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്യും. ഇത് ഉപയോഗിക്കാൻ, CO2 Signal APIയ്ക്കുള്ള API കീ ആവശ്യമാണ് ([ഇവിടെ ഇമെയിൽ വഴി ഒന്നു നേടുക](https://www.co2signal.com/) - ഈ പേജിലെ ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) കൂടാതെ [Electricity Map](https://www.electricitymap.org/map) യുമായി അനുസൃതമുള്ള നിങ്ങളുടെ മേഖലയുടെ [കോഡ്](http://api.electricitymap.org/v3/zones) (ബോസ്റ്റണിൽ, ഉദാഹരണത്തിന്, ഞാന്‍ 'US-NEISO' ഉപയോഗിക്കുന്നു). -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.ml.png) +![installing](../../../../translated_images/ml/install-on-edge.78634f02842c4828.png) API കീയും മേഖല രേഖപ്പെടുത്തുമ്പോൾ, ബ്രൗസർ എക്സ്റ്റൻഷൻ ബാറിലുള്ള വർണ്ണജഡ അംശം നിങ്ങളുടെ മേഖലയിലെ ഊർജ്ജ ഉപഭോഗം പ്രതിഫലിപ്പിക്കാൻ മാറുകയും, നിങ്ങൾക്ക് ഏതു ഊർജ്ജം അധികമുള്ള പ്രവർത്തനങ്ങൾ നടത്തുന്നതിന് അനുയോജ്യമാണ് എന്ന് സൂചിപ്പിക്കുകയും ചെയ്യും. ഈ 'അംശം' സംവിധാനം എന്നെ നൽകിയിരിക്കുന്നത് [Energy Lollipop എക്സ്റ്റൻഷൻ](https://energylollipop.com/) എന്നതാണ്, പ്രത്യേകിച്ച് കാലിഫോർണിയയിലെ ഉത്‌സർജ്ജങ്ങളുടെ കാര്യത്തിലാണ്. diff --git a/translations/ml/5-browser-extension/solution/translation/README.es.md b/translations/ml/5-browser-extension/solution/translation/README.es.md index ea694c8d5..b6cac6e0b 100644 --- a/translations/ml/5-browser-extension/solution/translation/README.es.md +++ b/translations/ml/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: TMROW-ന്റെ CO2 സിഗ്നൽ API ഉപയോഗിച്ച് വൈദ്യുതി ഉപയോഗം ട്രാക്ക് ചെയ്യുന്നതിനായി, നിങ്ങളുടെ പ്രദേശത്തെ വൈദ്യുതി ഉപഭോഗം നേരിട്ട് നിങ്ങളുടെ ബ്രൗസറിൽ ഓർമ്മപ്പെടുത്തുന്നതിനുള്ള ഒരു ബ്രൗസർ എക്സ്റ്റെൻഷൻ സൃഷ്ടിക്കുക. ഈ അഡ് ഹോക്ക് എക്സ്റ്റെൻഷൻ ഉപയോഗിക്കുന്നത് നിങ്ങളുടെ പ്രവർത്തനങ്ങളെ അടിസ്ഥാനമാക്കിയുള്ള തീരുമാനങ്ങൾ എടുക്കാൻ സഹായിക്കും. -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041.ml.png) +![extension screenshot](../../../../../translated_images/ml/extension-screenshot.352c4c3ba54e4041.png) ## ആരംഭിക്കാൻ @@ -31,7 +31,7 @@ npm run build Edge-ലിൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലത് കോണിലുള്ള 'മൂന്ന് പോയിന്റുകൾ' മെനു ഉപയോഗിച്ച് എക്സറ്റൻഷൻസ് പാനൽ കണ്ടെത്തുക. അവിടെ നിന്ന് 'Unpackaged Load' തിരഞ്ഞെടുത്തു പുതിയ എക്സ്റ്റെൻഷൻ ലോഡ് ചെയ്യുക. ആവശ്യപ്പെട്ടപ്പോൾ 'dist' ഫോൾഡർ തുറക്കുക, അപ്പോൾ എക്സ്റ്റെൻഷൻ ലോഡ് ചെയ്യും. ഇത് ഉപയോഗിക്കാൻ, CO2 സിഗ്നൽ APIക്ക് ഒരു API കീ ആവശ്യമാണ് ([ഇവിടെ ഇമെയിൽ നൽകി എടുക്കുക](https://www.co2signal.com/) - ഇമെയിൽ പെട്ടിയിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) കൂടാതെ [എലക്ട്രിസിറ്റി‌മാപ്](https://www.electricitymap.org/map)നുള്ള [നിങ്ങളുടെ മേഖലയ്ക്കുള്ള കോഡ്](http://api.electricitymap.org/v3/zones) (ഉദാഹരണത്തിന് ബോസ്റ്റണിൽ, 'US-NEISO' ആണ്). -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c.ml.png) +![installing](../../../../../translated_images/ml/install-on-edge.8bd0ee3ca7dcda1c.png) API കീയും പ്രദേശവും എക്സ്റ്റെൻഷൻ ഇന്റർഫേസിൽ നൽകുന്നതോടെ, ബ്രൗസറിന്റെ എക്സ്റ്റെൻഷൻ ബാറിൽ ഉള്ള നിറമുള്ള പോയിന്റ് നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപഭോഗം പ്രതിഫലിപ്പിക്കാൻ മാറുകയും, ഉയർന്ന വൈദ്യുതി ഉപയോഗമുള്ള പ്രവർത്തനങ്ങൾക്ക് അനുയോജ്യമായ സൂചന നൽകുകയും ചെയ്യും. ഈ "പോയിന്റുകൾ" അടിസ്ഥാനമാക്കിയുള്ള സങ്കൽപ്പം കാൽഫോറ്നിയയ്ക്കുള്ള [Energy Lollipop](https://energylollipop.com/) എക്സ്റ്റെൻഷനാണ് എന്നെ പ്രചോദിപ്പിച്ചത്. diff --git a/translations/ml/5-browser-extension/solution/translation/README.fr.md b/translations/ml/5-browser-extension/solution/translation/README.fr.md index 41973b281..8739d9a57 100644 --- a/translations/ml/5-browser-extension/solution/translation/README.fr.md +++ b/translations/ml/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ൽ നിന്നുള്ള C02 സിഗ്നൽ API ഉപയോഗിച്ച് വൈദ്യുതി ഉപയോഗം നിരീക്ഷിക്കാൻ, നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപയോഗത്തെപ്പറ്റി നേരിട്ടുള്ള ഓർമ്മപ്പെടുത്തലിനായി ഒരു ബ്രൗസർ എക്‌സ്ടൻഷൻ സൃഷ്ടിക്കുക. ഈ പഴയകാല എക്‌സ്ടൻഷൻ ഉപയോഗിക്കുന്നത് ഈ വിവരങ്ങളുടെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളെക്കുറിച്ച് നീതിപാലനം നടത്താൻ സഹായിക്കും. -![capture d'extension](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ml.png) +![capture d'extension](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## തുടക്കം @@ -31,7 +31,7 @@ npm run build Edge ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുവശത്തുള്ള 'മൂന്നു പോയിന്റ്' മെനു ഉപയോഗിച്ച് ഇക്സ്റ്റൻഷൻസ് പാനൽ കണ്ടെത്തുക. അവിടെ നിന്നും 'Unpacked Extension Load' തിരഞ്ഞെടുക്കുക, പുതിയ എക്‌സ്ടൻഷൻ ലോഡ് ചെയ്യാൻ. പ്രോമ്പ്റ്റിൽ 'dist' ഫോൾഡർ തുറക്കുക, എക്‌സ്ടൻഷൻ ലോഡ് ചെയ്യും. ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്ന നിങ്ങളുടെ പ്രദേശത്തേക്ക് അനുയോജ്യമായ CO2 സിഗ്നൽ API കേ (അവിടെ [ഇമെയിൽ വഴി ഒരു കീ നേടുക](https://www.co2signal.com/) - ഈ പേജിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകി) കൂടാതെ [ഇലക്ട്രിസിറ്റി മാപ്പിൽ](https://www.electricitymap.org/map) ഉള്ള [പ്രദേശ കോഡ്](http://api.electricitymap.org/v3/zones) ഉണ്ടാകണം (ബോസ്റ്റണിൽ, ഉദാഹരണത്തിന്, ഞാൻ 'US- NEISO' ഉപയോഗിക്കുന്നു). -![installation](../../../../../translated_images/install-on-edge.78634f02842c4828.ml.png) +![installation](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png) API കിയും പ്രദേശവും എക്‌സ്ടൻഷൻ ഇന്റർഫേസിൽ നൽകുന്നതിനു ശേഷം, ബ്രൗസർ എക്‌സ്ടൻഷൻ ബാറിലുള്ള നിറമുള്ള പോയിന്റ് നിങ്ങളുടെ പ്രദേശം ഉപയോഗിക്കുന്ന വൈദ്യുതി തീവ്രതയെ പ്രതിബിംബിപ്പിക്കും, കൂടാതെ ഏത് ഊർജ്ജം കൂടുതൽ ഉപയോഗിക്കുന്ന പ്രവർത്തനങ്ങൾ ചെയ്യാൻ ശരിയായ സമയം എന്നതിന് നിങ്ങൾക്ക് സൂചകമാകും. ഈ 'പോയിന്റ്' സിസ്റ്റത്തിന്റെ ആശയം കാലിഫോർണിയൻ ഉமிழ്പൈനോടുള്ള [Energy Lollipop എക്സ്ടൻഷൻ](https://energylollipop.com/) ൽ നിന്നാണ് കിട്ടുന്നത്. diff --git a/translations/ml/5-browser-extension/solution/translation/README.hi.md b/translations/ml/5-browser-extension/solution/translation/README.hi.md index 0567a0760..85e838887 100644 --- a/translations/ml/5-browser-extension/solution/translation/README.hi.md +++ b/translations/ml/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: വൈദ്യുതി ഉപയോഗം ട്രാക്ക് ചെയ്യുന്നതിനായി tmrow-യുടെ C02 സിഗ്നൽ API ഉപയോഗിച്ച് ഒരു ബ്രൗസർ എക്സ്ടൻഷൻ നിർമ്മിച്ച് നിങ്ങളുടെ ബ്രൗസറിൽ നിങ്ങളുടെ പ്രദേശത്തെ വൈദ്യുതി ഉപയോഗം എത്ര ഭാരമുള്ളതാണെന്നതിന് ഒരു റിമൈൻഡർ നൽകുക. ഈ താത്കാലിക എക്സ്ടൻഷൻ ഉപയോഗിക്കുന്നത് ഈ വിവരങ്ങൾ അടിസ്ഥാനമാക്കി നിങ്ങളുടെ പ്രവർത്തനങ്ങളെക്കുറിച്ച് തീരുമാനങ്ങൾ എടുക്കുന്നതിന് സഹായിക്കും. -![എക്സ്ടൻഷൻ സ്ക്രീൻഷോട്ട് ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ml.png) +![എക്സ്ടൻഷൻ സ്ക്രീൻഷോട്ട് ](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## തുടങ്ങൽ @@ -31,7 +31,7 @@ npm run build Edge ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുവശത്തുള്ള 'മൂന്ന് ഡോട്ട്' മেনൂ ഉപയോഗിച്ച് എക്സ്ടൻഷൻ പാനൽ കണ്ടെത്തുക. അവിടെ നിന്ന് പുതിയ ഒരു എക്സ്ടൻഷൻ ലോഡ് ചെയ്യാൻ 'लोड अनपैक्ड' തിരഞ്ഞെടുക്കുക. പ്രോമ്പ്റ്റിൽ 'dist' ഫോൾഡർ തുറക്കുക, എക്സ്ടൻഷൻ ലോഡ് ചെയ്യും. ഇത് ഉപയോഗിക്കാൻ, CO2 സിഗ്നലിന്റെ API ([ഈമെയിൽ വഴി ഇവിടെ ലഭ്യമാണ്](https://www.co2snal.com/) API കീ ലഭിക്കേണ്ടതാണ് - ഈ പേജിൽ ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) ഒപ്പം [നിങ്ങളുടെ പ്രദേശത്തിനുള്ള കോഡ്](http://api.electricitymap.org/v3/zones) [എലക്ട്രിസിറ്റി മാപ്പ്](https://www.electricitymap.org/map) (ഉദാഹരണത്തിന്, ബോസ്റ്റണിൽ ഞാൻ 'US-NEISO' ഉപയോഗിക്കുന്നു). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.ml.png) +![installing](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png) ഒരു API കീയും പ്രദേശ ഡാറ്റയും എക്സ്ടൻഷൻ ഇന്റർഫേസിൽ നൽകുന്നതോടെ, ബ്രൗസർ എക്സ്ടൻഷൻ ബാറിലുള്ള നിറമുള്ള ഡോട്ട് നിങ്ങളുടെ പ്രദേശത്തിന്റെ എനർജി ഉപയോഗം പ്രതിഫലിപ്പിക്കാൻ മാറും, കൂടാതെ ഇനകൾ അനുസരിച്ച് എനർജി-ഭാരമുള്ള പ്രവർത്തനങ്ങൾ നടത്തുന്നതിനെക്കുറിച്ച് നിങ്ങൾക്ക് സിഗ്നൽ നൽകും. ഈ 'ഡോട്ട്' സിസ്റ്റത്തിന്റെ ആശയം കലിഫോർണിയ മൂലക വികിരണങ്ങൾക്ക് [Energy Lollipop Extension](https://energylollipop.com/) വഴി ലഭിച്ചിട്ടുണ്ട്. diff --git a/translations/ml/5-browser-extension/solution/translation/README.it.md b/translations/ml/5-browser-extension/solution/translation/README.it.md index 61b9575a7..ca88c527b 100644 --- a/translations/ml/5-browser-extension/solution/translation/README.it.md +++ b/translations/ml/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: നാം tmrow-യുടെ Signal C02 API ഉപയോഗിച്ച് വൈദ്യുതിയുടെ ഉപയോഗം നിരീക്ഷിക്കാൻ ബ്രൗസർ എക്സ്ടൻഷൻ സൃഷ്ടിക്കും, അതിലൂടെ നിങ്ങളുടെ പ്രദേശത്ത് വൈദ്യുതി ഉപയോഗം എത്ര ഭാരമുള്ളതാണെന്ന് നേരിട്ട് നിങ്ങളുടെ ബ്രൗസറിൽ ഒരു ഓർമ്മപ്പെടുത്തൽ ഉണ്ടായിരിക്കും. ഈ പ്രത്യേക എക്സ്ടൻഷൻ ഉപയോഗിക്കുന്നത് ഈ വിവരങ്ങളുടെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങൾ മൂല്യനിർണയം ചെയ്യാൻ സഹായിക്കും. -![videata dell'estensione](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ml.png) +![videata dell'estensione](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## തുടങ്ങാൻ @@ -31,7 +31,7 @@ npm run build Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലത് മൂലയിൽ ഉള്ള "മൂന്ന് പോയിന്റ്" മെനുവിൽ നിന്നു എക്സ്റ്റൻഷൻസ് പാനൽ खोजുക. നിലവിലുള്ളില്ലെങ്കിൽ, ഡവലപ്പർ മോഡ് (താഴെ ഇടത്) സജീവമാക്കുക. പുതിയ എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്യാൻ "അൺകോമ്പ്രസഡ് ലോഡ്" തിരഞ്ഞെടുക്കുക. പ്രോംപ്റ്റിൽ "dist" ഫോൾഡർ തുറക്കുക, എക്സ്റ്റൻഷൻ ലോഡ് ചെയ്‌തിരിക്കും. ഉപയോഗിക്കാൻ, CO2 സിഗ്നൽ APIയുടെ API കീ ആവശ്യമുണ്ട് (ഇത് ഇവിടെ [ഇമെയിൽ വഴി ലഭ്യമാകുന്നു](https://www.co2signal.com/) - ഈ പേജിലെ പ്രദാനം ചെയ്തിട്ടുള്ള ഇമെയിൽ ബോക്‌സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) കൂടാതെ [ഇലക്ട്രിസിറ്റി മാപ്പിനുള്ള](https://www.electricitymap.org/map) അനുയോജ്യമായ [പ്രദേശത്തിനുള്ള കോഡ്](http://api.electricitymap.org/v3/zones) (ഉദാ. ബോസ്റ്റനിൽ, "US-NEISO"). -![installazione](../../../../../translated_images/install-on-edge.78634f02842c4828.ml.png) +![installazione](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png) ഒരു പ്രാവശ്യം API കീയും പ്രദേശവും എക്സ്റ്റൻഷൻ ഇന്റർഫേസിൽ നൽകിവച്ചശേഷം, ബ്രൗസർ എക്സ്റ്റൻഷൻ ബാറിലുള്ള നിറമുള്ള ബിന്ദു പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപയോഗം പ്രതിഫലിപ്പിക്കാൻ മാറും, കൂടാതെ ഏത് ഉയർന്ന വിസ്തീർണ്ണമുള്ള പ്രവർത്തനങ്ങൾ പരീക്ഷിക്കാം എന്ന വിഷയത്തിൽ സൂചന നൽകും. ഈ "ബിന്ദു" അടിസ്ഥാനമായ സിസ്റ്റത്തിന്റെ ആശയം [Energy Lollipop എക്സ്റ്റൻഷൻ](https://energylollipop.com/)കളിൽ നിന്നാണ് ലഭിച്ചത്, കാലിഫോർണിയയിലെ ഉൽപ്പാദനങ്ങൾക്ക് വേണ്ടി. diff --git a/translations/ml/5-browser-extension/solution/translation/README.ja.md b/translations/ml/5-browser-extension/solution/translation/README.ja.md index dae6173c1..0f289085b 100644 --- a/translations/ml/5-browser-extension/solution/translation/README.ja.md +++ b/translations/ml/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.ml.png) +![extension screenshot](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## はじめに @@ -31,7 +31,7 @@ npm run build Edge এ ইন্সটল করতে, ব্রাউজারের উপরের ডানদিকের "তিনটি ডট" মেনু থেকে "এক্সটেনশন" প্যানেল খুঁজুন। সেখানে থেকে "Load Unpacked" নির্বাচন করে নতুন এক্সটেনশন লোড করুন। প্রম্পটে "dist" ফোল্ডার খুলুন এবং এক্সটেনশন লোড হবে। ব্যবহার করার জন্য, CO2 সিগন্যাল API এর API কী ([ইমেইল মারফত এখানে পান](https://www.co2signal.com/) - এই পৃষ্ঠার বক্সে ইমেইল টাইপ করুন) এবং [Electricity Map](https://www.electricitymap.org/map) অনুযায়ী [আপনার অঞ্চলের কোড](http://api.electricitymap.org/v3/zones) দরকার (বস্টনে, উদাহরণস্বরূপ, 'US-NEISO' ব্যবহার হয়)। -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.ml.png) +![installing](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png) API কী এবং অঞ্চল এক্সটেনশন ইন্টারফেসে প্রবেশ করানো হলে, ব্রাউজার এক্সটেনশন বারে প্রদর্শিত রঙিন ডট পরিবর্তিত হবে এবং আপনার অঞ্চলের শক্তি ব্যবহারের প্রতিবিম্ব দেখাবে, যা নির্দেশ করবে কোন ধরনের শক্তি প্রয়োজনীয় কার্যক্রম করাই উপযুক্ত। এই "ডট" সিস্টেমের ধারণাটি আমাকে দিয়েছে ক্যালিফোর্নিয়ার নির্গমনের জন্য [Energy Lollipop extension](https://energylollipop.com/)। diff --git a/translations/ml/5-browser-extension/solution/translation/README.ms.md b/translations/ml/5-browser-extension/solution/translation/README.ms.md index 1527afb8e..2413ac85c 100644 --- a/translations/ml/5-browser-extension/solution/translation/README.ms.md +++ b/translations/ml/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: CO2 സിഗ്നൽ tmrow API ഉപയോഗിച്ച് വൈദ്യുതി ഉപയോഗം കണ്ടെത്താൻ, നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപഭോഗം എത്ര ഭാരമുള്ളതാണെന്ന് കണ്ടെത്താൻ ബ്രൗസറിൽ മുന്നറിയിപ്പ് ലഭിക്കുന്നതുവരെ ബ്രൗസർ എക്സ്ടൻഷൻ നിർമ്മിക്കുക. ഈ എക്സ്ടൻഷൻ പ്രത്യേകിച്ച് ഉപയോഗിക്കുന്നത് ഈ വിവരത്തിന്റെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളെക്കുറിച്ച് പരിഗണന നടത്താൻ സഹായിക്കും. -![ബ്രൗസർ എക്സ്ടൻഷൻ സ്‌ക്രീൻഷോട്ട്](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ml.png) +![ബ്രൗസർ എക്സ്ടൻഷൻ സ്‌ക്രീൻഷോട്ട്](../../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## ഇതുവരെ തുടങ്ങുക @@ -31,7 +31,7 @@ npm run build Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുഭാഗത്ത് ഉള്ള 'മൂന്ന് ഡോട്ട്' മെനുവിൽ നിന്ന് എക്സ്‌റ്റൻഷനുകൾ പാനൽ കണ്ടെത്തുക. അവിടെ നിന്ന് 'Load Unpacked' തിരഞ്ഞെടുക്കുക പുതിയ എക്സ്‌റ്റൻഷൻ ലോഡ് ചെയ്യുന്നതിന്. ആവശ്യമായതു 'dist' ഫോൾഡർ തുറക്കുക, എക്സ്ടൻഷൻ ലോഡ് ചെയ്യപ്പെടും. ഇത് ഉപയോഗിക്കാൻ, CO2 സിഗ്നൽ API-ക്കായി ഒരു API കീ ([ഇമെയിൽ വഴി ഇവിടെ നേടുക](https://www.co2signal.com/) - ഈ പേജിലെ ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) ഉം [നിങ്ങളുടെ പ്രദേശം ക്വാളിഫൈ ചെയ്യുന്ന കോഡ്](http://api.electricitymap.org/v3/zones) ([എലക്ട്രിസിറ്റിമാപ്പ്](https://www.electricitymap.org/map) നു համապատասխանമായി) ഉണ്ടാവണം. (ഉദാഹരണംയായി Boston-ൽ ഞാൻ 'US-NEISO' ഉപയോഗിക്കുന്നു). -![ഇൻസ്റ്റാൾ ചെയ്യുന്നിടം](../../../../../translated_images/install-on-edge.78634f02842c4828.ml.png) +![ഇൻസ്റ്റാൾ ചെയ്യുന്നിടം](../../../../../translated_images/ml/install-on-edge.78634f02842c4828.png) API കീയും പ്രദേശം ഇന്റഫേസിൽ നൽകുമ്പോൾ, ബ്രൗസർ എക്സ്ടൻഷന്റെ ബാറിൽ നിറമുള്ള ഡോട്ട് നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപഭോഗം പ്രതിഫലിപ്പിക്കും, നിങ്ങള്ക്ക് അനുയോജ്യമായ ഭാരമുള്ള പ്രവർത്തനങ്ങൾക്കായി സൂചന നൽകും. ഈ 'ഡോട്ട്' സിസ്റ്റത്തിന്റെ ആശയം California-ലെ Energy Lollipop [ബ്രൗസർ എക്സ്‌റ്റൻഷൻ](https://energylollipop.com/) എന്നതിനാൽ ലഭിച്ചിരിക്കുന്നു. diff --git a/translations/ml/5-browser-extension/start/README.md b/translations/ml/5-browser-extension/start/README.md index ac06bd0bf..f2187d512 100644 --- a/translations/ml/5-browser-extension/start/README.md +++ b/translations/ml/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: തെമ്മ്രോയുടെ CO2 സിഗ്നൽ API ഉപയോഗിച്ച് വൈദ്യുതി ഉപയോഗം മോണിറ്റർ ചെയ്യുന്നതിന്, നിങ്ങളുടെ ബ്രൗസറിൽ തന്നെ നിങ്ങളുടെ പ്രദേശത്തിന്റെ വൈദ്യുതി ഉപയോഗത്തിന്റെ ഗാഢതയെക്കുറിച്ച് ഓർമ്മിപ്പിക്കാൻ ഒരു ബ്രൗസർ വിപുലീകരണം നിർമ്മിക്കുക. ഈ വിപുലീകരണം ആവശ്യംപ്രകാരം ഉപയോഗിക്കുന്നത്, ഈ വിവരത്തിന്റെ അടിസ്ഥാനത്തിൽ നിങ്ങളുടെ പ്രവർത്തനങ്ങളിൽ നീതിനിര്ണയം എടുക്കാൻ സഹായിക്കും. -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ml.png) +![extension screenshot](../../../../translated_images/ml/extension-screenshot.0e7f5bfa110e92e3.png) ## ആരംഭിക്കുന്നത് @@ -31,7 +31,7 @@ npm run build Edge-ൽ ഇൻസ്റ്റാൾ ചെയ്യാൻ, ബ്രൗസറിന്റെ മുകളിൽ വലതുവശത്തുള്ള 'മൂന്ന് പോയിന്റ്' മെനുവിൽ നിന്നുയർന്നുള്ള Extensions പാനൽ കണ്ടെത്തുക. അവിടെ നിന്ന് 'Load Unpacked' തിരഞ്ഞെടുത്ത് പുതിയ ഒരു വിപുലീകരണം ലോഡ് ചെയ്യുക. പ്രോമ്പ്റ്റിൽ 'dist' ഫോൾഡർ തുറക്കുക, അതിലൂടെ വിപുലീകരണം ലോഡ് ചെയ്യും. ഉപയോഗിക്കാൻ, നിങ്ങൾക്ക് CO2 Signal API-ക്കായി ഒരു API കീ ([ഇമെയിൽ വഴി ഇവിടെ നേടുക](https://www.co2signal.com/) - ഈ പേജിലുള്ള ബോക്സിൽ നിങ്ങളുടെ ഇമെയിൽ നൽകുക) കൂടാതെ [Electricity Map](https://www.electricitymap.org/map) ലെ നിങ്ങളുടെ മേഖലയുടെ [കോഡ്](http://api.electricitymap.org/v3/zones) വേണം (ബോസ്റ്റണിൽ ഉദാഹരണത്തിന്, ഞാൻ 'US-NEISO' ഉപയോഗിക്കുന്നു). -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.ml.png) +![installing](../../../../translated_images/ml/install-on-edge.78634f02842c4828.png) API കീയും പ്രദേശ കോഡും വിപുലീകരണ ഇന്റർഫേസിൽ നൽകുന്നതോടെ, ബ്രൗസർ വിപുലീകരണ ബാറിലെ കളർ ഡോട്ട് നിങ്ങളുടെ പ്രദേശത്തിന്റെ ഊർജ്ജ ഉപയോഗം പ്രതിഫലിപ്പിക്കാൻ മാറും, നിങ്ങൾക്ക് ഏത് ഊർജ്ജ-ഭാരമുള്ള പ്രവർത്തനങ്ങൾ ചെയ്യേണ്ടതാണെന്ന് സൂചിപ്പിക്കും. ഈ 'ഡോട്ട്' സിസ്റ്റത്തിന്റെ ആശയം കാലിഫോർണിയയുടെ ഇമിഷൻസിനുള്ള [Energy Lollipop extension](https://energylollipop.com/) എന്നതിൽ നിന്നാണ് ഞാൻ ഉൾക്കൊണ്ടത്. diff --git a/translations/ml/6-space-game/2-drawing-to-canvas/README.md b/translations/ml/6-space-game/2-drawing-to-canvas/README.md index f37c3f43f..d59e55b68 100644 --- a/translations/ml/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/ml/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![കാൻവാസിന്റെ ഗ്രിഡ്](../../../../translated_images/canvas_grid.5f209da785ded492.ml.png) +![കാൻവാസിന്റെ ഗ്രിഡ്](../../../../translated_images/ml/canvas_grid.5f209da785ded492.png) > ചിത്രം [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) കാൻവാസ് ഘടകത്തിൽ വരയ്ക്കാൻ, നിങ്ങൾ എല്ലാ കാൻവാസ് ഗ്രാഫിക്സിന്റെയും അടിസ്ഥാനമായ മൂന്ന് പടികളുടെ പ്രക്രിയ പിന്തുടരും. ഇത് കുറച്ച് പ്രാവശ്യം ചെയ്താൽ എളുപ്പത്തിൽ മനസ്സിലാക്കാം: @@ -323,11 +323,11 @@ flowchart TD - ഹീറോ ഷിപ്പ് - ![Hero ship](../../../../translated_images/player.dd24c1afa8c71e9b.ml.png) + ![Hero ship](../../../../translated_images/ml/player.dd24c1afa8c71e9b.png) - 5*5 ഭീകരൻ - ![Monster ship](../../../../translated_images/enemyShip.5df2a822c16650c2.ml.png) + ![Monster ship](../../../../translated_images/ml/enemyShip.5df2a822c16650c2.png) ### വികസനം തുടങ്ങാനുള്ള ശുപാർശ ചെയ്ത ഘട്ടങ്ങൾ @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { പരിപൂർണ്ണമായ ഫലം വേണ്ട വിധത്തിൽ ഇങ്ങനെ കാണുന്നതാണ്: -![Black screen with a hero and 5*5 monsters](../../../../translated_images/partI-solution.36c53b48c9ffae2a.ml.png) +![Black screen with a hero and 5*5 monsters](../../../../translated_images/ml/partI-solution.36c53b48c9ffae2a.png) ## പരിഹാരം diff --git a/translations/ml/6-space-game/5-keeping-score/README.md b/translations/ml/6-space-game/5-keeping-score/README.md index d8c747585..885738041 100644 --- a/translations/ml/6-space-game/5-keeping-score/README.md +++ b/translations/ml/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **സ്കോറിംഗ് സിസ്റ്റം**: ഓരോ നശിച്ച ശത്രു കപ്പലും 100 പോയിന്റ് നൽകുന്നു (ചുറ്റും പറ്റിയ സംഖ്യകൾ മental കണക്കാക്കാൻ എളുപ്പമാണ്). സ്കോർ സ്ക്രീന്റെ താഴ് വലത് കോണിൽ പ്രദർശിപ്പിക്കും. -- **ലൈഫ് കൗണ്ടർ**: നിങ്ങളുടെ ഹീറോ മൂന്നു ലൈവുകളുമായാണ് ആരംഭിക്കുക - ആദിമ ആർക്കേഡ് ഗെയിമുകൾ സ്ഥാപിച്ച സ്റ്റാൻഡേർഡ്, ഈ ചെറിയ সংখ্যা പ്ലേയ്‌ബിലിറ്റിക്കൊപ്പം വെല്ലുവിളി കൂട്ടുന്നു. ഓരോ ശത്രു കൂട്ടിയിടിപ്പും ഒരു ലൈഫ് നഷ്ടപ്പെടുന്നു. ബാക്കിയുള്ള ലൈവുകൾ താഴ് വലതു കോണിൽ കപ്പൽ ഐക്കണുകളിലായി ( ![life image](../../../../translated_images/life.6fb9f50d53ee0413.ml.png) ) കാണിക്കും. +- **ലൈഫ് കൗണ്ടർ**: നിങ്ങളുടെ ഹീറോ മൂന്നു ലൈവുകളുമായാണ് ആരംഭിക്കുക - ആദിമ ആർക്കേഡ് ഗെയിമുകൾ സ്ഥാപിച്ച സ്റ്റാൻഡേർഡ്, ഈ ചെറിയ সংখ্যা പ്ലേയ്‌ബിലിറ്റിക്കൊപ്പം വെല്ലുവിളി കൂട്ടുന്നു. ഓരോ ശത്രു കൂട്ടിയിടിപ്പും ഒരു ലൈഫ് നഷ്ടപ്പെടുന്നു. ബാക്കിയുള്ള ലൈവുകൾ താഴ് വലതു കോണിൽ കപ്പൽ ഐക്കണുകളിലായി ( ![life image](../../../../translated_images/ml/life.6fb9f50d53ee0413.png) ) കാണിക്കും. ## നമുക്ക് ആരംഭിക്കാം! diff --git a/translations/ml/7-bank-project/1-template-route/README.md b/translations/ml/7-bank-project/1-template-route/README.md index 8f767553b..7328d8fd5 100644 --- a/translations/ml/7-bank-project/1-template-route/README.md +++ b/translations/ml/7-bank-project/1-template-route/README.md @@ -287,26 +287,26 @@ flowchart TD - **ഘട്ടം 1** മറഞ്ഞിരിക്കുന്ന ടൈംപ്ലേറ്റ് DOM ഘടനയിൽ കണ്ടെത്തുന്നു - **ഘട്ടം 2** സുരക്ഷിതമായി മാറ്റാൻ കഴിയും എന്ന പ്രവർത്തനക്ഷമ കോപ്പി സൃഷ്ടിക്കുന്നു - **ഘട്ടം 3** കോപ്പി ദൃശ്യമായ പേജ് മേഖലയിലേക്ക് ചേർക്കുന്നു -- **ഫലം** ഉപയോക്താക്കൾക്ക് ഇടപഴകാവുന്ന പ്രവർത്തനക്ഷമ സ്ക്രീൻ - -✅ ടൈംപ്ലേറ്റ് DOM-ൽ ചേർക്കുന്നതിന് മുൻപ് ക്ലോൺ ചെയ്യേണ്ടത് എന്തുകൊണ്ടാണ്? ഈ ഘട്ടം ഒഴിവാക്കി എങ്കിൽ എന്ത് സംഭവിക്കുമെന്നാണ് നിങ്ങൾക്ക് തോന്നുന്നത്? - -### പ്രവർത്തി - -നിങ്ങളുടെ പ്രോജക്ട് ഫോൾഡറിൽ ഒരു പുതിയ ഫയൽ `app.js` സൃഷ്ടിച്ച് അത് `` സെക്ഷനിൽ ഇറക്കുമതി ചെയ്യുക: - +- **ഫലം** ഉപയോക്താക്കൾക്ക് ഇടപഴകാവുന്ന പ്രവർത്തനക്ഷമ സ്ക്രീൻ + +✅ ടൈംപ്ലേറ്റ് DOM-ൽ ചേർക്കുന്നതിന് മുൻപ് ക്ലോൺ ചെയ്യേണ്ടത് എന്തുകൊണ്ടാണ്? ഈ ഘട്ടം ഒഴിവാക്കി എങ്കിൽ എന്ത് സംഭവിക്കുമെന്നാണ് നിങ്ങൾക്ക് തോന്നുന്നത്? + +### പ്രവർത്തി + +നിങ്ങളുടെ പ്രോജക്ട് ഫോൾഡറിൽ ഒരു പുതിയ ഫയൽ `app.js` സൃഷ്ടിച്ച് അത് `` സെക്ഷനിൽ ഇറക്കുമതി ചെയ്യുക: + ```html ``` - -**ഈ സ്‌ക്രിപ്റ്റ് ഇറക്കുമതിയുടെ അർത്ഥം:** -- **ജാവാസ്ക്രിപ്റ്റ് ഫയൽ HTML ഡോക്യുമെന്റുമായി ലിങ്ക് ചെയ്യുന്നു** -- **`defer` ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് HTML പാഴ്‌സ് ചെയ്യൽ പൂർത്തിയാകുമ്പോൾ മാത്രമേ സ്‌ക്രിപ്റ്റ് ഓടൂ** -- **DOM മുഴുവൻ ലോഡ് ചെയ്യപ്പെട്ടതിനാൽ എല്ലാ എലമെന്റുകളിലേയും ആക്സസ് ലഭ്യമാണ്** -- **സ്‌ക്രിപ്റ്റ് ലോഡിംഗിന്റെയും പ്രകടനത്തിന്റെയും ആധുനിക ചിട്ടി പാലിക്കുന്നു** - -ഇപ്പോൾ `app.js`ൽ, പുതിയ ഫംഗ്ഷൻ `updateRoute` സൃഷ്ടിക്കും: - + +**ഈ സ്‌ക്രിപ്റ്റ് ഇറക്കുമതിയുടെ അർത്ഥം:** +- **ജാവാസ്ക്രിപ്റ്റ് ഫയൽ HTML ഡോക്യുമെന്റുമായി ലിങ്ക് ചെയ്യുന്നു** +- **`defer` ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് HTML പാഴ്‌സ് ചെയ്യൽ പൂർത്തിയാകുമ്പോൾ മാത്രമേ സ്‌ക്രിപ്റ്റ് ഓടൂ** +- **DOM മുഴുവൻ ലോഡ് ചെയ്യപ്പെട്ടതിനാൽ എല്ലാ എലമെന്റുകളിലേയും ആക്സസ് ലഭ്യമാണ്** +- **സ്‌ക്രിപ്റ്റ് ലോഡിംഗിന്റെയും പ്രകടനത്തിന്റെയും ആധുനിക ചിട്ടി പാലിക്കുന്നു** + +ഇപ്പോൾ `app.js`ൽ, പുതിയ ഫംഗ്ഷൻ `updateRoute` സൃഷ്ടിക്കും: + ```js function updateRoute(templateId) { const template = document.getElementById(templateId); @@ -316,31 +316,31 @@ function updateRoute(templateId) { app.appendChild(view); } ``` - -**ഈ ഘട്ടങ്ങളുടെ വിശദീകരണം:** -- **ടൈംപ്ലേറ്റ് എലമെന്റ് അതിന്റെ ഐഡി ഉപയോഗിച്ച് കണ്ടെത്തുന്നു** -- **`cloneNode(true)` ഉപയോഗിച്ച് ടൈംപ്ലേറ്റിന്റെ ഉള്ളടക്കം ആഴത്തിലുള്ള കോപ്പിയാക്കുന്നു** -- **ഉള്ളടക്കം പ്രദർശിപ്പിക്കാനുള്ള ആപ് കണ്ടെയ്നർ കണ്ടെത്തുന്നു** -- **ആപ് കണ്ടെയ്നറിൽ നിലവിലുള്ള ഉള്ളടക്കം മുഖത്ത് നീക്കം ചെയ്യുന്നു** -- **ക്ലോൺ ചെയ്ത ടൈംപ്ലേറ്റ് ഉള്ളടക്കം DOM-ൽ സജ്ജമാക്കുന്നു** - -ഇപ്പോൾ ഈ ഫംഗ്ഷൻ ഒരു ടൈംപ്ലേറ്റ് ഐഡി ഉപയോഗിച്ച് വിളിച്ചു ഫലം നോക്കാം. - + +**ഈ ഘട്ടങ്ങളുടെ വിശദീകരണം:** +- **ടൈംപ്ലേറ്റ് എലമെന്റ് അതിന്റെ ഐഡി ഉപയോഗിച്ച് കണ്ടെത്തുന്നു** +- **`cloneNode(true)` ഉപയോഗിച്ച് ടൈംപ്ലേറ്റിന്റെ ഉള്ളടക്കം ആഴത്തിലുള്ള കോപ്പിയാക്കുന്നു** +- **ഉള്ളടക്കം പ്രദർശിപ്പിക്കാനുള്ള ആപ് കണ്ടെയ്നർ കണ്ടെത്തുന്നു** +- **ആപ് കണ്ടെയ്നറിൽ നിലവിലുള്ള ഉള്ളടക്കം മുഖത്ത് നീക്കം ചെയ്യുന്നു** +- **ക്ലോൺ ചെയ്ത ടൈംപ്ലേറ്റ് ഉള്ളടക്കം DOM-ൽ സജ്ജമാക്കുന്നു** + +ഇപ്പോൾ ഈ ഫംഗ്ഷൻ ഒരു ടൈംപ്ലേറ്റ് ഐഡി ഉപയോഗിച്ച് വിളിച്ചു ഫലം നോക്കാം. + ```js updateRoute('login'); ``` - -**ഈ ഫംഗ്ഷൻ വിളിയുടെ ലാഭം:** -- **ലോഗിൻ ടൈംപ്ലേറ്റ് ഐഡി നൽകി സജീവമാക്കുന്നു** -- **വ്യത്യസ്ത ആപ്പ് സ്ക്രീനുകൾക്കിടയിൽ പ്രോഗ്രാമാറ്റിക് മാറൽ കാണിക്കുന്നു** -- **"Loading..." സന്ദേശത്തിന് പകരം ലോഗിൻ സ്ക്രീൻ പ്രദർശിപ്പിക്കുന്നു** - -✅ ഈ കോഡ് `app.innerHTML = '';` യുടെ ഉദ്ദേശം എന്താണ്? അതിന്റെ അഭാവത്തിൽ എന്ത് സംഭവിക്കും? - -## റൂട്ടുകൾ സൃഷ്ടിക്കൽ - -Routing എന്നത് URL-നെ ശരിയായ ഉള്ളടക്കത്തിലേക്ക് ബന്ധിപ്പിക്കുന്നതിന് വേണ്ടിയാണ്. മുന്‍കാല ഫോൺ ഓപ്പറേറ്റർമാർ സ്വിച്ച്‌ബോർഡുകൾ ഉപയോഗിച്ചു കോളുകൾ നടത്തുന്നത് പോലെ, വെബ് റൂട്ടിംഗ് URL അഭ്യർത്ഥനയെടുത്ത് ഇത് എവിടേക്ക് പോവണമെന്ന് തീരുമാനിക്കുന്നു. - + +**ഈ ഫംഗ്ഷൻ വിളിയുടെ ലാഭം:** +- **ലോഗിൻ ടൈംപ്ലേറ്റ് ഐഡി നൽകി സജീവമാക്കുന്നു** +- **വ്യത്യസ്ത ആപ്പ് സ്ക്രീനുകൾക്കിടയിൽ പ്രോഗ്രാമാറ്റിക് മാറൽ കാണിക്കുന്നു** +- **"Loading..." സന്ദേശത്തിന് പകരം ലോഗിൻ സ്ക്രീൻ പ്രദർശിപ്പിക്കുന്നു** + +✅ ഈ കോഡ് `app.innerHTML = '';` യുടെ ഉദ്ദേശം എന്താണ്? അതിന്റെ അഭാവത്തിൽ എന്ത് സംഭവിക്കും? + +## റൂട്ടുകൾ സൃഷ്ടിക്കൽ + +Routing എന്നത് URL-നെ ശരിയായ ഉള്ളടക്കത്തിലേക്ക് ബന്ധിപ്പിക്കുന്നതിന് വേണ്ടിയാണ്. മുന്‍കാല ഫോൺ ഓപ്പറേറ്റർമാർ സ്വിച്ച്‌ബോർഡുകൾ ഉപയോഗിച്ചു കോളുകൾ നടത്തുന്നത് പോലെ, വെബ് റൂട്ടിംഗ് URL അഭ്യർത്ഥനയെടുത്ത് ഇത് എവിടേക്ക് പോവണമെന്ന് തീരുമാനിക്കുന്നു. + ```mermaid flowchart LR A["🌐 URL പാത
/ഡാഷ്ബോർഡ്"] --> B["🗺️ റൂട്ടുകൾ ഒബ്ജക്റ്റ്
തിരയൽ"] @@ -356,9 +356,9 @@ flowchart LR style E fill:#e8f5e8 style I fill:#ffebee style J fill:#fff3e0 -``` -പരമ്പരാഗതമായി വെബ് സർവറുകൾ വിവിധ URL-ങ്ങൾക്ക് വ്യത്യസ്ത HTML ഫയലുകൾ സർവ് ചെയ്തു. നാം സിംഗിൾ പേജ് ആപ്പ് നിർമ്മിക്കുകയാണ്, അതിനാൽ ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് റൂട്ടിംഗ് ഞങ്ങള്ക്ക് തന്നെ കൈകാര്യം ചെയ്യേണ്ടതാണ്. ഇത് ഉപയോക്തൃ അനുഭവത്തിനും പ്രകടനത്തിനും കൂടുതൽ നിയന്ത്രണം നൽകുന്നു. - +``` +പരമ്പരാഗതമായി വെബ് സർവറുകൾ വിവിധ URL-ങ്ങൾക്ക് വ്യത്യസ്ത HTML ഫയലുകൾ സർവ് ചെയ്തു. നാം സിംഗിൾ പേജ് ആപ്പ് നിർമ്മിക്കുകയാണ്, അതിനാൽ ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് റൂട്ടിംഗ് ഞങ്ങള്ക്ക് തന്നെ കൈകാര്യം ചെയ്യേണ്ടതാണ്. ഇത് ഉപയോക്തൃ അനുഭവത്തിനും പ്രകടനത്തിനും കൂടുതൽ നിയന്ത്രണം നൽകുന്നു. + ```mermaid flowchart LR A["🌐 URL പാത
/dashboard"] --> B["🗺️ മാർഗ്ഗം ഒബ്ജക്റ്റ്
ലുക്ക് അപ്"] @@ -374,46 +374,46 @@ flowchart LR style E fill:#e8f5e8 style I fill:#ffebee style J fill:#fff3e0 -``` -**റൂട്ടിംഗ് പ്രവാഹം മനസ്സിലാക്കുക:** -- **URL മാറ്റങ്ങൾ റൂട്ടിംഗ് കോൺഫിഗറേഷൻ പരിശോധിക്കാൻ ട്രിഗർ ചെയ്യുന്നു** -- **ശരിയായ റൂട്ടുകൾ പ്രത്യേക ടൈംപ്ലേറ്റ് ഐഡികൾക്ക് മാപ്പ് ചെയ്യുന്നു** -- **തെറ്റായ റൂട്ടുകൾ റൂർച്ച് സ്റ്റേറ്റുകൾ തടയാൻ ഫാൾബാക്ക് ചെയ്തുവരുന്നു** -- **ടൈംപ്ലേറ്റ് റൻഡറിംഗ് മുകളിൽ പഠിച്ച മൂന്ന് ഘട്ടങ്ങളനുസരിച്ച് നടപ്പിലാക്കുന്നു** - -വെബ് ആപ്പിനെക്കുറിച്ച് സംസാരിക്കുമ്പോൾ, ഞങ്ങൾ *Routing* എന്നത് **URLs**-നെ പ്രദർശിപ്പിക്കേണ്ട പ്രത്യേക സ്ക്രീനുകളുമായി യോജിപ്പിക്കുന്നതും എന്നാണ് പറയുന്നത്. നിരവധി HTML ഫയലുകളുള്ള വെബ്‌സൈറ്റിൽ, ഫയൽ പാത്തുകൾ URL-ൽ പ്രതിഫലിക്കപ്പെടുന്നതുകൊണ്ട് ഇത് സ്വയമേവ നടക്കും. ഉദാഹരണത്തിന്, നിങ്ങള്‍ക്കുണ്ട് ഈ ഫയലുകൾ: - +``` +**റൂട്ടിംഗ് പ്രവാഹം മനസ്സിലാക്കുക:** +- **URL മാറ്റങ്ങൾ റൂട്ടിംഗ് കോൺഫിഗറേഷൻ പരിശോധിക്കാൻ ട്രിഗർ ചെയ്യുന്നു** +- **ശരിയായ റൂട്ടുകൾ പ്രത്യേക ടൈംപ്ലേറ്റ് ഐഡികൾക്ക് മാപ്പ് ചെയ്യുന്നു** +- **തെറ്റായ റൂട്ടുകൾ റൂർച്ച് സ്റ്റേറ്റുകൾ തടയാൻ ഫാൾബാക്ക് ചെയ്തുവരുന്നു** +- **ടൈംപ്ലേറ്റ് റൻഡറിംഗ് മുകളിൽ പഠിച്ച മൂന്ന് ഘട്ടങ്ങളനുസരിച്ച് നടപ്പിലാക്കുന്നു** + +വെബ് ആപ്പിനെക്കുറിച്ച് സംസാരിക്കുമ്പോൾ, ഞങ്ങൾ *Routing* എന്നത് **URLs**-നെ പ്രദർശിപ്പിക്കേണ്ട പ്രത്യേക സ്ക്രീനുകളുമായി യോജിപ്പിക്കുന്നതും എന്നാണ് പറയുന്നത്. നിരവധി HTML ഫയലുകളുള്ള വെബ്‌സൈറ്റിൽ, ഫയൽ പാത്തുകൾ URL-ൽ പ്രതിഫലിക്കപ്പെടുന്നതുകൊണ്ട് ഇത് സ്വയമേവ നടക്കും. ഉദാഹരണത്തിന്, നിങ്ങള്‍ക്കുണ്ട് ഈ ഫയലുകൾ: + ``` mywebsite/index.html mywebsite/login.html mywebsite/admin/index.html ``` - -നിങ്ങൾ `mywebsite` എന്ന റൂട്ടുമായി ഒരു വെബ് സെർവർ ഉണ്ടാക്കിയാൽ, URL മാപ്പിംഗ് ഇങ്ങനെ ആയിരിക്കും: - + +നിങ്ങൾ `mywebsite` എന്ന റൂട്ടുമായി ഒരു വെബ് സെർവർ ഉണ്ടാക്കിയാൽ, URL മാപ്പിംഗ് ഇങ്ങനെ ആയിരിക്കും: + ``` https://site.com --> mywebsite/index.html https://site.com/login.html --> mywebsite/login.html https://site.com/admin/ --> mywebsite/admin/index.html ``` - -എങ്കിലും, ഞങ്ങളുടെ വെബ് ആപ്പ് ഒരു HTML ഫയലിൽ എല്ലാ സ്ക്രീനുകളും ഉള്‍ക്കൊള്ളുന്നതിനാൽ ഈ ഡിഫോൾട്ട് പെരുമാറ്റം സഹായിക്കില്ല. ഞങ്ങൾ ഈ മാപ്പ് സ്വയം സജ്ജമാക്കി ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് പ്രദർശിപ്പിക്കപ്പെട്ട ടൈംപ്ലേറ്റ് അപ്ഡേറ്റ് ചെയ്യേണ്ടതാണ്. - -### പ്രവർത്തി - -URL പാത്തുകളും ടൈംപ്ലേറ്റുകളുമായുള്ള [മാപ്പ്](https://en.wikipedia.org/wiki/Associative_array) ഒരു ലളിതമായ ഒബ്ജക്റ്റ് ഉപയോഗിച്ച് നടപ്പിലാക്കാം. ഈ ഒബ്ജക്റ്റ് `app.js` ഫയലിന്റെ മുകളിൽ ചേർക്കുക. - + +എങ്കിലും, ഞങ്ങളുടെ വെബ് ആപ്പ് ഒരു HTML ഫയലിൽ എല്ലാ സ്ക്രീനുകളും ഉള്‍ക്കൊള്ളുന്നതിനാൽ ഈ ഡിഫോൾട്ട് പെരുമാറ്റം സഹായിക്കില്ല. ഞങ്ങൾ ഈ മാപ്പ് സ്വയം സജ്ജമാക്കി ജാവാസ്ക്രിപ്റ്റ് ഉപയോഗിച്ച് പ്രദർശിപ്പിക്കപ്പെട്ട ടൈംപ്ലേറ്റ് അപ്ഡേറ്റ് ചെയ്യേണ്ടതാണ്. + +### പ്രവർത്തി + +URL പാത്തുകളും ടൈംപ്ലേറ്റുകളുമായുള്ള [മാപ്പ്](https://en.wikipedia.org/wiki/Associative_array) ഒരു ലളിതമായ ഒബ്ജക്റ്റ് ഉപയോഗിച്ച് നടപ്പിലാക്കാം. ഈ ഒബ്ജക്റ്റ് `app.js` ഫയലിന്റെ മുകളിൽ ചേർക്കുക. + ```js const routes = { '/login': { templateId: 'login' }, '/dashboard': { templateId: 'dashboard' }, }; ``` - -**ഈ റൂട്ടുകൾ കോൺഫിഗറേഷൻ മനസ്സിലാക്കുക:** -- **URL പാത്തുകളും ടൈംപ്ലേറ്റുകൾക്കുമിടയിലെ മാപ്പിംഗ് നിർവ്വചിക്കുന്നു** -- **കീസ് URL പാത്തുകളും വാല്യൂസ് ടൈംപ്ലേറ്റിന്റെ വിവരങ്ങളും ആണ്** -- **URL അനുസരിച്ച് പ്രദർശിപ്പിക്കേണ്ട ടൈംപ്ലേറ്റ് എളുപ്പത്തിൽ കണ്ടെത്താൻ കഴിയുന്നു** + +**ഈ റൂട്ടുകൾ കോൺഫിഗറേഷൻ മനസ്സിലാക്കുക:** +- **URL പാത്തുകളും ടൈംപ്ലേറ്റുകൾക്കുമിടയിലെ മാപ്പിംഗ് നിർവ്വചിക്കുന്നു** +- **കീസ് URL പാത്തുകളും വാല്യൂസ് ടൈംപ്ലേറ്റിന്റെ വിവരങ്ങളും ആണ്** +- **URL അനുസരിച്ച് പ്രദർശിപ്പിക്കേണ്ട ടൈംപ്ലേറ്റ് എളുപ്പത്തിൽ കണ്ടെത്താൻ കഴിയുന്നു** - **പുതിയ റൂട്ടുകളും സാന്ദർഭികമായി കൂട്ടിച്ചേർക്കാനുള്ള വികാസനക്ഷമ ഘടന നൽകുന്നു** നമുക്ക് `updateRoute` ഫംഗ്ഷൻ കുറച്ചായി മാറ്റാം. നേരിട്ട് `templateId` പരാമർശിക്കാനുള്ള പകരം, ആദ്യം നിലവിലെ URL നോക്കി, പിന്നീട് നമ്മുടെ മാനപ്പെടുത്തിയത് ഉപയോഗിച്ച് അനുയോജ്യമായ template ID മൂല്യം എടുക്കണം. URL-യിൽ നിന്നും മാര്‍ഗഭാഗം മാത്രം എടുക്കാൻ ഉപയോഗിക്കാം [`window.location.pathname`](https://developer.mozilla.org/docs/Web/API/Location/pathname). @@ -644,7 +644,7 @@ sequenceDiagram `history.pushState` ഉപയോഗിച്ചുകൊണ്ട് ബ്രൗസറിന്റെ നാവിഗേഷൻ ചരിത്രത്തിൽ പുതിയ എൻട്രികൾ സൃഷ്ടിക്കുന്നു. ബ്രൗസറിന്റെ പിന്നിലെ ബട്ടൺ നാളെ നീട്ടി നോക്കിയാൽ കാണാനാകും: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.ml.png) +![Screenshot of navigation history](../../../../translated_images/ml/history.7fdabbafa521e064.png) പിന്നിലെ ബട്ടൺ കുറേക്കാലം അമർത്തി നോക്കിയാൽ നിലവിലെ URL മാറി, ചരിത്രം അപ്‌ഡേറ്റ് ആയാലും അടുത്ത ടേംപ്ലേറ്റ് ഒരുപോലെയാണ് കാണിക്കുന്നത്. diff --git a/translations/ml/7-bank-project/2-forms/README.md b/translations/ml/7-bank-project/2-forms/README.md index 0a51cb751..a7ced348a 100644 --- a/translations/ml/7-bank-project/2-forms/README.md +++ b/translations/ml/7-bank-project/2-forms/README.md @@ -293,7 +293,7 @@ graph TD 2. ബ്രൗസറിന്റെ അഡ്രസ് ബാറിലെ മാറ്റം ശ്രദ്ധിക്കുക 3. പേജ് റീലോഡ് ആകുകയും URL-ൽ ഡാറ്റ കാണപ്പെടുകയും ചെയ്യുന്നുവെന്ന് ശ്രദ്ധിക്കുക -![Register ബട്ടൺ ക്ലിക്കുചെയ്യുന്നതിന് ശേഷം ബ്രൗസറിന്റെ URL മാറ്റം സ്ക്രീൻഷോട്ട്](../../../../translated_images/click-register.e89a30bf0d4bc9ca.ml.png) +![Register ബട്ടൺ ക്ലിക്കുചെയ്യുന്നതിന് ശേഷം ബ്രൗസറിന്റെ URL മാറ്റം സ്ക്രീൻഷോട്ട്](../../../../translated_images/ml/click-register.e89a30bf0d4bc9ca.png) ### HTTP മെഥഡുകൾ താരതമ്യം @@ -347,7 +347,7 @@ graph TD 2. "Create Account" ബട്ടൺ അമർത്തുക 3. നിങ്ങളുടെ ബ്രൗസറിൽ സർവർ പ്രതികരണം ശ്രദ്ധിക്കുക -![localhost:5000/api/accounts ലൊക്കേഷൻ വഴി ബ്രൗസർ വിൻഡോ, ഉപയോക്തൃ ഡാറ്റയോടെ JSON സ്റ്റ്രിംഗ് കാണിക്കുന്നു](../../../../translated_images/form-post.61de4ca1b964d91a.ml.png) +![localhost:5000/api/accounts ലൊക്കേഷൻ വഴി ബ്രൗസർ വിൻഡോ, ഉപയോക്തൃ ഡാറ്റയോടെ JSON സ്റ്റ്രിംഗ് കാണിക്കുന്നു](../../../../translated_images/ml/form-post.61de4ca1b964d91a.png) **നിങ്ങൾ കാണേണ്ടത്:** - **ബ്ലൗസർ API എൻഡ്‌പോയിന്റിലേക്ക് റീഡയറക്ട് ചെയ്യുന്നു** @@ -610,7 +610,7 @@ async function register() { 3. **"Create Account" ക്ലിക്ക് ചെയ്യുക** 4. **കോൺസോൾ സന്ദേശങ്ങളും ഉപയോക്തൃ പ്രതികരണങ്ങളും കണ്ട് ആസ്വദിക്കുക** -![Browser console-ൽ ലോഗ് സന്ദേശം കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/browser-console.efaf0b51aaaf6778.ml.png) +![Browser console-ൽ ലോഗ് സന്ദേശം കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/browser-console.efaf0b51aaaf6778.png) **നിങ്ങൾ കാണേണ്ടത്:** - **സബ്‌മിറ്റ് ബട്ടണിൽ ലോഡിംഗ് സ്വീകരണം** @@ -784,7 +784,7 @@ input:focus:invalid { 3. **യൂസർനെയിം ഫീൽഡിൽ പ്രത്യേക ചിഹ്നങ്ങൾ ഉപയോഗിക്കാൻ ശ്രമിക്കുക** 4. **നെഗറ്റീവ് ബാലൻസ് നൽകുക** -![ഫോർം സബ്‌മിറ്റ് ചെയ്യാൻ ശ്രമിക്കുമ്പോൾ നടന്ന സാധുത പിശക് സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/validation-error.8bd23e98d416c22f.ml.png) +![ഫോർം സബ്‌മിറ്റ് ചെയ്യാൻ ശ്രമിക്കുമ്പോൾ നടന്ന സാധുത പിശക് സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/validation-error.8bd23e98d416c22f.png) **നിങ്ങൾ കാണുന്നതെന്താണെന്ന്:** - **ബ്രൗസർ സ്വതന്ത്ര സാധുത സന്ദേശങ്ങൾ പ്രദർശിപ്പിക്കുന്നു** @@ -944,7 +944,7 @@ timeline ചെറിയൊരു സ്റ്റൈലിങ്ങ് ചെയ്ത് അവസാന ലോഗിൻ പേജ് നോക്കിനോക്കൂ: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.ml.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/ml/result.96ef01f607bf856a.png) ## പോസ്റ്റ് ലക്ചർ ക്വിസ് diff --git a/translations/ml/7-bank-project/3-data/README.md b/translations/ml/7-bank-project/3-data/README.md index b139fda8a..ddb684e6a 100644 --- a/translations/ml/7-bank-project/3-data/README.md +++ b/translations/ml/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: പൂർണ്ണമായ HTML പേജ് തിരിച്ചുവരിക്കുന്നു Browser->>User: പുതിയ പേജ് പ്രദർശിപ്പിക്കുന്നു (ഫ്ലാഷ്/പുതുക്കൽ) ``` -![മൾട്ടി-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/mpa.7f7375a1a2d4aa77.ml.png) +![മൾട്ടി-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/ml/mpa.7f7375a1a2d4aa77.png) **ഇപ്പോൾ ഈ രീതിയെന്തുകൊണ്ട് ബുദ്ധിമുട്ടായി തോന്നി:** - ഓരോ ക്ലിക്കിനും പേജ് മുഴുവൻ പുനർനിർമ്മണം വേണമെന്ന് ആവശ്യപ്പെട്ടു @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: പ്രത്യേക പേജ് ഘടകങ്ങൾ അപ്‌ഡേറ്റ് ചെയ്യുന്നു Browser->>User: അപ്‌ഡേറ്റു ചെയ്‌ത ഉള്ളടക്കം കാണിക്കുന്നു (റീലോഡ് ഇല്ലാതെ) ``` -![സിംഗിൾ-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/spa.268ec73b41f992c2.ml.png) +![സിംഗിൾ-പേജ് ആപ്പിലെ അപ്ഡേറ്റ് പ്രവാഹം](../../../../translated_images/ml/spa.268ec73b41f992c2.png) **SPAകൾക്ക് ഇത് എവിടെ ഫണ്ട് നൽകുന്നു:** - വെറും മാറ്റപ്പെട്ട ഭാഗങ്ങൾ മാത്രം പുതുക്കുന്നു (അർത്ഥശാസ്ത്രപരമായ രീതിയിലാണ്) @@ -516,7 +516,7 @@ if (data.error) { ഇപ്പോൾ, അസാധുവായ അക്കൗണ്ട് ഉപയോഗിച്ച് പരിശോധന നടത്തുമ്പോൾ, പേജ് തനിച്ചുതന്നെ സഹായകരമായ പിശകു സന്ദേശം കാണിക്കും! -![ലോഗിൻ സമയത്ത് കാണിക്കുന്ന പിശകു സന്ദേശം കാണിക്കുന്ന സ്ക്രീൻഷോട്ട്](../../../../translated_images/login-error.416fe019b36a6327.ml.png) +![ലോഗിൻ സമയത്ത് കാണിക്കുന്ന പിശകു സന്ദേശം കാണിക്കുന്ന സ്ക്രീൻഷോട്ട്](../../../../translated_images/ml/login-error.416fe019b36a6327.png) #### ഘട്ടം 4: ആക്സസ്‌ബിലിറ്റിയിൽ ഉൾപ്പെടുത്തൽ @@ -950,7 +950,7 @@ timeline ഇതാണ് ഒരു സ്റ്റൈലിംഗ് ചെയ്ത ഡാഷ്‌ബോർഡിന്റെ ഉദാഹരണ സ്ക്രീൻഷോട്ട്: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.ml.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/ml/screen2.123c82a831a1d14a.png) ഇതിനെ പകർത്തേണ്ടതില്ല - ഇതിനെ പ്രചോദനമായി ഉപയോഗിച്ച് നിന്റെ ആപ്പിനെ രൂപമാക്കൂ! diff --git a/translations/ml/7-bank-project/4-state-management/README.md b/translations/ml/7-bank-project/4-state-management/README.md index 8061005ce..c39d2c8f0 100644 --- a/translations/ml/7-bank-project/4-state-management/README.md +++ b/translations/ml/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ mindmap പിന്നിലേക്ക് തിരിയാതെ, നാം ഒരു **കേന്ദ്രികൃത സ്റ്റേറ്റ് മാനേജ്മെന്റ്** സിസ്റ്റം സൃഷ്ടിക്കും. ഇത് എല്ലാ പ്രധാന കാര്യങ്ങളും നിയന്ത്രിക്കുന്ന ഒരാൾ ഉണ്ടാകുന്ന പോലെ ആലോചിക്കുക: -![HTML, ഉപയോക്തൃ നടപടികൾ, സ്റ്റേറ്റ് എന്നിവയിലെ ഡാറ്റ പ്രവാഹം കാണിക്കുന്ന സ്കീമ](../../../../translated_images/data-flow.fa2354e0908fecc8.ml.png) +![HTML, ഉപയോക്തൃ നടപടികൾ, സ്റ്റേറ്റ് എന്നിവയിലെ ഡാറ്റ പ്രവാഹം കാണിക്കുന്ന സ്കീമ](../../../../translated_images/ml/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -799,7 +799,7 @@ timeline അസൈൻമെന്റ് പൂര്‍ത്തിയാക്കിയതിന് ശേഷം വരുന്ന ഫലത്തിൻ്റെ ഉദാഹരണം: -!["Add transaction" ഡയലോഗിന്റെ ആകൃതി കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/dialog.93bba104afeb79f1.ml.png) +!["Add transaction" ഡയലോഗിന്റെ ആകൃതി കാണിക്കുന്ന സ്‌ക്രീൻഷോട്ട്](../../../../translated_images/ml/dialog.93bba104afeb79f1.png) --- diff --git a/translations/ml/7-bank-project/4-state-management/assignment.md b/translations/ml/7-bank-project/4-state-management/assignment.md index 4d2f77de6..bfb728864 100644 --- a/translations/ml/7-bank-project/4-state-management/assignment.md +++ b/translations/ml/7-bank-project/4-state-management/assignment.md @@ -113,7 +113,7 @@ CO_OP_TRANSLATOR_METADATA: **പ്രതീക്ഷിച്ച ഫലം:** ഈ അസൈൻമെന്റ് പൂര്‍ത്തിയാക്കിയതിനു ശേഷം നിങ്ങളുടെ ബാങ്കിങ് ആപ്പിൽ പ്രൊഫഷണൽ രൂപത്തിലുള്ള ഒരു പൂർണ്ണമായ "Add Transaction" ഫീച്ചർ ഉണ്ടായിരിക്കണം: -![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/dialog.93bba104afeb79f1.ml.png) +![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/ml/dialog.93bba104afeb79f1.png) ## നിങ്ങളുടെ നടപ്പാക്കൽ ടെസ്റ്റ് ചെയ്യുക diff --git a/translations/ml/7-bank-project/README.md b/translations/ml/7-bank-project/README.md index 2c2ac3cdd..47c7ab548 100644 --- a/translations/ml/7-bank-project/README.md +++ b/translations/ml/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: ഈ പ്രോജക്ടിൽ, നിങ്ങൾ ഒരു خیالی ബാങ്ക് എങ്ങനെ നിർമ്മിക്കാമെന്ന് പഠിക്കും. ഈ പഠനങ്ങളിൽ ഒരു വെബ് ആപ്പ് എങ്ങനെൽയൗട്ട് ചെയ്യാം, റൂട്ടുകൾ എങ്ങനെ നൽകാം, ഫോമുകൾ നിർമ്മിക്കുക, സ്റ്റേറ്റ് മാനേജ് ചെയ്യുക, ബാങ്കിന്റെ ഡാറ്റ ലഭിക്കുന്ന API-യിൽ നിന്ന് ഡാറ്റ എങ്ങനെ ഫിച്ച് ചെയ്യാം എന്നതിനെക്കുറിച്ചുള്ള നിർദ്ദേശങ്ങൾ ഉൾបទമാണ്. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.ml.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.ml.png) | +| ![Screen1](../../../translated_images/ml/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/ml/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## പാഠങ്ങൾ diff --git a/translations/ml/8-code-editor/1-using-a-code-editor/README.md b/translations/ml/8-code-editor/1-using-a-code-editor/README.md index e6d4e6def..1f81ff8a1 100644 --- a/translations/ml/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/ml/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ VSCode.dev ഈ കഴിവുകൾ നിങ്ങളുടെ ബ്രൗസ എല്ലാം ലോഡ് ചെയ്തതിനു ശേഷം, നിങ്ങൾ മനോഹരമായി ശുചിത്വമുള്ള ഒരു വേർക്ക്സ്പേസ് കാണും, അഭിപ്രായങ്ങൾക്ക് നിർദ്ദേശിക്കപ്പെടുന്നത് – നിങ്ങളുടെ കോഡ് ആണ് പ്രധാനങ്ങൾ! -![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.ml.png) +![Default VSCode.dev interface](../../../../translated_images/ml/default-vscode-dev.5d06881d65c1b323.png) **ഇവിടെ നിങ്ങളുടെ അയൽക്കൂട്ടത്തിന്റെ ടൂർ:** - **ആക്ടിവിറ്റി ബാർ** (ഇടതു വശത്ത് സ്ട്രിപ്പ്): എക്സ്പ്ലോറർ 📁, തിരയൽ 🔍, സോഴ്‌സ് കൺട്രോൾ 🌿, എക്സ്റ്റൻഷൻസ് 🧩, ക്രമീകരണങ്ങൾ ⚙️ എന്നിവയടങ്ങിയ പ്രധാന നാവിഗേഷൻ @@ -229,7 +229,7 @@ flowchart TB 1. [vscode.dev](https://vscode.dev) സന്ദർശിക്കുക, ഇതിനകം അവിടെ ഇല്ലെങ്കിൽ 2. സ്വാഗതപ്പടിയിലെ "Open Remote Repository" ബട്ടൺ കണ്ടെത്തി ക്ലിക്ക് ചെയ്യുക - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.ml.png) + ![Open remote repository](../../../../translated_images/ml/open-remote-repository.bd9c2598b8949e7f.png) 3. ഏതൊരു GitHub റിപ്പോസിറ്ററി URL പേസ്റ്റ് ചെയ്യുക (ഉദാ: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Enter അമർത്തി ഞെട്ടിക്കുന്ന മാറ്റം കാണുക! @@ -238,7 +238,7 @@ flowchart TB കോഡിംഗ് അപാരമായി സൃഷ്ടിക്കാനുള്ള ആഗ്രഹമുണ്ടോ? ഈ കീബോർഡ് ഷോർട്ട്കട്ട് ട്രൈ ചെയ്യൂ: Ctrl+Shift+P (മാക്‌സിൽ Cmd+Shift+P) കമാൻഡ് അലയം തുറക്കാൻ: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.ml.png) +![Command Palette](../../../../translated_images/ml/palette-menu.4946174e07f42622.png) **കമാൻഡ് പാളറ്റ് എല്ലാം ചെയ്യാൻ കഴിയുന്ന ഒരു തിരയൽ എഞ്ചിൻ പോലെയാണ്:** - "open remote" ടൈപ്പ് ചെയ്യുക, ഇത് റിപ്പോസിറ്ററി ഓപ്പണറെ കണ്ടെത്തും @@ -300,7 +300,7 @@ HTTP, HTTPS വ്യത്യസ്ത പ്രോട്ടോകോളുക 3. അനുയോജ്യമായ ഒരുകീഴിൽ നിന്നുള്ള ഫയൽനാമം നൽകുക (`style.css`, `script.js`, `index.html`) 4. Enter അമർത്തി ഫയൽ സൃഷ്ടിക്കുക -![Creating a new file](../../../../translated_images/create-new-file.2814e609c2af9aeb.ml.png) +![Creating a new file](../../../../translated_images/ml/create-new-file.2814e609c2af9aeb.png) **നാമകരണം ചട്ടങ്ങൾ:** - ഫയലിന്റെ ഉദ്ദേശ്യം വ്യക്തമാക്കുന്ന വിവരണാത്മക നാമങ്ങൾ ഉപയോഗിക്കുക @@ -318,7 +318,7 @@ HTTP, HTTPS വ്യത്യസ്ത പ്രോട്ടോകോളുക 2. ടൈപ്പ് ആരംഭിച്ച് VSCode.dev നിങ്ങളുടെ സഹായത്തോടെ നിറം, നിർദ്ദേശങ്ങൾ, പിശക് കണ്ടെത്തൽ എന്നിവ കാണിക്കുക 3. Ctrl+S (Windows/Linux) അല്ലെങ്കിൽ Cmd+S (Mac) ഉപയോഗിച്ച് ജോലിസേവ് ചെയ്യുക – എന്നാൽ അത് ഓട്ടോസേവും ചെയ്യുന്നു! -![Editing files in VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.ml.png) +![Editing files in VSCode.dev](../../../../translated_images/ml/edit-a-file.52c0ee665ef19f08.png) **നിങ്ങൾ കോഡ് ചെയ്യുമ്പോൾ സംഭവിക്കുന്ന കൂൾ കാര്യങ്ങൾ:** - നിങ്ങളുടെ കോഡ് മനോഹരമായി കളർ കോഡുചെയ്യപ്പെട്ടിരിക്കുന്നു, വായിക്കാൻ എളുപ്പം @@ -339,7 +339,7 @@ HTTP, HTTPS വ്യത്യസ്ത പ്രോട്ടോകോളുക 2. മാറ്റം വരുത്തിയ ഫയലുകൾ "Changes" വിഭാഗത്തിൽ കാണാം 3. കളർ കോഡിംഗ് മാറ്റങ്ങളുടെ തരം സൂചിപ്പിക്കുന്നു: കൂട്ടിച്ചേർത്തത് പച്ച, നീക്കംചെയ്‌തു ചുവപ്പ് -![Viewing changes in Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.ml.png) +![Viewing changes in Source Control](../../../../translated_images/ml/working-tree.c58eec08e6335c79.png) **നിങ്ങളുടെ ജോലി (കമിറ്റ് പ്രവൃത്തി പ്രവാഹം) സംരക്ഷിക്കൽ:** @@ -431,7 +431,7 @@ mindmap 2. ചുറ്റുമുളളത് പരീക്ഷിക്കുക അല്ലെങ്കിൽ ഒരു പ്രത്യേകതു തിരയുക 3. ഇന്ററെസ്റ്റിങ്ങ് പോലെ തോന്നുന്നതിൽ ക്ലിക്ക് ചെയ്യുക കൂടുതൽ അറിയാൻ -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.ml.png) +![Extension marketplace interface](../../../../translated_images/ml/extensions.eca0e0c7f59a10b5.png) **ഇവിടെ നിങ്ങൾ കാണുന്നതെന്ത്:** @@ -484,7 +484,7 @@ mindmap 3. പൊപ്പ്-ഡൗൺ മെനുവിൽ നിന്ന് "Extension Settings" തിരഞ്ഞെടുക്കുക 4. നിങ്ങൾക്ക് ഇഷ്ടപ്പെട്ട രീതിയിൽ ക്രമീകരണം ഇങ്ങനെ മാറ്റുക -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.ml.png) +![Customizing extension settings](../../../../translated_images/ml/extension-settings.21c752ae4f4cdb78.png) **സാധാരണയായി മാറ്റം വരുത്താൻ സാധ്യതയുള്ളതുകൾ:** - നിങ്ങളുടെ കോഡിന്റെ ഫോർമാറ്റിംഗ് (ടാബുകൾ vs സ്പേസുകൾ, ലൈനിന്റെ നീളം തുടങ്ങിയവ) diff --git a/translations/ml/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ml/8-code-editor/1-using-a-code-editor/assignment.md index 3988ede94..c258ecd28 100644 --- a/translations/ml/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/ml/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.ml.png) +![GitHub-ൽ ആദ്യ ഫയൽ സൃഷ്ടിക്കൽ](../../../../translated_images/ml/new-file-github.com.c886796d800e8056.png) **ഈ ആരംഭം ചെയ്യുന്നതിലൂടെ സംഭവിക്കുന്നത്:** - **വ്യവസ്ഥാപിക്കുന്നു** ബോധ്യപ്പെട്ട HTML5 ഡോക്യുമെന്റ് ഘടന സെമാന്റിക് ഘടകങ്ങളോടെ @@ -104,7 +104,7 @@ VSCode.dev ഒരു റിപോസിറ്ററി തുറക്കാൻ ✅ **വിജയം സൂചിപ്പിക്കുന്നത്**: എക്‌സ്പ്ലോറർ സൈഡ്ബാറിൽ നിങ്ങളുടെ പ്രോജക്ട് ഫയലുകൾ കാണണം, പ്രധാന എഡിറ്റർ അരിയയിൽ `index.html` എഡിറ്റ് ചെയ്യാൻ ലഭ്യമാകും. -![VSCode.dev-ൽ പ്രോജക്റ്റ് ലോഡ് ചെയ്തത്](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ml.png) +![VSCode.dev-ൽ പ്രോജക്റ്റ് ലോഡ് ചെയ്തത്](../../../../translated_images/ml/project-on-vscode.dev.e79815a9a95ee7fe.png) **ഇന്റർഫേസ് തുറക്കുന്നത് കാണുന്നതിന്:** - **എക്‌സ്പ്ലോറർ സൈഡ്ബാർ**: നിങ്ങളുടെ റിപോസിറ്ററിയിലെ ഫയലുകളും ഫോൾഡർ ഘടനയും **പ്രദർശിപ്പിക്കുന്നു** @@ -448,7 +448,7 @@ li:before { **ഇൻസ്റ്റാളേഷനുകഴിഞ്ഞുള്ള ഉടൻ ഫലങ്ങൾ:** CodeSwing ഇൻസ്റ്റാൾ ചെയ്ത ഉടനെ, എഡിറ്ററിൽ നിങ്ങളുടെ റിസ്യൂം വെബ്സൈറ്റിന്റെ ലൈവ് പ്രിവ്യൂ കാണാം. മാറ്റങ്ങൾ വരുത്തുമ്പോൾ സൈറ്റ് എങ്ങനെ കാണപ്പെടുന്നു എന്ന് നേരിട്ടും തിരിച്ചറിയാം. -![CodeSwing എക്സ്റ്റൻഷൻ ലൈവ് പ്രിവ്യൂ കാണിക്കുന്നു](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ml.png) +![CodeSwing എക്സ്റ്റൻഷൻ ലൈവ് പ്രിവ്യൂ കാണിക്കുന്നു](../../../../translated_images/ml/after-codeswing-extension-pb.0ebddddcf73b5509.png) **പുതിയ ഇന്റർഫേസ് വിശദീകരണം:** - **സ്പ്ലിറ്റ് വ്യൂ**: ഒരു ഭാഗത്ത് കോഡ്, മറുവശത്ത് ലൈവ് പ്രിവ്യൂ കാണിക്കും diff --git a/translations/ml/9-chat-project/README.md b/translations/ml/9-chat-project/README.md index 852338228..68e021c05 100644 --- a/translations/ml/9-chat-project/README.md +++ b/translations/ml/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) നിങ്ങളുടെ ഫിനിഷഡ് പ്രോജക്ട് ഹീറാണ്: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.ml.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/ml/screenshot.0a1ee0d123df681b.png) ## 🗺️ എഐ ആപ്ലിക്കേഷൻ വികസനത്തിലൂടെ നിങ്ങളുടെ പഠനയാത്ര @@ -189,7 +189,7 @@ mindmap ``` **അടിസ്ഥാന സിദ്ധാന്തം**: എഐ ആപ്ലിക്കേഷൻ വികസനം പരമ്പരാഗത വെബ് ഡവലപ്പ്മെന്റ് കഴിവുകളെ എഐ സേവന സംയോജനത്തോടെ സംയോജിപ്പിക്കുന്നു, ഉപയോക്താവിന് സ്വാഭാവികവും പ്രതികരണശീലമുള്ളതുമായ ബുദ്ധിമുട്ടില്ലാത്ത ആപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നു. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.ml.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/ml/playground.d2b927122224ff8f.png) **പ്ലേഗ്രൗണ്ട് ഇത്രയും ഉപകാരത്തിന് ഇടയായത് എന്തുകൊണ്ട്:** - **വിഭിന്ന എഐ മോഡലുകൾ** പോലുള്ള GPT-4o-mini, Claude തുടങ്ങിയവ പരീക്ഷിക്കാൻ (ഇവ എല്ലാവും मुफ़ത്!) @@ -199,7 +199,7 @@ mindmap കുറച്ച് കളിച്ച് കഴിഞ്ഞാൽ "Code" ടാബിൽ ക്ലിക്ക് ചെയ്ത് നിങ്ങളുടെ പ്രോഗ്രാമിങ് ഭാഷ തിരഞ്ഞെടുക്കുക, തുടർനടപടികൾക്കുള്ള കോഡ് ലഭിക്കും. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.ml.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/ml/playground-choice.1d23ba7d407f4758.png) ## പൈത്തൺ ബാക്ക്എൻഡ് ഇന്റഗ്രേഷൻ സജ്ജമാക്കൽ @@ -2351,14 +2351,14 @@ mindmap - [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) സന്ദർശിക്കുക - മുകളിൽ-दക്ഷിണ കോണിൽ "Use this template" ക്ലിക്കുചെയ്യുക (GitHub ലോഗിൻ ചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.ml.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/ml/template.67ad477109d29a2b.png) **പടിയൊന്ന്: Codespaces തുറക്കുക** - പുതിയതായി സൃഷ്ടിച്ച റിപോസിറ്ററി തുറക്കുക - പച്ച "Code" ബട്ടൺ ക്ലിക്ക് ചെയ്ത് "Codespaces" തിരഞ്ഞെടുക്കുക - "Create codespace on main" തിരഞ്ഞെടുക്കുക നിങ്ങളുടെ ഡെവലപ്പ്മെന്റ് പരിസരം ആരംഭിക്കാൻ -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.ml.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/ml/codespace.bcecbdf5d2747d3d.png) **പടിയൊന്ന്: പരിസരം ക്രമീകരിക്കൽ** നിങ്ങളുടെ Codespace ലോഡാകുമ്പോൾ ലഭ്യമാകും: diff --git a/translations/ml/README.md b/translations/ml/README.md index b992c75be..ec39adc9e 100644 --- a/translations/ml/README.md +++ b/translations/ml/README.md @@ -72,13 +72,13 @@ Azure AI Foundry Discord Community യിൽ ചേരൂ ആരംഭിക്കാൻ സന്ദർശിക്കുക [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! -![Background](../../translated_images/background.148a8d43afde5730.ml.png) +![Background](../../translated_images/ml/background.148a8d43afde5730.png) - അടിസ്ഥാന കാര്യങ്ങളിൽ നിന്നാരംഭിച്ച് RAG വരെ ഉൾക്കൊള്ളുന്ന പാഠങ്ങൾ. - GenAIയും നമ്മുടെ സഹപാഠിയുള്ള ആപ്പും ഉപയോഗിച്ച് ചരിത്രപ്രസിദ്ധ വ്യക്തികളുമായി തൽസമയ സംവാദം. - രസകരമായ കഥാരൂപകഥ, നിങ്ങൾകാലയാത്ര ചെയ്യുന്നു! -![character](../../translated_images/character.5c0dd8e067ffd693.ml.png) +![character](../../translated_images/ml/character.5c0dd8e067ffd693.png) ഓരോ പാഠത്തിലും പൂർത്തിയാക്കാനുള്ള അസൈൻമെന്റ്, അറിവ് പരിശോധന, വെല്ലുവിളി എന്നിവയുണ്ട്, പഠിക്കാനുള്ള വിഷയങ്ങൾ ഉൾക്കൊള്ളുന്നു: @@ -115,7 +115,7 @@ Azure AI Foundry Discord Community യിൽ ചേരൂ നിങ്ങൾ സൃഷ്ടിച്ച റിപോസിറ്ററിയിൽ, **Code** ബട്ടൺ ക്ലിക്ക് ചെയ്ത് **Open with Codespaces** തിരഞ്ഞെടുക്കുക. പുതിയ ഒരു Codespace നിങ്ങൾക്കായി സൃഷ്ടിക്കും. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.ml.png) +![Codespace](../../translated_images/ml/createcodespace.0238bbf4d7a8d955.png) #### നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ കോറിക്കുലം ലോക്കലായി ഓടിക്കുക diff --git a/translations/ml/for-teachers.md b/translations/ml/for-teachers.md index fce3a942a..c7262e4a4 100644 --- a/translations/ml/for-teachers.md +++ b/translations/ml/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloudയ്ക്ക് Common Cartridge പിന്തുണ കുറവാണ്. മുകളില്‍ പറയുന്ന Moodle ഫയല്‍ ഉപയോഗിക്കുക, അത് Canvas-ലും അപ്ലോഡ് ചെയ്യാം. - ഇറക്കുമതി ചെയ്ത ശേഷം, നിങ്ങളുടെ ടേം ഷെഡ്യൂളിന് അനുയോജ്യമായി മോഡ്യൂളുകളും, തീയ്യതികളും, ക്വിസുകളുടെ ക്രമീകരണങ്ങളും പരിശോധിക്കുക. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.ml.png) +![Moodle](../../translated_images/ml/moodle.94eb93d714a50cb2.png) > Moodle ക്ലാസ്സില്‍ പാഠ്യക്രമം -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.ml.png) +![Canvas](../../translated_images/ml/canvas.fbd605ff8e5b8aff.png) > Canvas-ൽ പാഠ്യക്രമം ### ക്ലാസ്സ്‌റൂം ഇല്ലാതെ ഈ റിപ്പോ നേരിട്ട് ഉപയോഗിക്കുക diff --git a/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 14bae92d3..ff870aadb 100644 --- a/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/mo/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 今天，我們將探索那些讓現代網頁開發不僅僅是可能，而且令人上癮的不可思議工具。我說的是Netflix、Spotify以及你最喜歡的獨立應用程式工作室的開發者每天都在使用的編輯器、瀏覽器和工作流程。而最讓人開心的是：大多數這些專業級、行業標準的工具都是完全免費的！ -![程式設計簡介](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.mo.png) +![程式設計簡介](../../../../translated_images/mo/webdev101-programming.d6e3f98e61ac4bff.png) > [Tomomi Imura](https://twitter.com/girlie_mac) 的手繪筆記 ```mermaid diff --git a/translations/mo/1-getting-started-lessons/2-github-basics/README.md b/translations/mo/1-getting-started-lessons/2-github-basics/README.md index 4d10ecac2..e6a405e81 100644 --- a/translations/mo/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/mo/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: 我們會一起踏上這段旅程，一步一步來。沒有匆忙，沒有壓力——只有你、我，以及一些即將成為你新好朋友的超酷工具！ -![GitHub 簡介](../../../../translated_images/webdev101-github.8846d7971abef6f9.mo.png) +![GitHub 簡介](../../../../translated_images/mo/webdev101-github.8846d7971abef6f9.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,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.mo.png) +![本地複製儲存庫](../../../../translated_images/mo/clone_repo.5085c48d666ead57.png) 有幾種複製程式碼的方法。一種方法是使用 HTTPS、SSH 或 GitHub CLI（命令列介面）來 "克隆" 儲存庫的內容。 diff --git a/translations/mo/1-getting-started-lessons/3-accessibility/README.md b/translations/mo/1-getting-started-lessons/3-accessibility/README.md index 9e05b80f3..76b592087 100644 --- a/translations/mo/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/mo/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # 建立無障礙網頁 -![關於無障礙設計](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.mo.png) +![關於無障礙設計](../../../../translated_images/mo/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1060,12 +1060,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 - + ``` **功能性圖片** - 作為按鈕或控制項： @@ -1077,7 +1077,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...

@@ -1117,7 +1117,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/mo/2-js-basics/1-data-types/README.md b/translations/mo/2-js-basics/1-data-types/README.md index 242b7540e..38647c73d 100644 --- a/translations/mo/2-js-basics/1-data-types/README.md +++ b/translations/mo/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：資料型別 -![JavaScript 基礎 - 資料型別](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.mo.png) +![JavaScript 基礎 - 資料型別](../../../../translated_images/mo/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/mo/2-js-basics/2-functions-methods/README.md b/translations/mo/2-js-basics/2-functions-methods/README.md index 44b2f1f8c..bc68fbbda 100644 --- a/translations/mo/2-js-basics/2-functions-methods/README.md +++ b/translations/mo/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：方法與函數 -![JavaScript 基礎 - 函數](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.mo.png) +![JavaScript 基礎 - 函數](../../../../translated_images/mo/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/mo/2-js-basics/3-making-decisions/README.md b/translations/mo/2-js-basics/3-making-decisions/README.md index 9cbc0297e..507c3f041 100644 --- a/translations/mo/2-js-basics/3-making-decisions/README.md +++ b/translations/mo/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：做出決策 -![JavaScript 基礎 - 做出決策](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.mo.png) +![JavaScript 基礎 - 做出決策](../../../../translated_images/mo/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/mo/2-js-basics/4-arrays-loops/README.md b/translations/mo/2-js-basics/4-arrays-loops/README.md index f355c578c..8aa62851a 100644 --- a/translations/mo/2-js-basics/4-arrays-loops/README.md +++ b/translations/mo/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript 基礎：陣列與迴圈 -![JavaScript 基礎 - 陣列](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.mo.png) +![JavaScript 基礎 - 陣列](../../../../translated_images/mo/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote 作者：[Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/mo/3-terrarium/1-intro-to-html/README.md b/translations/mo/3-terrarium/1-intro-to-html/README.md index 070e804f5..044d1e1f9 100644 --- a/translations/mo/3-terrarium/1-intro-to-html/README.md +++ b/translations/mo/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![HTML入門](../../../../translated_images/webdev101-html.4389c2067af68e98.mo.png) +![HTML入門](../../../../translated_images/mo/webdev101-html.4389c2067af68e98.png) > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 HTML，即超文本標記語言，是您曾經瀏覽過的每個網站的基礎。可以將HTML想像成網頁的骨架——它定義了內容的位置、組織方式以及每個部分的意義。雖然CSS稍後會用顏色和佈局來“裝飾”您的HTML，JavaScript則會通過互動性使其“活起來”，但HTML提供了使其他一切成為可能的基本結構。 @@ -88,7 +88,7 @@ mindmap 4. 在Explorer面板中，點擊“New File”圖標 5. 將文件命名為`index.html` -![VS Code Explorer顯示新文件創建](../../../../translated_images/vs-code-index.e2986cf919471eb9.mo.png) +![VS Code Explorer顯示新文件創建](../../../../translated_images/mo/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/mo/3-terrarium/2-intro-to-css/README.md b/translations/mo/3-terrarium/2-intro-to-css/README.md index dd6e52253..0b4a30fee 100644 --- a/translations/mo/3-terrarium/2-intro-to-css/README.md +++ b/translations/mo/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![CSS入門](../../../../translated_images/webdev101-css.3f7af5991bf53a20.mo.png) +![CSS入門](../../../../translated_images/mo/webdev101-css.3f7af5991bf53a20.png) > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 還記得你的HTML微型生態瓶看起來非常基本嗎？CSS就是用來將這個簡單的結構轉變成視覺上更吸引人的東西。 @@ -205,7 +205,7 @@ body { 打開瀏覽器的開發者工具（F12），導航到“元素”選項卡，檢查你的`

`元素。你會看到它繼承了`body`的字體： -![繼承的字體](../../../../translated_images/1.cc07a5cbe114ad1d.mo.png) +![繼承的字體](../../../../translated_images/mo/1.cc07a5cbe114ad1d.png) ✅ **實驗時間**：嘗試在``上設置其他可繼承屬性，例如`color`、`line-height`或`text-align`。你的標題和其他元素會發生什麼變化？ @@ -335,7 +335,7 @@ ID選擇器使用`#`符號，定位具有特定`id`屬性的元素。由於ID在 **以下是每個植物的HTML結構：** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -599,7 +599,7 @@ flowchart LR 你將創建微妙的高光，模擬光線如何在玻璃表面反射。這種方法類似於文藝復興時期的畫家如 Jan van Eyck 如何使用光線和反射使繪製的玻璃看起來具有三維效果。以下是你的目標： -![完成的玻璃瓶](../../../../translated_images/terrarium-final.2f07047ffc597d0a.mo.png) +![完成的玻璃瓶](../../../../translated_images/mo/terrarium-final.2f07047ffc597d0a.png) **你的挑戰：** - **創建** 微妙的白色或淺色橢圓形作為玻璃反射效果 diff --git a/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md index bbb9d7618..f5513b87f 100644 --- a/translations/mo/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/mo/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.mo.png) +![DOM 和閉包](../../../../translated_images/mo/webdev101-js.10280393044d7eaa.png) > 手繪筆記由 [Tomomi Imura](https://twitter.com/girlie_mac) 提供 歡迎來到網頁開發中最有趣的部分之一——讓網頁變得互動！文檔物件模型（DOM）就像是 HTML 和 JavaScript 之間的橋樑，今天我們將利用它讓你的微型生態瓶活起來。當 Tim Berners-Lee 創建第一個網頁瀏覽器時，他設想了一個可以動態和互動的網頁世界，而 DOM 使這一願景成為可能。 @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![DOM 樹表示](../../../../translated_images/dom-tree.7daf0e763cbbba92.mo.png) +![DOM 樹表示](../../../../translated_images/mo/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 > 💡 **理解閉包**：閉包是 JavaScript 中的重要主題，許多開發者在使用多年後才完全掌握其理論方面。今天，我們專注於實際應用——你將看到閉包在構建我們的互動功能時自然地出現。隨著你了解它如何解決實際問題，理解也會逐漸加深。 -![DOM 樹表示](../../../../translated_images/dom-tree.7daf0e763cbbba92.mo.png) +![DOM 樹表示](../../../../translated_images/mo/dom-tree.7daf0e763cbbba92.png) > DOM 的表示及其引用的 HTML 標記。來源：[Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -598,7 +598,7 @@ function stopElementDrag() { - **跨設備支援**：適用於桌面和移動設備 - **效能意識**：無記憶體洩漏或冗餘計算 -![完成的微型花園](../../../../translated_images/terrarium-final.0920f16e87c13a84.mo.png) +![完成的微型花園](../../../../translated_images/mo/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/mo/3-terrarium/solution/README.md b/translations/mo/3-terrarium/solution/README.md index ccf898ed8..4351ff164 100644 --- a/translations/mo/3-terrarium/solution/README.md +++ b/translations/mo/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 一個小型的拖放式程式冥想。只需一些 HTML、JS 和 CSS，你就可以建立一個網頁介面，設計它，並添加互動功能。 -![我的微型植物園](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.mo.png) +![我的微型植物園](../../../../translated_images/mo/screenshot_gray.0c796099a1f9f25e.png) ## 致謝 diff --git a/translations/mo/5-browser-extension/1-about-browsers/README.md b/translations/mo/5-browser-extension/1-about-browsers/README.md index 42f24833b..6517b7cb4 100644 --- a/translations/mo/5-browser-extension/1-about-browsers/README.md +++ b/translations/mo/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![瀏覽器手繪筆記](../../../../translated_images/browser.60317c9be8b7f84a.mo.jpg) +![瀏覽器手繪筆記](../../../../translated_images/mo/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 ✅ **一點歷史**：第一個瀏覽器名為 'WorldWideWeb'，由 Timothy Berners-Lee 爵士於 1990 年創建。 -![早期瀏覽器](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.mo.jpg) +![早期瀏覽器](../../../../translated_images/mo/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.mo.png) +![Edge 瀏覽器截圖，顯示打開的 edge://extensions 頁面和打開的設置菜單](../../../../translated_images/mo/install-on-edge.d68781acaf0b3d3d.png) > **重要**：在測試您自己的擴充功能時，請確保開啟開發者模式並允許來自其他商店的擴充功能。 @@ -313,10 +313,10 @@ project-root/ ### 擴充功能視圖概述 **設置視圖** - 初次使用者配置： -![完成的擴充功能在瀏覽器中打開，顯示一個包含地區名稱和 API 密鑰輸入的表單。](../../../../translated_images/1.b6da8c1394b07491.mo.png) +![完成的擴充功能在瀏覽器中打開，顯示一個包含地區名稱和 API 密鑰輸入的表單。](../../../../translated_images/mo/1.b6da8c1394b07491.png) **結果視圖** - 顯示碳足跡數據： -![完成的擴充功能顯示美國 US-NEISO 地區的碳使用量和化石燃料百分比值。](../../../../translated_images/2.1dae52ff08042246.mo.png) +![完成的擴充功能顯示美國 US-NEISO 地區的碳使用量和化石燃料百分比值。](../../../../translated_images/mo/2.1dae52ff08042246.png) ### 建立配置表單 diff --git a/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md index 74aae4393..10b6e2a48 100644 --- a/translations/mo/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/mo/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.mo.png) +![本地存儲面板](../../../../translated_images/mo/localstorage.472f8147b6a3f8d1.png) > ⚠️ **安全考量**：在生產應用中，將 API 密鑰存儲在 LocalStorage 中存在安全風險，因為 JavaScript 可以訪問這些數據。作為學習用途，這種方法是可以的，但真正的應用應該使用安全的伺服器端存儲來保存敏感憑據。 diff --git a/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md index 46495d299..2c734db22 100644 --- a/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/mo/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ flowchart LR 讓我們來試試看。打開一個網站（Microsoft.com 是個不錯的選擇），然後點擊「記錄」按鈕。現在刷新網頁，觀察分析器捕捉到的所有活動。停止記錄後，您將看到瀏覽器如何「腳本化」、「渲染」和「繪製」網站的詳細分解。這讓我想起了任務控制中心在火箭發射期間監控每個系統的方式——您可以獲得實時的數據，了解每件事情的發生時間和過程。 -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.mo.png) +![Edge profiler](../../../../translated_images/mo/profiler.5a4a62479c5df01c.png) ✅ [Microsoft 文件](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) 有更多詳細資訊，供您深入了解。 @@ -136,11 +136,11 @@ flowchart LR 通過選擇剖析時間線的一部分並查看摘要窗格，獲得網頁效能的快照： -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.mo.png) +![Edge profiler snapshot](../../../../translated_images/mo/snapshot.97750180ebcad737.png) 檢查事件日誌窗格，查看是否有任何事件超過 15 毫秒： -![Edge event log](../../../../translated_images/log.804026979f3707e0.mo.png) +![Edge event log](../../../../translated_images/mo/log.804026979f3707e0.png) ✅ 熟悉您的分析器！在此網站上打開開發者工具，看看是否有任何瓶頸。哪個資產加載最慢？最快？ diff --git a/translations/mo/5-browser-extension/README.md b/translations/mo/5-browser-extension/README.md index c77dbd5c9..ec7beea3b 100644 --- a/translations/mo/5-browser-extension/README.md +++ b/translations/mo/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### 致謝 -![一個綠色的瀏覽器擴充功能](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mo.png) +![一個綠色的瀏覽器擴充功能](../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png) ## 致謝 diff --git a/translations/mo/5-browser-extension/solution/README.md b/translations/mo/5-browser-extension/solution/README.md index 79f27f73f..ffc2ef546 100644 --- a/translations/mo/5-browser-extension/solution/README.md +++ b/translations/mo/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，建立一個瀏覽器擴充功能，讓您可以在瀏覽器中即時提醒所在區域的電力使用負荷。透過這個擴充功能，您可以根據資訊來判斷是否進行某些活動。 -![擴充功能截圖](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mo.png) +![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png) ## 快速開始 @@ -31,7 +31,7 @@ npm run build 在 Edge 瀏覽器中安裝擴充功能，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰（[在此透過電子郵件獲取](https://www.co2signal.com/) - 在此頁面輸入您的電子郵件）以及對應於 [Electricity Map](https://www.electricitymap.org/map) 的區域代碼（例如，在波士頓，我使用「US-NEISO」）[區域代碼查詢](http://api.electricitymap.org/v3/zones)。 -![安裝擴充功能](../../../../translated_images/install-on-edge.78634f02842c4828.mo.png) +![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.png) 一旦在擴充功能介面中輸入 API 金鑰和區域代碼，瀏覽器擴充功能欄中的彩色點應該會改變，反映您所在區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合進行。這個「點」系統的概念是受到 [Energy Lollipop 擴充功能](https://energylollipop.com/)（針對加州排放）的啟發。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.es.md b/translations/mo/5-browser-extension/solution/translation/README.es.md index b12241b6e..246f23ba1 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.es.md +++ b/translations/mo/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，開發一個瀏覽器擴充功能，讓您可以直接在瀏覽器中獲得所在區域的電力消耗提醒。使用這個即時擴充功能可以幫助您根據這些資訊來決定您的活動。 -![擴充功能截圖](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.mo.png) +![擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## 開始使用 @@ -31,7 +31,7 @@ npm run build 要在 Edge 中安裝，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。當系統提示時，打開「dist」資料夾，擴充功能就會被載入。要使用此擴充功能，您需要一個 CO2 Signal API 的 API 金鑰（[在此處透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面的框中輸入您的電子郵件）以及對應於 [電力地圖](https://www.electricitymap.org/map) 的 [區域代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓，我使用「US-NEISO」）。 -![安裝](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.mo.png) +![安裝](../../../../../translated_images/mo/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) 當您在擴充功能介面中輸入 API 金鑰和區域代碼後，瀏覽器擴充功能列中的顏色點應該會改變，以反映您所在區域的能源使用情況，並提供您是否適合進行高耗能活動的指示。這個「顏色點」系統的概念是受到 [Energy Lollipop 擴充功能](https://energylollipop.com/)（針對加州排放量）啟發而來的。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.fr.md b/translations/mo/5-browser-extension/solution/translation/README.fr.md index 18f005771..821c70182 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.fr.md +++ b/translations/mo/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.mo.png) +![擴充套件截圖](../../../../../translated_images/mo/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.mo.png) +![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png) 當 API 金鑰和地區代碼輸入到擴充套件介面後，瀏覽器擴充套件欄中的彩色點應該會改變，以反映您所在地區的能源消耗，並為您提供指標，幫助您判斷是否適合進行耗能活動。這個「點」系統的概念是受到 [Energy Lollipop 擴充套件](https://energylollipop.com/) 的啟發，用於加州的排放量指標。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.hi.md b/translations/mo/5-browser-extension/solution/translation/README.hi.md index 72934ecdb..1ba35caf4 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.hi.md +++ b/translations/mo/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.mo.png) +![擴展截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png) ## 開始 @@ -31,7 +31,7 @@ npm run build 要在 Edge 上安裝，請使用瀏覽器右上角的“三點”菜單找到擴展面板。從那裡選擇“加載未打包的擴展”，然後在提示中打開“dist”文件夾，擴展就會加載。要使用它，您需要 CO2 Signal 的 API 密鑰（[通過電子郵件在此處獲取](https://www.co2signal.com/)——在該頁面的框中輸入您的電子郵件）以及 [您所在區域的代碼](http://api.electricitymap.org/v3/zones) [電力地圖](https://www.electricitymap.org/map)（例如，在波士頓，我使用“US-NEISO”）。 -![安裝](../../../../../translated_images/install-on-edge.78634f02842c4828.mo.png) +![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png) 一旦 API 密鑰和區域代碼輸入到擴展界面中，瀏覽器擴展欄中的彩色點應該會根據您所在區域的能源使用情況進行變化，並為您提供一個指標，告訴您哪些能源密集型活動適合您的操作。這個“點”系統的概念是我從加州排放的 [Energy Lollipop 擴展](https://energylollipop.com/) 中獲得的靈感。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.it.md b/translations/mo/5-browser-extension/solution/translation/README.it.md index 27fae24ae..0e815e391 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.it.md +++ b/translations/mo/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.mo.png) +![擴充功能截圖](../../../../../translated_images/mo/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.mo.png) +![安裝](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png) 當 API 金鑰和區域代碼輸入到擴充功能介面後，瀏覽器擴充功能欄中的彩色點應該會改變，以反映該區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合執行。這個「點」系統的概念是基於加州排放的 [Energy Lollipop 擴充功能](https://energylollipop.com/) 提供的。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.ja.md b/translations/mo/5-browser-extension/solution/translation/README.ja.md index 2081a5e2c..87ff2c9c8 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.ja.md +++ b/translations/mo/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.mo.png) +![extension screenshot](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png) ## 開始使用 @@ -31,7 +31,7 @@ npm run build 若要安裝到 Edge，請在瀏覽器右上角的「三點」選單中找到「擴充功能」面板。從那裡選擇「Load Unpacked」，然後載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會被載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰 ([在這裡透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面的框中輸入您的電子郵件)，以及 [Electricity Map](https://www.electricitymap.org/map) 對應的 [您所在地區的代碼](http://api.electricitymap.org/v3/zones)（例如，在波士頓，使用 'US-NEISO'）。 -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.mo.png) +![installing](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png) 在擴充介面中輸入 API 金鑰和地區代碼後，瀏覽器擴充工具列中的彩色圓點會隨之變化，反映您所在地區的能源使用情況，並提示您進行哪些活動是適合的。這個「圓點」系統的概念靈感來自於加州排放量的 [Energy Lollipop 擴充功能](https://energylollipop.com/)。 diff --git a/translations/mo/5-browser-extension/solution/translation/README.ms.md b/translations/mo/5-browser-extension/solution/translation/README.ms.md index 72ea9cdf7..682059cce 100644 --- a/translations/mo/5-browser-extension/solution/translation/README.ms.md +++ b/translations/mo/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 CO2 Signal API 來監測電力使用情況，建立一個瀏覽器擴充功能，讓您能在瀏覽器中收到關於您所在區域電力使用情況的提醒。使用這個擴充功能可以幫助您根據這些資訊來調整您的活動。 -![瀏覽器擴充功能截圖](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mo.png) +![瀏覽器擴充功能截圖](../../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png) ## 從這裡開始 @@ -31,7 +31,7 @@ npm run build 要在 Edge 瀏覽器中安裝，請使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。根據提示打開 'dist' 資料夾，擴充功能就會被載入。要使用它，您需要一個 CO2 Signal API 的 API 金鑰（[在這裡透過電子郵件獲取](https://www.co2signal.com/) - 在頁面上的框中輸入您的電子郵件）以及 [您的區域代碼](http://api.electricitymap.org/v3/zones)，該代碼與 [電力地圖](https://www.electricitymap.org/map) 相符（例如，在波士頓，我使用 'US-NEISO'）。 -![正在下載](../../../../../translated_images/install-on-edge.78634f02842c4828.mo.png) +![正在下載](../../../../../translated_images/mo/install-on-edge.78634f02842c4828.png) 當您將 API 金鑰和區域代碼輸入到擴充功能介面後，瀏覽器擴充功能列上的彩色點將會改變，以反映您所在區域的能源使用情況，並提供您適合進行的活動建議。這個「點」系統的概念是受到 [Energy Lollipop 瀏覽器擴充功能](https://energylollipop.com/) 的啟發，該擴充功能專為加州的排放量設計。 diff --git a/translations/mo/5-browser-extension/start/README.md b/translations/mo/5-browser-extension/start/README.md index 58b856249..b3ac7e9e5 100644 --- a/translations/mo/5-browser-extension/start/README.md +++ b/translations/mo/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 使用 tmrow 的 C02 Signal API 來追蹤電力使用情況，建立一個瀏覽器擴充功能，讓您可以在瀏覽器中即時提醒所在區域的電力使用負荷。透過這個擴充功能，您可以根據資訊來判斷是否進行某些活動。 -![擴充功能截圖](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.mo.png) +![擴充功能截圖](../../../../translated_images/mo/extension-screenshot.0e7f5bfa110e92e3.png) ## 開始使用 @@ -31,7 +31,7 @@ npm run build 在 Edge 瀏覽器中安裝擴充功能，使用瀏覽器右上角的「三點」選單找到擴充功能面板。從那裡選擇「載入未封裝」以載入新的擴充功能。在提示中打開「dist」資料夾，擴充功能就會載入。要使用此功能，您需要 CO2 Signal API 的 API 金鑰（[在此處透過電子郵件獲取](https://www.co2signal.com/) - 在該頁面輸入您的電子郵件）以及對應 [Electricity Map](https://www.electricitymap.org/map) 的區域代碼（例如，在波士頓，我使用 'US-NEISO'，可在 [此處](http://api.electricitymap.org/v3/zones) 找到）。 -![安裝擴充功能](../../../../translated_images/install-on-edge.78634f02842c4828.mo.png) +![安裝擴充功能](../../../../translated_images/mo/install-on-edge.78634f02842c4828.png) 一旦在擴充功能介面中輸入 API 金鑰和區域代碼，瀏覽器擴充功能欄中的彩色點應會改變，反映您所在區域的能源使用情況，並提供指引，告訴您哪些高耗能活動適合進行。這個「點」系統的概念來自 [Energy Lollipop 擴充功能](https://energylollipop.com/)，該擴充功能專注於加州的排放情況。 diff --git a/translations/mo/6-space-game/2-drawing-to-canvas/README.md b/translations/mo/6-space-game/2-drawing-to-canvas/README.md index 87acaa879..d33af6fe5 100644 --- a/translations/mo/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/mo/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![Canvas 的網格](../../../../translated_images/canvas_grid.5f209da785ded492.mo.png) +![Canvas 的網格](../../../../translated_images/mo/canvas_grid.5f209da785ded492.png) > 圖片來源：[MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) 要在 Canvas 元素上繪圖，你需要遵循三個步驟，這是所有 Canvas 圖形的基礎。一旦你多次完成這些步驟，它就會變得非常自然： @@ -329,11 +329,11 @@ flowchart TD - 英雄飛船 - ![英雄飛船](../../../../translated_images/player.dd24c1afa8c71e9b.mo.png) + ![英雄飛船](../../../../translated_images/mo/player.dd24c1afa8c71e9b.png) - 5×5 怪物 - ![怪物飛船](../../../../translated_images/enemyShip.5df2a822c16650c2.mo.png) + ![怪物飛船](../../../../translated_images/mo/enemyShip.5df2a822c16650c2.png) ### 建議的開發步驟 @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { 完成的結果應該看起來像這樣： -![黑色螢幕上有一個英雄和5*5的怪物](../../../../translated_images/partI-solution.36c53b48c9ffae2a.mo.png) +![黑色螢幕上有一個英雄和5*5的怪物](../../../../translated_images/mo/partI-solution.36c53b48c9ffae2a.png) ## 解決方案 diff --git a/translations/mo/6-space-game/5-keeping-score/README.md b/translations/mo/6-space-game/5-keeping-score/README.md index 26f8d0b20..dff50776f 100644 --- a/translations/mo/6-space-game/5-keeping-score/README.md +++ b/translations/mo/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **得分系統**：每摧毀一艘敵方飛船可獲得 100 分（整數更容易讓玩家心算）。得分顯示在左下角。 -- **生命計數器**：你的英雄從三條生命開始——這是早期街機遊戲為了平衡挑戰與可玩性而設立的標準。每次與敵人碰撞會損失一條生命。我們將使用飛船圖標在右下角顯示剩餘生命 ![life image](../../../../translated_images/life.6fb9f50d53ee0413.mo.png)。 +- **生命計數器**：你的英雄從三條生命開始——這是早期街機遊戲為了平衡挑戰與可玩性而設立的標準。每次與敵人碰撞會損失一條生命。我們將使用飛船圖標在右下角顯示剩餘生命 ![life image](../../../../translated_images/mo/life.6fb9f50d53ee0413.png)。 ## 開始建造！ diff --git a/translations/mo/7-bank-project/1-template-route/README.md b/translations/mo/7-bank-project/1-template-route/README.md index 4c5f130d5..2d8da6dca 100644 --- a/translations/mo/7-bank-project/1-template-route/README.md +++ b/translations/mo/7-bank-project/1-template-route/README.md @@ -652,7 +652,7 @@ sequenceDiagram 使用 `history.pushState` 創建瀏覽器導航歷史中的新條目。您可以通過按住瀏覽器的*後退按鈕*來檢查，它應顯示如下內容： -![導航歷史截圖](../../../../translated_images/history.7fdabbafa521e064.mo.png) +![導航歷史截圖](../../../../translated_images/mo/history.7fdabbafa521e064.png) 如果您嘗試多次點擊後退按鈕，您會看到當前 URL 發生了變化，歷史記錄已更新，但顯示的模板保持不變。 diff --git a/translations/mo/7-bank-project/2-forms/README.md b/translations/mo/7-bank-project/2-forms/README.md index d560f2db4..66ae2f5ba 100644 --- a/translations/mo/7-bank-project/2-forms/README.md +++ b/translations/mo/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ graph TD 2. 觀察瀏覽器地址欄的變化 3. 注意頁面如何重新加載以及數據如何出現在URL中 -![點擊註冊按鈕後瀏覽器URL變化的截圖](../../../../translated_images/click-register.e89a30bf0d4bc9ca.mo.png) +![點擊註冊按鈕後瀏覽器URL變化的截圖](../../../../translated_images/mo/click-register.e89a30bf0d4bc9ca.png) ### HTTP方法比較 @@ -350,7 +350,7 @@ graph TD 2. **點擊**"創建帳戶"按鈕 3. **觀察**瀏覽器中的伺服器響應 -![瀏覽器窗口顯示地址localhost:5000/api/accounts，並顯示包含用戶數據的JSON字符串](../../../../translated_images/form-post.61de4ca1b964d91a.mo.png) +![瀏覽器窗口顯示地址localhost:5000/api/accounts，並顯示包含用戶數據的JSON字符串](../../../../translated_images/mo/form-post.61de4ca1b964d91a.png) **你應該看到：** - **瀏覽器重定向**到API端點URL @@ -615,7 +615,7 @@ async function register() { 3. **點擊**「建立帳戶」 4. **觀察**主控台訊息和使用者回饋 -![顯示瀏覽器主控台中日誌訊息的截圖](../../../../translated_images/browser-console.efaf0b51aaaf6778.mo.png) +![顯示瀏覽器主控台中日誌訊息的截圖](../../../../translated_images/mo/browser-console.efaf0b51aaaf6778.png) **您應該看到：** - **加載狀態**出現在提交按鈕上 @@ -790,7 +790,7 @@ input:focus:invalid { 3. **嘗試**在使用者名稱欄位中輸入特殊字元 4. **輸入**負餘額金額 -![顯示嘗試提交表單時的驗證錯誤截圖](../../../../translated_images/validation-error.8bd23e98d416c22f.mo.png) +![顯示嘗試提交表單時的驗證錯誤截圖](../../../../translated_images/mo/validation-error.8bd23e98d416c22f.png) **您將觀察到：** - **瀏覽器顯示**原生驗證訊息 @@ -950,7 +950,7 @@ timeline 以下是添加一些 CSS 樣式後，最終登入頁面的範例： -![添加 CSS 樣式後的登入頁面截圖](../../../../translated_images/result.96ef01f607bf856a.mo.png) +![添加 CSS 樣式後的登入頁面截圖](../../../../translated_images/mo/result.96ef01f607bf856a.png) ## 課後測驗 diff --git a/translations/mo/7-bank-project/3-data/README.md b/translations/mo/7-bank-project/3-data/README.md index 830feee25..9cf9340d4 100644 --- a/translations/mo/7-bank-project/3-data/README.md +++ b/translations/mo/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![多頁應用程式的更新工作流程](../../../../translated_images/mpa.7f7375a1a2d4aa77.mo.png) +![多頁應用程式的更新工作流程](../../../../translated_images/mo/mpa.7f7375a1a2d4aa77.png) **為什麼這種方法感覺很笨重：** - 每次點擊都意味著完全重建整個頁面 @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![單頁應用程式的更新工作流程](../../../../translated_images/spa.268ec73b41f992c2.mo.png) +![單頁應用程式的更新工作流程](../../../../translated_images/mo/spa.268ec73b41f992c2.png) **為什麼 SPA 感覺更好：** - 只有實際更改的部分會被更新（聰明吧？） @@ -523,7 +523,7 @@ if (data.error) { 現在，當你使用無效帳號進行測試時，會在頁面上看到有用的錯誤訊息！ -![顯示登入錯誤訊息的截圖](../../../../translated_images/login-error.416fe019b36a6327.mo.png) +![顯示登入錯誤訊息的截圖](../../../../translated_images/mo/login-error.416fe019b36a6327.png) #### 步驟 4：注重無障礙設計 @@ -961,7 +961,7 @@ timeline 以下是一個精美儀表板的示例： -![儀表板樣例結果的截圖](../../../../translated_images/screen2.123c82a831a1d14a.mo.png) +![儀表板樣例結果的截圖](../../../../translated_images/mo/screen2.123c82a831a1d14a.png) 不必完全匹配此設計——將其作為靈感，創造屬於你的風格！ diff --git a/translations/mo/7-bank-project/4-state-management/README.md b/translations/mo/7-bank-project/4-state-management/README.md index 22c840924..20938fcda 100644 --- a/translations/mo/7-bank-project/4-state-management/README.md +++ b/translations/mo/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ mindmap 與其徒勞無功地追逐問題，我們將創建一個**集中式狀態管理**系統。可以將其想像成一個非常有條理的人，負責所有重要的事情： -![顯示HTML、用戶操作和狀態之間數據流的架構圖](../../../../translated_images/data-flow.fa2354e0908fecc8.mo.png) +![顯示HTML、用戶操作和狀態之間數據流的架構圖](../../../../translated_images/mo/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -804,7 +804,7 @@ timeline 以下是完成作業後的示例結果： -![顯示示例“添加交易”對話框的截圖](../../../../translated_images/dialog.93bba104afeb79f1.mo.png) +![顯示示例“添加交易”對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.png) --- diff --git a/translations/mo/7-bank-project/4-state-management/assignment.md b/translations/mo/7-bank-project/4-state-management/assignment.md index c549fd4f2..cef3967ff 100644 --- a/translations/mo/7-bank-project/4-state-management/assignment.md +++ b/translations/mo/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **預期結果：** 完成這項作業後，您的銀行應用程式應具備一個功能完善的「新增交易」功能，並且外觀和行為都達到專業水準： -![顯示範例「新增交易」對話框的截圖](../../../../translated_images/dialog.93bba104afeb79f1.mo.png) +![顯示範例「新增交易」對話框的截圖](../../../../translated_images/mo/dialog.93bba104afeb79f1.png) ## 測試您的實現 diff --git a/translations/mo/7-bank-project/README.md b/translations/mo/7-bank-project/README.md index afa50ea42..c45262a31 100644 --- a/translations/mo/7-bank-project/README.md +++ b/translations/mo/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: 在這個專案中，你將學習如何建立一個虛構的銀行。這些課程包含了如何設計網頁應用程式的佈局和路由、建立表單、管理狀態，以及從 API 獲取銀行數據的教學。 -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.mo.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.mo.png) | +| ![Screen1](../../../translated_images/mo/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/mo/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## 課程 diff --git a/translations/mo/8-code-editor/1-using-a-code-editor/README.md b/translations/mo/8-code-editor/1-using-a-code-editor/README.md index a018a8f89..132a96fbb 100644 --- a/translations/mo/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/mo/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev 將這些功能帶到你的瀏覽器中： 一切加載完成後，你會看到一個設計簡潔的工作空間，旨在讓你專注於重要的事情——你的程式碼！ -![VSCode.dev 預設界面](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.mo.png) +![VSCode.dev 預設界面](../../../../translated_images/mo/default-vscode-dev.5d06881d65c1b323.png) **以下是你的工作空間導覽：** - **活動欄**（左側的那條）：你的主要導航，包括 Explorer 📁、Search 🔍、Source Control 🌿、Extensions 🧩 和 Settings ⚙️ @@ -233,7 +233,7 @@ flowchart TB 1. 如果你還未進入，請前往 [vscode.dev](https://vscode.dev) 2. 在歡迎界面上找到「Open Remote Repository」按鈕並點擊 - ![打開遠端儲存庫](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.mo.png) + ![打開遠端儲存庫](../../../../translated_images/mo/open-remote-repository.bd9c2598b8949e7f.png) 3. 貼上任何 GitHub 儲存庫 URL（試試這個：`https://github.com/microsoft/Web-Dev-For-Beginners`） 4. 按下 Enter，見證奇蹟！ @@ -242,7 +242,7 @@ flowchart TB 想感受像程式碼巫師一樣的感覺嗎？試試這個鍵盤快捷鍵：Ctrl+Shift+P（Mac 上為 Cmd+Shift+P）打開命令面板： -![命令面板](../../../../translated_images/palette-menu.4946174e07f42622.mo.png) +![命令面板](../../../../translated_images/mo/palette-menu.4946174e07f42622.png) **命令面板就像一個搜索引擎，能找到你能做的一切：** - 輸入「open remote」，它會幫你找到儲存庫打開器 @@ -304,7 +304,7 @@ flowchart TB 3. 輸入檔案名，包括適當的副檔名（例如 `style.css`、`script.js`、`index.html`） 4. 按下 Enter 創建檔案 -![創建新檔案](../../../../translated_images/create-new-file.2814e609c2af9aeb.mo.png) +![創建新檔案](../../../../translated_images/mo/create-new-file.2814e609c2af9aeb.png) **命名規則：** - 使用描述性名稱來指示檔案用途 @@ -322,7 +322,7 @@ flowchart TB 2. 開始輸入，觀察 VSCode.dev 如何用顏色、建議和錯誤檢測幫助你 3. 使用 Ctrl+S（Windows/Linux）或 Cmd+S（Mac）保存你的工作——雖然它也會自動保存！ -![在 VSCode.dev 中編輯檔案](../../../../translated_images/edit-a-file.52c0ee665ef19f08.mo.png) +![在 VSCode.dev 中編輯檔案](../../../../translated_images/mo/edit-a-file.52c0ee665ef19f08.png) **編碼時發生的酷炫事情：** - 你的程式碼會被美麗地著色，便於閱讀 @@ -343,7 +343,7 @@ flowchart TB 2. 修改過的檔案會出現在「更改」部分 3. 顏色編碼指示更改類型：綠色表示新增，紅色表示刪除 -![在原始碼控制中查看更改](../../../../translated_images/working-tree.c58eec08e6335c79.mo.png) +![在原始碼控制中查看更改](../../../../translated_images/mo/working-tree.c58eec08e6335c79.png) **保存你的工作（提交工作流程）：** @@ -437,7 +437,7 @@ mindmap 2. 隨意瀏覽或搜索特定內容 3. 點擊任何看起來有趣的項目以了解更多資訊 -![擴展市場介面](../../../../translated_images/extensions.eca0e0c7f59a10b5.mo.png) +![擴展市場介面](../../../../translated_images/mo/extensions.eca0e0c7f59a10b5.png) **你會在裡面看到什麼：** @@ -488,7 +488,7 @@ mindmap 3. 從下拉選單中選擇 "擴展設定" 4. 調整設定，直到符合你的工作流程需求 -![自訂擴展設定](../../../../translated_images/extension-settings.21c752ae4f4cdb78.mo.png) +![自訂擴展設定](../../../../translated_images/mo/extension-settings.21c752ae4f4cdb78.png) **你可能想調整的常見設定：** - 程式碼的格式化方式（例如使用 Tab 還是空格、行長度等） diff --git a/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md b/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md index e923d2a82..a6504de1c 100644 --- a/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/mo/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **撰寫**提交訊息：「添加初始 HTML 結構」 5. **點擊**「Commit new file」保存更改 -![在 GitHub 上建立初始檔案](../../../../translated_images/new-file-github.com.c886796d800e8056.mo.png) +![在 GitHub 上建立初始檔案](../../../../translated_images/mo/new-file-github.com.c886796d800e8056.png) **以下是此初始設置的作用：** - **建立**具有語義元素的正確 HTML5 文件結構 @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **成功指標**：您應該能在 Explorer 側邊欄中看到您的專案檔案，並在主編輯區域中編輯 `index.html`。 -![在 VSCode.dev 中載入專案](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.mo.png) +![在 VSCode.dev 中載入專案](../../../../translated_images/mo/project-on-vscode.dev.e79815a9a95ee7fe.png) **您在介面中會看到：** - **Explorer 側邊欄**：**顯示**您的儲存庫檔案和文件結構 @@ -448,7 +448,7 @@ li:before { **安裝後的即時效果：** 安裝 CodeSwing 後，您將看到履歷網站的即時預覽出現在編輯器中。這讓您能夠在進行更改時即時查看網站的外觀。 -![CodeSwing 擴展顯示即時預覽](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.mo.png) +![CodeSwing 擴展顯示即時預覽](../../../../translated_images/mo/after-codeswing-extension-pb.0ebddddcf73b5509.png) **理解增強的介面：** - **分屏視圖**：**顯示**一側的程式碼和另一側的即時預覽 diff --git a/translations/mo/9-chat-project/README.md b/translations/mo/9-chat-project/README.md index 904359d53..6b023af25 100644 --- a/translations/mo/9-chat-project/README.md +++ b/translations/mo/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) 以下是完成的專案外觀： -![聊天應用程式介面顯示用戶與 AI 助手之間的對話](../../../translated_images/screenshot.0a1ee0d123df681b.mo.png) +![聊天應用程式介面顯示用戶與 AI 助手之間的對話](../../../translated_images/mo/screenshot.0a1ee0d123df681b.png) ## 🗺️ AI應用程式開發的學習旅程 @@ -194,7 +194,7 @@ mindmap **核心原則**：AI應用程式開發結合了傳統的網頁開發技能與AI服務整合，創造出智能化且對用戶自然且反應迅速的應用程式。 -![GitHub Models AI Playground介面，顯示模型選擇和測試區域](../../../translated_images/playground.d2b927122224ff8f.mo.png) +![GitHub Models AI Playground介面，顯示模型選擇和測試區域](../../../translated_images/mo/playground.d2b927122224ff8f.png) **Playground的實用之處：** - **嘗試**不同的AI模型，例如GPT-4o-mini、Claude等（全部免費！） @@ -204,7 +204,7 @@ mindmap 玩了一會兒後，只需點擊 "Code" 標籤，選擇你的程式語言，即可獲得所需的實現程式碼。 -![Playground選擇顯示不同程式語言的程式碼生成選項](../../../translated_images/playground-choice.1d23ba7d407f4758.mo.png) +![Playground選擇顯示不同程式語言的程式碼生成選項](../../../translated_images/mo/playground-choice.1d23ba7d407f4758.png) ## 設置 Python 後端整合 @@ -2364,14 +2364,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.mo.png) +![顯示綠色 "Use this template" 按鈕的模板創建界面](../../../translated_images/mo/template.67ad477109d29a2b.png) **步驟 2：啟動 Codespaces** - **打開**你新創建的倉庫 - **點擊**綠色的 "Code" 按鈕並選擇 "Codespaces" - **選擇** "Create codespace on main" 以啟動你的開發環境 -![顯示啟動雲端開發環境選項的 Codespace 創建界面](../../../translated_images/codespace.bcecbdf5d2747d3d.mo.png) +![顯示啟動雲端開發環境選項的 Codespace 創建界面](../../../translated_images/mo/codespace.bcecbdf5d2747d3d.png) **步驟 3：環境配置** 當你的 Codespace 加載完成後，你將擁有以下功能： diff --git a/translations/mo/README.md b/translations/mo/README.md index b79c1b500..b2a43a0c9 100644 --- a/translations/mo/README.md +++ b/translations/mo/README.md @@ -72,13 +72,13 @@ CO_OP_TRANSLATOR_METADATA: 造訪 [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) 開始學習！ -![Background](../../translated_images/background.148a8d43afde5730.mo.png) +![Background](../../translated_images/mo/background.148a8d43afde5730.png) - 課程涵蓋從基礎到 RAG。 - 使用 GenAI 及配套應用與歷史人物互動。 - 趣味且引人入勝的故事，讓你時光旅行！ -![character](../../translated_images/character.5c0dd8e067ffd693.mo.png) +![character](../../translated_images/mo/character.5c0dd8e067ffd693.png) 每節課附有作業、知識檢核及挑戰，引導你學習如下主題： @@ -115,7 +115,7 @@ CO_OP_TRANSLATOR_METADATA: 在你建立的儲存庫副本中，點擊 **Code** 按鈕並選擇 **Open with Codespaces**。這將為你建立一個新的 Codespace 工作區。 -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.mo.png) +![Codespace](../../translated_images/mo/createcodespace.0238bbf4d7a8d955.png) #### 在本機電腦執行課程 diff --git a/translations/mo/for-teachers.md b/translations/mo/for-teachers.md index 54ff3bdaf..1a3c4d35a 100644 --- a/translations/mo/for-teachers.md +++ b/translations/mo/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud 對 Common Cartridge 的支持有限。建議使用上述 Moodle 文件，該文件也可上傳至 Canvas。 - 導入後，請檢查模組、截止日期和測驗設置，以符合您的學期安排。 -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.mo.png) +![Moodle](../../translated_images/mo/moodle.94eb93d714a50cb2.png) > Moodle 課堂中的課程內容 -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.mo.png) +![Canvas](../../translated_images/mo/canvas.fbd605ff8e5b8aff.png) > Canvas 課堂中的課程內容 ### 直接使用倉庫（不使用 Classroom） diff --git a/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md index f4f148226..8bcfee21f 100644 --- a/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/mr/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: आज, आपण आधुनिक वेब डेव्हलपमेंट शक्य होण्यासाठी आणि गंभीरपणे व्यसनाधीन होण्यासाठी अविश्वसनीय टूल्स एक्सप्लोर करणार आहोत. मी ज्या एडिटर्स, ब्राउझर्स आणि वर्कफ्लोजबद्दल बोलतोय, तेच टूल्स Netflix, Spotify आणि तुमच्या आवडत्या इंडी अ‍ॅप स्टुडिओचे डेव्हलपर्स दररोज वापरतात. आणि आता तुम्हाला आनंदाने नाचायला लावणारा भाग: या व्यावसायिक-ग्रेड, उद्योग-मानक टूल्सपैकी बहुतेक पूर्णपणे मोफत आहेत! -![प्रोग्रामिंगची ओळख](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.mr.png) +![प्रोग्रामिंगची ओळख](../../../../translated_images/mr/webdev101-programming.d6e3f98e61ac4bff.png) > स्केच नोट [Tomomi Imura](https://twitter.com/girlie_mac) यांनी तयार केले आहे ```mermaid