diff --git a/translations/sv/5-browser-extension/solution/translation/README.ja.md b/translations/sv/5-browser-extension/solution/translation/README.ja.md index 85fde845b..04b7fdf36 100644 --- a/translations/sv/5-browser-extension/solution/translation/README.ja.md +++ b/translations/sv/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Bygg ett webbläsartillägg som använder tmrow:s CO2 Signal API för att spåra din elförbrukning och visa hur mycket energi som används i ditt område som en påminnelse direkt i webbläsaren. Genom att använda detta tillägg kan du fatta beslut om dina aktiviteter baserat på denna information. -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sv.png) +![extension screenshot](../../../../../translated_images/sv/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom igång @@ -31,7 +31,7 @@ npm run build För att installera det i Edge, hitta "Tillägg"-panelen via "tre prickar"-menyn längst upp till höger i webbläsaren. Välj "Load Unpacked" och ladda det nya tillägget. När du blir ombedd, öppna "dist"-mappen så laddas tillägget. För att använda det behöver du en API-nyckel för CO2 Signal API ([få en här via e-post](https://www.co2signal.com/) - ange din e-post i rutan på sidan) och en [kod för din region](http://api.electricitymap.org/v3/zones) som stöds av [Electricity Map](https://www.electricitymap.org/map) (för Boston, till exempel, använd 'US-NEISO'). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.sv.png) +![installing](../../../../../translated_images/sv/install-on-edge.78634f02842c4828.png) När du har angett API-nyckeln och regionen i tilläggets gränssnitt, kommer en färgad prick att visas i webbläsarens tilläggsfält. Denna prick ändrar färg baserat på energiförbrukningen i ditt område och hjälper dig att avgöra vilka aktiviteter som är lämpliga att utföra beroende på energibehovet. Konceptet med detta "prick"-system inspirerades av [Energy Lollipop extension](https://energylollipop.com/) för utsläpp i Kalifornien. diff --git a/translations/sv/5-browser-extension/solution/translation/README.ms.md b/translations/sv/5-browser-extension/solution/translation/README.ms.md index 389fd08e8..ca301f749 100644 --- a/translations/sv/5-browser-extension/solution/translation/README.ms.md +++ b/translations/sv/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Använd API:n för CO2-signal från tmrow för att övervaka elförbrukning och skapa ett webbläsartillägg som varnar dig om hur tung elförbrukningen är i din region. Genom att använda detta tillägg kan du fatta mer informerade beslut om dina aktiviteter baserat på denna information. -![skärmdump av webbläsartillägg](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sv.png) +![skärmdump av webbläsartillägg](../../../../../translated_images/sv/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom igång här @@ -31,7 +31,7 @@ npm run build För att installera i Edge, använd menyn med 'tre punkter' i det övre högra hörnet av webbläsaren för att hitta panelen Tillägg. Därifrån väljer du 'Ladda uppackat' för att ladda det nya tillägget. Öppna mappen 'dist' när du blir ombedd, och tillägget kommer att laddas. För att använda det behöver du en API-nyckel för CO2-signalens API ([skaffa en här via e-post](https://www.co2signal.com/) - ange din e-post i rutan på den här sidan) och [koden för din region](http://api.electricitymap.org/v3/zones) som motsvarar [Electricity Map](https://www.electricitymap.org/map) (i Boston, till exempel, använder jag 'US-NEISO'). -![laddar ner](../../../../../translated_images/install-on-edge.78634f02842c4828.sv.png) +![laddar ner](../../../../../translated_images/sv/install-on-edge.78634f02842c4828.png) När API-nyckeln och regionen har angetts i tilläggets gränssnitt, kommer en färgad punkt i webbläsarens tilläggsfält att ändras för att återspegla din regions energiförbrukning och ge dig vägledning om vilka energikrävande aktiviteter som är lämpliga att utföra. Konceptet bakom detta 'punkt'-system inspirerades av [Energy Lollipop-webbläsartillägget](https://energylollipop.com/) för Kaliforniens utsläpp. diff --git a/translations/sv/5-browser-extension/start/README.md b/translations/sv/5-browser-extension/start/README.md index b36b295ab..6bb3dac68 100644 --- a/translations/sv/5-browser-extension/start/README.md +++ b/translations/sv/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Använd tmrow:s C02 Signal API för att spåra elförbrukning och bygg en webbläsartillägg så att du kan få en påminnelse direkt i din webbläsare om hur tung elförbrukningen är i din region. Att använda detta tillägg ad hoc hjälper dig att fatta beslut om dina aktiviteter baserat på denna information. -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sv.png) +![extension screenshot](../../../../translated_images/sv/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom igång @@ -31,7 +31,7 @@ npm run build För att installera på Edge, använd menyn med de 'tre prickarna' i det övre högra hörnet av webbläsaren för att hitta panelen för Tillägg. Därifrån väljer du 'Ladda inpackat' för att ladda ett nytt tillägg. Öppna mappen 'dist' när du blir ombedd, så laddas tillägget. För att använda det behöver du en API-nyckel för CO2 Signal:s API ([skaffa en här via e-post](https://www.co2signal.com/) - ange din e-postadress i rutan på denna sida) och koden för din region ([hitta den här](http://api.electricitymap.org/v3/zones)) som motsvarar [Electricity Map](https://www.electricitymap.org/map) (i Boston, till exempel, använder jag 'US-NEISO'). -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.sv.png) +![installing](../../../../translated_images/sv/install-on-edge.78634f02842c4828.png) När API-nyckeln och regionen har matats in i tilläggets gränssnitt, bör den färgade pricken i webbläsartilläggsfältet ändras för att återspegla din regions energiförbrukning och ge dig en indikation på vilka energikrävande aktiviteter som är lämpliga att utföra. Konceptet bakom detta 'prick'-system fick jag från [Energy Lollipop-tillägget](https://energylollipop.com/) för utsläpp i Kalifornien. diff --git a/translations/sv/6-space-game/2-drawing-to-canvas/README.md b/translations/sv/6-space-game/2-drawing-to-canvas/README.md index 4d98acfbf..6fe04e012 100644 --- a/translations/sv/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/sv/6-space-game/2-drawing-to-canvas/README.md @@ -105,7 +105,7 @@ quadrantChart Power-up: [0.7, 0.6] UI Elements: [0.9, 0.1] ``` -![the canvas's grid](../../../../translated_images/canvas_grid.5f209da785ded492.sv.png) +![the canvas's grid](../../../../translated_images/sv/canvas_grid.5f209da785ded492.png) > Bild från [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) För att rita på canvas-elementet följer du samma trestegsprocess som utgör grunden för all canvas-grafik. När du väl har gjort detta några gånger blir det andra natur: @@ -323,11 +323,11 @@ Du ska bygga en webbsida med ett Canvas-element. Det ska visa en svart skärm `1 - Hjälteskepp - ![Hero ship](../../../../translated_images/player.dd24c1afa8c71e9b.sv.png) + ![Hero ship](../../../../translated_images/sv/player.dd24c1afa8c71e9b.png) - 5*5 monster - ![Monster ship](../../../../translated_images/enemyShip.5df2a822c16650c2.sv.png) + ![Monster ship](../../../../translated_images/sv/enemyShip.5df2a822c16650c2.png) ### Rekommenderade steg för att börja utvecklingen @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Det färdiga resultatet bör se ut så här: -![Svart skärm med en hjälte och 5*5 monster](../../../../translated_images/partI-solution.36c53b48c9ffae2a.sv.png) +![Svart skärm med en hjälte och 5*5 monster](../../../../translated_images/sv/partI-solution.36c53b48c9ffae2a.png) ## Lösning diff --git a/translations/sv/6-space-game/5-keeping-score/README.md b/translations/sv/6-space-game/5-keeping-score/README.md index b66ff3e10..0b2554874 100644 --- a/translations/sv/6-space-game/5-keeping-score/README.md +++ b/translations/sv/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Poängsystem**: Varje förstört fiendeskepp ger 100 poäng (runda siffror är lättare för spelare att räkna mental). Poängen visas i nedre vänstra hörnet. -- **Livräknare**: Din hjälte börjar med tre liv – en standard satt av tidiga arkadspel för att balansera utmaning och spelbarhet. Varje kollision med en fiende kostar ett liv. Vi visar återstående liv nere till höger med skeppsikoner ![life image](../../../../translated_images/life.6fb9f50d53ee0413.sv.png). +- **Livräknare**: Din hjälte börjar med tre liv – en standard satt av tidiga arkadspel för att balansera utmaning och spelbarhet. Varje kollision med en fiende kostar ett liv. Vi visar återstående liv nere till höger med skeppsikoner ![life image](../../../../translated_images/sv/life.6fb9f50d53ee0413.png). ## Nu kör vi igång! diff --git a/translations/sv/7-bank-project/1-template-route/README.md b/translations/sv/7-bank-project/1-template-route/README.md index 678b2c1df..3aea7c8cd 100644 --- a/translations/sv/7-bank-project/1-template-route/README.md +++ b/translations/sv/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Användningen av `history.pushState` skapar nya poster i webbläsarens navigationshistorik. Du kan kontrollera detta genom att hålla inne *tillbaka-knappen* i din webbläsare, den bör visa något liknande: -![Screenshot av historik](../../../../translated_images/history.7fdabbafa521e064.sv.png) +![Screenshot av historik](../../../../translated_images/sv/history.7fdabbafa521e064.png) Om du klickar på tillbaka-knappen några gånger kommer du se att den aktuella URL:en ändras och historiken uppdateras, men samma template fortsätter att visas. diff --git a/translations/sv/7-bank-project/2-forms/README.md b/translations/sv/7-bank-project/2-forms/README.md index 1dca98ea9..b6b17c1fa 100644 --- a/translations/sv/7-bank-project/2-forms/README.md +++ b/translations/sv/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Först, låt oss se vad som händer med grundläggande formulärinlämning: 2. Observera ändringarna i webbläsarens adressfält 3. Lägg märke till hur sidan laddas om och data visas i URL:en -![Skärmdump på webbläsarens URL-ändring efter klick på Registrera-knappen](../../../../translated_images/click-register.e89a30bf0d4bc9ca.sv.png) +![Skärmdump på webbläsarens URL-ändring efter klick på Registrera-knappen](../../../../translated_images/sv/click-register.e89a30bf0d4bc9ca.png) ### Jämförelse av HTTP-metoder @@ -346,7 +346,7 @@ Låt oss konfigurera ditt registreringsformulär för att kommunicera korrekt me 2. **Klicka** på "Skapa Konto"-knappen 3. **Observera** serverns svar i din webbläsare -![Ett webbläsarfönster med adressen localhost:5000/api/accounts, som visar en JSON-sträng med användardata](../../../../translated_images/form-post.61de4ca1b964d91a.sv.png) +![Ett webbläsarfönster med adressen localhost:5000/api/accounts, som visar en JSON-sträng med användardata](../../../../translated_images/sv/form-post.61de4ca1b964d91a.png) **Det du bör se:** - **Webbläsaren omdirigerar** till API-slutpunkts-URL:en @@ -609,7 +609,7 @@ async function register() { 3. **Klicka** på "Create Account" 4. **Observera** konsolmeddelanden och användarfeedback -![Screenshot showing log message in the browser console](../../../../translated_images/browser-console.efaf0b51aaaf6778.sv.png) +![Screenshot showing log message in the browser console](../../../../translated_images/sv/browser-console.efaf0b51aaaf6778.png) **Vad du bör se:** - **Laddningstillstånd** visas på skicka-knappen @@ -783,7 +783,7 @@ Låt oss förfina ditt registreringsformulär med robust validering som erbjuder 3. **Försök** använda specialtecken i användarnamnsfältet 4. **Fyll i** ett negativt saldo -![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/validation-error.8bd23e98d416c22f.sv.png) +![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/sv/validation-error.8bd23e98d416c22f.png) **Vad du kommer att se:** - **Webbläsaren visar** inbyggda valideringsmeddelanden @@ -943,7 +943,7 @@ Visa ett felmeddelande i HTML om användaren redan finns. Här är ett exempel på hur den slutliga inloggningssidan kan se ut efter lite styling: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.sv.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/sv/result.96ef01f607bf856a.png) ## Quiz efter föreläsningen diff --git a/translations/sv/7-bank-project/3-data/README.md b/translations/sv/7-bank-project/3-data/README.md index e9358d6c2..6888c1e9c 100644 --- a/translations/sv/7-bank-project/3-data/README.md +++ b/translations/sv/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Returnerar komplett HTML-sida Browser->>User: Visar ny sida (blinkning/uppdatering) ``` -![Uppdateringsflöde i en multipage-applikation](../../../../translated_images/mpa.7f7375a1a2d4aa77.sv.png) +![Uppdateringsflöde i en multipage-applikation](../../../../translated_images/sv/mpa.7f7375a1a2d4aa77.png) **Varför detta tillvägagångssätt kändes tungrott:** - Varje klick innebar att hela sidan byggdes om från scratch @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Uppdaterar specifika sidkomponenter Browser->>User: Visar uppdaterat innehåll (ingen omladdning) ``` -![Uppdateringsflöde i en enkel-sidig applikation](../../../../translated_images/spa.268ec73b41f992c2.sv.png) +![Uppdateringsflöde i en enkel-sidig applikation](../../../../translated_images/sv/spa.268ec73b41f992c2.png) **Varför SPA känns så mycket bättre:** - Endast de delar som faktiskt ändrats uppdateras (smart, eller hur?) @@ -516,7 +516,7 @@ if (data.error) { Nu när du testar med ett ogiltigt konto, ser du ett hjälpsamt felmeddelande direkt på sidan! -![Screenshot showing the error message displayed during login](../../../../translated_images/login-error.416fe019b36a6327.sv.png) +![Screenshot showing the error message displayed during login](../../../../translated_images/sv/login-error.416fe019b36a6327.png) #### Steg 4: Inkluderande med tillgänglighet @@ -950,7 +950,7 @@ Redo att ta din bankapp till nästa nivå? Låt oss göra den till något du fak Så här kan en snygg kontrollpanel se ut: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.sv.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/sv/screen2.123c82a831a1d14a.png) Känn inte att du måste efterlikna detta exakt – använd det som inspiration och gör det till ditt eget! diff --git a/translations/sv/7-bank-project/4-state-management/README.md b/translations/sv/7-bank-project/4-state-management/README.md index 443d59c20..7f4e0653e 100644 --- a/translations/sv/7-bank-project/4-state-management/README.md +++ b/translations/sv/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Som Titanics delade design som verkade robust förrän flera fack samtidigt öve Istället för att jaga våra egna svansar ska vi skapa ett **centraliserat tillståndshanteringssystem**. Tänk på det som att ha en riktigt organiserad person som har hand om allt det viktiga: -![Schema som visar dataflöden mellan HTML, användaråtgärder och tillstånd](../../../../translated_images/data-flow.fa2354e0908fecc8.sv.png) +![Schema som visar dataflöden mellan HTML, användaråtgärder och tillstånd](../../../../translated_images/sv/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Denna utmaning hjälper dig att tänka som en professionell utvecklare som beakt Här är ett exempelresultat efter att uppgiften är genomförd: -![Skärmdump som visar ett exempel på dialogen "Lägg till transaktion"](../../../../translated_images/dialog.93bba104afeb79f1.sv.png) +![Skärmdump som visar ett exempel på dialogen "Lägg till transaktion"](../../../../translated_images/sv/dialog.93bba104afeb79f1.png) --- diff --git a/translations/sv/7-bank-project/4-state-management/assignment.md b/translations/sv/7-bank-project/4-state-management/assignment.md index a7a4161fc..00306b352 100644 --- a/translations/sv/7-bank-project/4-state-management/assignment.md +++ b/translations/sv/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Se [serverns API-dokumentation](../api/README.md) för: **Förväntat resultat:** Efter att ha slutfört denna uppgift ska din bankapp ha en fullt fungerande funktion för "Lägg till transaktion" som ser professionell ut och fungerar smidigt: -![Skärmdump som visar ett exempel på dialogen "Lägg till transaktion"](../../../../translated_images/dialog.93bba104afeb79f1.sv.png) +![Skärmdump som visar ett exempel på dialogen "Lägg till transaktion"](../../../../translated_images/sv/dialog.93bba104afeb79f1.png) ## Testa din implementering diff --git a/translations/sv/7-bank-project/README.md b/translations/sv/7-bank-project/README.md index a27576a14..8f3978c33 100644 --- a/translations/sv/7-bank-project/README.md +++ b/translations/sv/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: I det här projektet kommer du att lära dig hur man bygger en fiktiv bank. Dessa lektioner innehåller instruktioner om hur man utformar en webbapp och skapar rutter, bygger formulär, hanterar tillstånd och hämtar data från ett API som tillhandahåller bankens data. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.sv.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.sv.png) | +| ![Screen1](../../../translated_images/sv/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/sv/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Lektioner diff --git a/translations/sv/8-code-editor/1-using-a-code-editor/README.md b/translations/sv/8-code-editor/1-using-a-code-editor/README.md index 1747565eb..f8830ac3a 100644 --- a/translations/sv/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/sv/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Precis som Alexander Graham Bells telefon kopplade samman avlägsna platser, kop När allt har laddats ser du en vackert ren arbetsyta som är designad för att hålla dig fokuserad på det som är viktigt – din kod! -![Standardgränssnitt VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.sv.png) +![Standardgränssnitt VSCode.dev](../../../../translated_images/sv/default-vscode-dev.5d06881d65c1b323.png) **Här är din rundtur i grannskapet:** - **Aktivitetsfältet** (den remsan till vänster): Din huvudsakliga navigering med Utforskaren 📁, Sök 🔍, Källkodshantering 🌿, Tillägg 🧩 och Inställningar ⚙️ @@ -229,7 +229,7 @@ Detta är perfekt när du börjar från grunden i VSCode.dev och vill öppna ett 1. Gå till [vscode.dev](https://vscode.dev) om du inte redan är där 2. Leta upp knappen "Open Remote Repository" på välkomstskärmen och klicka på den - ![Öppna fjärrrepositorium](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.sv.png) + ![Öppna fjärrrepositorium](../../../../translated_images/sv/open-remote-repository.bd9c2598b8949e7f.png) 3. Klistra in vilken GitHub-repo-URL som helst (prova den här: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Tryck Enter och se magin ske! @@ -238,7 +238,7 @@ Detta är perfekt när du börjar från grunden i VSCode.dev och vill öppna ett Vill du känna dig som en kodtrollkarl? Prova detta tangentbordskommando: Ctrl+Shift+P (eller Cmd+Shift+P på Mac) för att öppna Kommando-Paletten: -![Kommando-Palett](../../../../translated_images/palette-menu.4946174e07f42622.sv.png) +![Kommando-Palett](../../../../translated_images/sv/palette-menu.4946174e07f42622.png) **Kommando-Paletten är som en sökmotor för allt du kan göra:** - Skriv "open remote" så hittar den öppnaren för repositorier åt dig @@ -300,7 +300,7 @@ Precis som att organisera ritningar i en arkitekts kontor följer filskapande i 3. Skriv in filnamnet inklusive lämplig filändelse (`style.css`, `script.js`, `index.html`) 4. Tryck Enter för att skapa filen -![Skapa ny fil](../../../../translated_images/create-new-file.2814e609c2af9aeb.sv.png) +![Skapa ny fil](../../../../translated_images/sv/create-new-file.2814e609c2af9aeb.png) **Namngivningskonventioner:** - Använd beskrivande namn som visar filens syfte @@ -318,7 +318,7 @@ Här börjar det riktiga roliga! VSCode.devs editor är fullpackad med hjälpsam 2. Börja skriva och se hur VSCode.dev hjälper dig med färger, förslag och felupptäckt 3. Spara ditt arbete med Ctrl+S (Windows/Linux) eller Cmd+S (Mac) – även om den autosparar! -![Redigera filer i VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.sv.png) +![Redigera filer i VSCode.dev](../../../../translated_images/sv/edit-a-file.52c0ee665ef19f08.png) **Det häftiga som händer medan du kodar:** - Din kod får vackra färgmarkeringar så att den är lätt att läsa @@ -339,7 +339,7 @@ Precis som arkeologer skapar detaljerade journaler över utgrävningslager, spå 2. Modifierade filer visas i avsnittet "Ändringar" 3. Färgkodning visar ändringstyper: grönt för tillägg, rött för borttagningar -![Visa ändringar i källkodshantering](../../../../translated_images/working-tree.c58eec08e6335c79.sv.png) +![Visa ändringar i källkodshantering](../../../../translated_images/sv/working-tree.c58eec08e6335c79.png) **Spara ditt arbete (commit-flödet):** @@ -431,7 +431,7 @@ Tilläggsmarknaden är väldigt välorganiserad, så du går inte vilse när du 2. Bläddra runt eller sök efter något specifikt 3. Klicka på något som ser intressant ut för att lära dig mer -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.sv.png) +![Extension marketplace interface](../../../../translated_images/sv/extensions.eca0e0c7f59a10b5.png) **Det du kommer att se där:** @@ -484,7 +484,7 @@ De flesta tillägg har inställningar du kan justera för att få dem att funger 3. Välj "Extension Settings" i rullgardinsmenyn 4. Justera tills det känns exakt rätt för ditt arbetsflöde -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.sv.png) +![Customizing extension settings](../../../../translated_images/sv/extension-settings.21c752ae4f4cdb78.png) **Vanliga saker du kanske vill justera:** - Hur din kod formateras (flikar vs mellanslag, radlängd, osv.) diff --git a/translations/sv/8-code-editor/1-using-a-code-editor/assignment.md b/translations/sv/8-code-editor/1-using-a-code-editor/assignment.md index a188ddc8b..7ab6fcd73 100644 --- a/translations/sv/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/sv/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Eftersom VSCode.dev kräver minst en fil för att öppna ett repository, kommer 4. **Skriv** ett commit-meddelande: "Lägg till initial HTML-struktur" 5. **Klicka** på "Commit new file" för att spara dina ändringar -![Skapa initial fil på GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.sv.png) +![Skapa initial fil på GitHub](../../../../translated_images/sv/new-file-github.com.c886796d800e8056.png) **Det här uppnår den initiala inställningen:** - **Etablerar** korrekt HTML5-dokumentstruktur med semantiska element @@ -104,7 +104,7 @@ Nu när grunden för ditt repository är etablerad, låt oss gå över till VSCo ✅ **Indikator för framgång**: Du bör se dina projektfiler i Explorer-sidofältet och `index.html` tillgänglig för redigering i huvudredigeringsområdet. -![Projekt laddat i VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.sv.png) +![Projekt laddat i VSCode.dev](../../../../translated_images/sv/project-on-vscode.dev.e79815a9a95ee7fe.png) **Vad du kommer att se i gränssnittet:** - **Explorer-sidofält**: **Visar** dina repository-filer och mappstruktur @@ -448,7 +448,7 @@ Tillägg förbättrar din utvecklingsupplevelse genom att tillhandahålla live-f **Omedelbara resultat efter installation:** När CodeSwing är installerat kommer du att se en live-förhandsgranskning av din CV-webbplats visas i editorn. Detta låter dig se exakt hur din webbplats ser ut medan du gör ändringar. -![CodeSwing-tillägg visar live-förhandsgranskning](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.sv.png) +![CodeSwing-tillägg visar live-förhandsgranskning](../../../../translated_images/sv/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Förstå det förbättrade gränssnittet:** - **Delad vy**: **Visar** din kod på ena sidan och live-förhandsgranskning på den andra diff --git a/translations/sv/9-chat-project/README.md b/translations/sv/9-chat-project/README.md index c3171b1b4..e15c67437 100644 --- a/translations/sv/9-chat-project/README.md +++ b/translations/sv/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Så här kommer ditt färdiga projekt att se ut: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.sv.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/sv/screenshot.0a1ee0d123df681b.png) ## 🗺️ Din läranderesa genom AI-applikationsutveckling @@ -189,7 +189,7 @@ mindmap ``` **Kärnprincip**: AI-applikationsutveckling kombinerar traditionella webbutvecklingsfärdigheter med AI-tjänsteintegration för att skapa intelligenta applikationer som känns naturliga och lyhörda för användare. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.sv.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/sv/playground.d2b927122224ff8f.png) **Det som gör playgrounden så användbar:** - **Testa** olika AI-modeller som GPT-4o-mini, Claude och fler (alla gratis!) @@ -199,7 +199,7 @@ mindmap När du experimenterat klart klickar du bara på fliken "Code" och väljer programmeringsspråk för att få implementeringskoden du behöver. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.sv.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/sv/playground-choice.1d23ba7d407f4758.png) ## Sätta upp Python-backend-integration @@ -2352,14 +2352,14 @@ Vill du prova detta projekt i en molnbaserad utvecklingsmiljö? GitHub Codespace - **Navigera** till [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **Klicka** på "Use this template" uppe till höger (se till att du är inloggad på GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.sv.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/sv/template.67ad477109d29a2b.png) **Steg 2: Starta Codespaces** - **Öppna** ditt nyss skapade repository - **Klicka** på gröna "Code"-knappen och välj "Codespaces" - **Välj** "Create codespace on main" för att starta din utvecklingsmiljö -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.sv.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/sv/codespace.bcecbdf5d2747d3d.png) **Steg 3: Miljökonfiguration** När din Codespace är laddad får du tillgång till: diff --git a/translations/sv/README.md b/translations/sv/README.md index e40332674..35aa16f94 100644 --- a/translations/sv/README.md +++ b/translations/sv/README.md @@ -56,13 +56,13 @@ Missa inte vår nya läroplan för Generativ AI! Besök [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) för att komma igång! -![Bakgrund](../../translated_images/background.148a8d43afde5730.sv.png) +![Bakgrund](../../translated_images/sv/background.148a8d43afde5730.png) - Lektioner som täcker allt från grunder till RAG. - Interagera med historiska karaktärer med GenAI och vår följeslagsapp. - Rolig och engagerande berättelse, du kommer att tidsresande! -![karaktär](../../translated_images/character.5c0dd8e067ffd693.sv.png) +![karaktär](../../translated_images/sv/character.5c0dd8e067ffd693.png) Varje lektion inkluderar en uppgift att slutföra, en kunskapskontroll och en utmaning för att guida dig i att lära dig ämnen som: @@ -99,7 +99,7 @@ Följ dessa steg: I din kopia av detta arkiv som du skapade, klicka på **Code**-knappen och välj **Open with Codespaces**. Detta skapar en ny Codespace för dig att arbeta i. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.sv.png) +![Codespace](../../translated_images/sv/createcodespace.0238bbf4d7a8d955.png) #### Köra läroplanen lokalt på din dator diff --git a/translations/sv/for-teachers.md b/translations/sv/for-teachers.md index 1bdd17e0f..7eb67b5f5 100644 --- a/translations/sv/for-teachers.md +++ b/translations/sv/for-teachers.md @@ -42,10 +42,10 @@ Detta kursmaterial innehåller importbara paket för vanliga LMS-arbetsflöden. - Moodle Cloud har begränsat stöd för Common Cartridge. Föredra Moodle-filen ovan, som också kan laddas upp i Canvas. - Efter import, granska moduler, förfallodatum och quizinställningar för att matcha ditt terminschema. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.sv.png) +![Moodle](../../translated_images/sv/moodle.94eb93d714a50cb2.png) > Kursmaterialet i ett Moodle-klassrum -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.sv.png) +![Canvas](../../translated_images/sv/canvas.fbd605ff8e5b8aff.png) > Kursmaterialet i Canvas ### Använd repot direkt (utan Classroom) diff --git a/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md index c212bc40e..0144a99d7 100644 --- a/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/sw/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Tazama, naelewa kabisa kama programu inakuletea hofu sasa hivi. Nilipoanza, nili Leo, tutaangalia zana za ajabu zinazofanya maendeleo ya wavuti wa kisasa siyo tu kuwawezekana, bali kuwa kitu cha kuvutia sana. Ninazungumzia wahariri, vivinjari na njia za kazi sawa na zile zinazotumika na waendelezaji wa Netflix, Spotify, na studio yako ya programu unayopenda kila siku. Na hapa ni sehemu itakayokupeleka kucheza kwa furaha: wengi wa zana hizi za kitaalamu za kiwango cha viwanda ni bure kabisa! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.sw.png) +![Intro Programming](../../../../translated_images/sw/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sw/1-getting-started-lessons/2-github-basics/README.md b/translations/sw/1-getting-started-lessons/2-github-basics/README.md index d6bda5e6f..6748b4f1d 100644 --- a/translations/sw/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/sw/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Najua linaweza kuhisi mengi mwanzoni – hata mimi nilikumbuka nikitazama ukuras Tutachukua safari hii pamoja, hatua kwa hatua. Hakuna haraka, hakuna msongo – ni wewe, mimi, na zana mzuri zitakazokufanya marafiki wako wapya! -![Utangulizi wa GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.sw.png) +![Utangulizi wa GitHub](../../../../translated_images/sw/webdev101-github.8846d7971abef6f9.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -605,7 +605,7 @@ Kwanza, tukutafute hifadhidata (au **repo**) kwenye GitHub inayokuvutia na unayo ✅ Njia nzuri ya kupata repozitori zinazofaa wanaoanza ni [kutafuta kwa alama 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Nakili repo kiasili](../../../../translated_images/clone_repo.5085c48d666ead57.sw.png) +![Nakili repo kiasili](../../../../translated_images/sw/clone_repo.5085c48d666ead57.png) Kuna njia kadhaa za kunakili msimbo. Njia moja ni "clone" yaliyomo kwenye hifadhidata, ukitumia HTTPS, SSH, au CLI ya GitHub (Kiolesura cha Amri). diff --git a/translations/sw/1-getting-started-lessons/3-accessibility/README.md b/translations/sw/1-getting-started-lessons/3-accessibility/README.md index 1a12b1dc9..ea8f64d9a 100644 --- a/translations/sw/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/sw/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Kuunda Kurasa za Wavuti Zenye Ufikiaji Rahisi -![Yote Kuhusu Ufikiaji Rahisi](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.sw.png) +![Yote Kuhusu Ufikiaji Rahisi](../../../../translated_images/sw/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Kila picha kwenye tovuti yako ina kusudi. Kuelewa kusudi hilo kunakusaidia kuand **Picha za taarifa** - zinaeleza taarifa muhimu: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Picha za mapambo** - ni za kuona tu na haina thamani ya taarifa: ```html - + ``` **Picha za kazi** - hutumika kama vitufe au vidhibiti: @@ -1066,7 +1066,7 @@ Kila picha kwenye tovuti yako ina kusudi. Kuelewa kusudi hilo kunakusaidia kuand **Picha ngumu** - chati, michoro, infographics: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Kila picha kwenye tovuti yako ina kusudi. Kuelewa kusudi hilo kunakusaidia kuand - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/sw/2-js-basics/1-data-types/README.md b/translations/sw/2-js-basics/1-data-types/README.md index 744a871a3..eabe5e9f1 100644 --- a/translations/sw/2-js-basics/1-data-types/README.md +++ b/translations/sw/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Misingi ya JavaScript: Aina za Data -![Misingi ya JavaScript - Aina za data](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.sw.png) +![Misingi ya JavaScript - Aina za data](../../../../translated_images/sw/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sw/2-js-basics/2-functions-methods/README.md b/translations/sw/2-js-basics/2-functions-methods/README.md index 3c310bf80..21173ea32 100644 --- a/translations/sw/2-js-basics/2-functions-methods/README.md +++ b/translations/sw/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Misingi ya JavaScript: Mbinu na Zana -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.sw.png) +![JavaScript Basics - Functions](../../../../translated_images/sw/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sw/2-js-basics/3-making-decisions/README.md b/translations/sw/2-js-basics/3-making-decisions/README.md index e3611e6d1..abb5150ba 100644 --- a/translations/sw/2-js-basics/3-making-decisions/README.md +++ b/translations/sw/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Misingi ya JavaScript: Kufanya Maamuzi -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.sw.png) +![JavaScript Basics - Making decisions](../../../../translated_images/sw/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/sw/2-js-basics/4-arrays-loops/README.md b/translations/sw/2-js-basics/4-arrays-loops/README.md index f1ded94de..f94fe55dc 100644 --- a/translations/sw/2-js-basics/4-arrays-loops/README.md +++ b/translations/sw/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Misingi ya JavaScript: Mfululizo na Mizunguko -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.sw.png) +![JavaScript Basics - Arrays](../../../../translated_images/sw/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sw/3-terrarium/1-intro-to-html/README.md b/translations/sw/3-terrarium/1-intro-to-html/README.md index 59e5b4453..7a3e4b1de 100644 --- a/translations/sw/3-terrarium/1-intro-to-html/README.md +++ b/translations/sw/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Enhance accessibility: 5: Student Build terrarium: 5: Student ``` -![Utangulizi wa HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.sw.png) +![Utangulizi wa HTML](../../../../translated_images/sw/webdev101-html.4389c2067af68e98.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) HTML, au HyperText Markup Language, ni msingi wa kila tovuti uliyoitembelea. Fikiria HTML kama mfupa wa mifupa unaotoa muundo kwa kurasa za wavuti – inaeleza wapi maudhui yanapaswa kuwekwa, jinsi yanavyopangwa, na kila kipande kinachowakilisha nini. Ingawa CSS baadaye itafunika HTML yako kwa rangi na mpangilio, na JavaScript itakuleta uhai kupitia mwingiliano, HTML hutoa muundo muhimu unaofanya kila kitu kingine kuwa chawezekana. @@ -86,7 +86,7 @@ Utaunda folda maalum kwa ajili ya mradi wako wa terrarium na kuongeza faili yako 4. Katika dirisha la Explorer, bofya ikoni ya "New File" 5. Panga faili yako `index.html` -![Msafiri wa VS Code unaonyesha uundaji wa faili mpya](../../../../translated_images/vs-code-index.e2986cf919471eb9.sw.png) +![Msafiri wa VS Code unaonyesha uundaji wa faili mpya](../../../../translated_images/sw/vs-code-index.e2986cf919471eb9.png) **Chaguo 2: Kutumia Amri za Terminal** ```bash @@ -236,48 +236,48 @@ Sasa ongeza picha za mimea zilizopangwa katika safu mbili kati ya lebo zako za `
- 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/sw/3-terrarium/2-intro-to-css/README.md b/translations/sw/3-terrarium/2-intro-to-css/README.md index 14a2142ef..17b6f7070 100644 --- a/translations/sw/3-terrarium/2-intro-to-css/README.md +++ b/translations/sw/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Muundo unaojibu: 5: Student Mwangaza wa glasi: 5: Student ``` -![Utangulizi wa CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.sw.png) +![Utangulizi wa CSS](../../../../translated_images/sw/webdev101-css.3f7af5991bf53a20.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) Kumbuka jinsi terrarium yako ya HTML ilivyoonekana ya kawaida? CSS ndio tunapobadilisha muundo huo rahisi kuwa kitu kinachovutia kwa macho. @@ -202,7 +202,7 @@ body { Fungua zana za maendeleo za kivinjari chako (F12), nenda kwenye tab ya Elements, na kagua kipengele chako cha `

`. Utaona kinarithi familia ya fonti kutoka kwa mwili: -![inherited font](../../../../translated_images/1.cc07a5cbe114ad1d.sw.png) +![inherited font](../../../../translated_images/sw/1.cc07a5cbe114ad1d.png) ✅ **Jaribu**: Jaribu kuweka mali nyingine zinazorithiwa kwenye `` kama `color`, `line-height`, au `text-align`. Nini kinakutokea kwa kichwa chako na vipengele vingine? @@ -332,7 +332,7 @@ Katika terrarium yetu, kila mmea unahitaji mitindo sawa lakini pia unahitaji upa **Hii ndiyo muundo wa HTML kwa kila mmea:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Je, uko tayari kuboresha terrarium yako kwa mwangaza wa kioo halisi? Mbinu hii i Utaunda mwanga mdogo unaoiga jinsi mwanga unavyoakisi uso wa kioo. Mbinu hii ni sawa na jinsi wachoraji wa Renaissance kama Jan van Eyck walivyotumia mwanga na mng'ao kuifanya kioo chenye mchoro kuonekana cha tatu-kidimensioni. Haya ndio unayolenga: -![terrarium iliyokamilika](../../../../translated_images/terrarium-final.2f07047ffc597d0a.sw.png) +![terrarium iliyokamilika](../../../../translated_images/sw/terrarium-final.2f07047ffc597d0a.png) **Changamoto yako:** - **Tengeneza** maumbo madogo meupe au yenye rangi nyepesi ya mviringo kwa mwanga wa kioo diff --git a/translations/sw/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/sw/3-terrarium/3-intro-to-DOM-and-closures/README.md index 2aeb04853..a8771cb41 100644 --- a/translations/sw/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/sw/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Jaribu utendakazi: 5: Student Kamilisha terrarium: 5: Student ``` -![DOM na kifunga](../../../../translated_images/webdev101-js.10280393044d7eaa.sw.png) +![DOM na kifunga](../../../../translated_images/sw/webdev101-js.10280393044d7eaa.png) > Sketchnote na [Tomomi Imura](https://twitter.com/girlie_mac) Karibu katika mojawapo ya sehemu zinazovutia zaidi za maendeleo ya wavuti - kufanya mambo kuwa ya kuingiliana! Mfano wa Kitu cha Nyaraka (DOM) ni kama daraja kati ya HTML yako na JavaScript, na leo tutautumia kuleta terrarium yako kuishi. Wakati Tim Berners-Lee aliuumba kivinjari cha kwanza cha wavuti, aliona wavuti ambako nyaraka zinaweza kuwa za mabadiliko na kuingiliana - DOM hufanikisha maono hayo. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Uwawakilishi wa mti wa DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.sw.png) +![Uwawakilishi wa mti wa DOM](../../../../translated_images/sw/dom-tree.7daf0e763cbbba92.png) > Uwawakilishi wa DOM na alama za HTML zinazomrejelea. Kutoka kwa [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Kuelewa Mifungo**: Mifungo ni mada muhimu katika JavaScript, na wengi wa watengenezaji huwatumia kwa miaka kabla ya kuelewa pande zote za nadharia. Leo, tutazingatia matumizi ya vitendo - utaona mifungo ikitokea asili unapotengeneza vipengele vyetu vinavyoingiliana. Uelewa utaendelea unapoona jinsi zinavyotatua matatizo halisi. -![Uwawakilishi wa mti wa DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.sw.png) +![Uwawakilishi wa mti wa DOM](../../../../translated_images/sw/dom-tree.7daf0e763cbbba92.png) > Uwawakilishi wa DOM na alama za HTML zinazomrejelea. Kutoka kwa [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Sasa jaribu terrarium yako ya kijamii! Fungua faili yako ya `index.html` kwenye - **Msaada wa kifaa chochote**: Hufanya kazi kwenye kompyuta na simu - **Uelewa wa utendaji**: Hakuna uvujaji wa kumbukumbu au mahesabu ya ziada -![terrarium iliyokamilika](../../../../translated_images/terrarium-final.0920f16e87c13a84.sw.png) +![terrarium iliyokamilika](../../../../translated_images/sw/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/sw/3-terrarium/solution/README.md b/translations/sw/3-terrarium/solution/README.md index 77a6d8dd8..af450e4f5 100644 --- a/translations/sw/3-terrarium/solution/README.md +++ b/translations/sw/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Mradi mdogo wa kuburudisha akili kwa kuburuta na kudondosha. Kwa kutumia HTML, JS, na CSS kidogo, unaweza kujenga kiolesura cha wavuti, kukipamba, na kuongeza mwingiliano. -![terrarium yangu](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.sw.png) +![terrarium yangu](../../../../translated_images/sw/screenshot_gray.0c796099a1f9f25e.png) ## Shukrani diff --git a/translations/sw/5-browser-extension/1-about-browsers/README.md b/translations/sw/5-browser-extension/1-about-browsers/README.md index de834467d..4ffcd953a 100644 --- a/translations/sw/5-browser-extension/1-about-browsers/README.md +++ b/translations/sw/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Debug issues: 4: Student Polish experience: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.sw.jpg) +![Browser sketchnote](../../../../translated_images/sw/browser.60317c9be8b7f84a.jpg) > Sketchnote na [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Mtihani wa Kabla ya Mahadhara @@ -77,7 +77,7 @@ Mchakato huu unaendana na jinsi kivinjari cha kwanza cha wavuti, WorldWideWeb, k ✅ **Historia Kidogo**: Kivinjari cha kwanza kilikuwa kinaitwa 'WorldWideWeb' na kilifanywa na Sir Timothy Berners-Lee mwaka 1990. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.sw.jpg) +![early browsers](../../../../translated_images/sw/earlybrowsers.d984b711cdf3a42d.jpg) > Baadhi ya vivinjari vya awali, kupitia [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Jinsi Vivinjari Vinavyosindika Maudhui ya Wavuti @@ -194,7 +194,7 @@ quadrantChart Kuelewa mchakato wa usakinishaji wa kiendelezi hukusaidia kutarajia uzoaji wa mtumiaji wakati watu wanaposakinisha kiendelezi chako. Mchakato wa usakinishaji umeboreshwa kwa vivinjari vya kisasa, na tofauti ndogo ndogo katika muundo wa interface. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.sw.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/sw/install-on-edge.d68781acaf0b3d3d.png) > **Muhimu**: Hakikisha umeamilisha mode ya mwendelezaji na kuruhusu viendelezi kutoka maduka mengine wakati unajaribu viendelezi vyako binafsi. @@ -308,10 +308,10 @@ Hii inafuata kanuni ya kufunua hatua kwa hatua inayotumika katika ubunifu wa int ### Muhtasari wa Maoni ya Kiendelezi **Muonekano wa Usanidi** - usanidi kwa mtumiaji mara ya kwanza: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.sw.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/sw/1.b6da8c1394b07491.png) **Muonekano wa Matokeo** - maonyesho ya data ya athari ya kaboni: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.sw.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/sw/2.1dae52ff08042246.png) ### Kujenga Fomu ya Usanidi diff --git a/translations/sw/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/sw/5-browser-extension/2-forms-browsers-local-storage/README.md index f209e36c0..7f20c0851 100644 --- a/translations/sw/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/sw/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Ondoa data iliyohifadhiwa ClearStorage --> FirstTime: Rudi kwenye usanidi ``` -![Dirisha la hifadhi ya ndani](../../../../translated_images/localstorage.472f8147b6a3f8d1.sw.png) +![Dirisha la hifadhi ya ndani](../../../../translated_images/sw/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Tafakari za Usalama:** Katika programu za uzalishaji, kuhifadhi funguo za API ndani ya LocalStorage kuna hatari za usalama kwa sababu JavaScript inaweza kufikia data hii. Kwa madhumuni ya kujifunza, njia hii inafanya kazi vizuri, lakini programu halisi zinapaswa kutumia hifadhi salama upande wa seva kwa nyaraka nyeti. diff --git a/translations/sw/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/sw/5-browser-extension/3-background-tasks-and-performance/README.md index 0e6bf6a80..e5919dbfb 100644 --- a/translations/sw/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/sw/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Ili kufungua Zana za Wavumbuzi katika Edge, bonyeza vidoti vitatu hapo juu kulia Tujaribu hili. Fungua tovuti (Microsoft.com inafanya kazi vizuri) na bonyeza kitufe cha 'Record'. Sasa refreshing ukurasa na angalia profaaili ikichukua kila kinachoendelea. Ukimaliza kurekodi, utaona maelezo ya kina ya jinsi kivinjari kinavyofanya 'scripts', 'renders', na 'paints' tovuti. Inanikumbusha jinsi kituo cha udhibiti cha misheni kinavyofuata kila mfumo wakati wa uzinduzi wa roketi - unapata data halisi kwa wakati halisi kuhusu kinachotokea na lini. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.sw.png) +![Edge profiler](../../../../translated_images/sw/profiler.5a4a62479c5df01c.png) ✅ [Hati ya Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) ina maelezo mengi zaidi ikiwa unataka kifahamike zaidi @@ -133,11 +133,11 @@ Chagua vipengele vya ratiba ya profaili kupanua matukio yanayotokea wakati ukura Pata picha ya utendaji wa ukurasa wako kwa kuchagua sehemu ya ratiba ya profaili na kuangalia dirisha la muhtasari: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.sw.png) +![Edge profiler snapshot](../../../../translated_images/sw/snapshot.97750180ebcad737.png) Angalia dirisha la Log la Tukio kuona kama tukio lolote limechukua zaidi ya ms 15: -![Edge event log](../../../../translated_images/log.804026979f3707e0.sw.png) +![Edge event log](../../../../translated_images/sw/log.804026979f3707e0.png) ✅ Jifunze profaaili yako! Fungua zana za msanidi kwenye tovuti hii na ona kama kuna vikwazo yoyote. Nini ni mali ambayo inapakia polepole zaidi? Haraka zaidi? diff --git a/translations/sw/5-browser-extension/README.md b/translations/sw/5-browser-extension/README.md index b175aa16a..076b49c6c 100644 --- a/translations/sw/5-browser-extension/README.md +++ b/translations/sw/5-browser-extension/README.md @@ -23,7 +23,7 @@ Kiendelezi hiki kinaweza kuitwa na mtumiaji wakati wowote baada ya kuingiza API ### Shukrani -![kiendelezi cha kivinjari cha kijani](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![kiendelezi cha kivinjari cha kijani](../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Shukrani diff --git a/translations/sw/5-browser-extension/solution/README.md b/translations/sw/5-browser-extension/solution/README.md index 24704b7d4..a519b8cc5 100644 --- a/translations/sw/5-browser-extension/solution/README.md +++ b/translations/sw/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Kwa kutumia API ya C02 Signal ya tmrow kufuatilia matumizi ya umeme, tengeneza kiongezo cha kivinjari ili uweze kuwa na kikumbusho moja kwa moja kwenye kivinjari chako kuhusu uzito wa matumizi ya umeme katika eneo lako. Kutumia kiongezo hiki kwa njia ya ad hoc kutakusaidia kufanya maamuzi kuhusu shughuli zako kulingana na taarifa hizi. -![picha ya kiongezo](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![picha ya kiongezo](../../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Kuanza @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tumia menyu ya 'alama tatu' kwenye kona ya juu kulia ya kivinjari ili kupata paneli ya Viongezo. Kutoka hapo, chagua 'Load Unpacked' ili kupakia kiongezo kipya. Fungua folda ya 'dist' unapoulizwa, na kiongezo kitapakiwa. Ili kutumia, utahitaji API key ya API ya CO2 Signal ([pata moja hapa kupitia barua pepe](https://www.co2signal.com/) - weka barua pepe yako kwenye kisanduku kwenye ukurasa huu) na [msimbo wa eneo lako](http://api.electricitymap.org/v3/zones) unaolingana na [Ramani ya Umeme](https://www.electricitymap.org/map) (kwa mfano, huko Boston, mimi hutumia 'US-NEISO'). -![kusakinisha](../../../../translated_images/install-on-edge.78634f02842c4828.sw.png) +![kusakinisha](../../../../translated_images/sw/install-on-edge.78634f02842c4828.png) Baada ya API key na eneo kuingizwa kwenye kiolesura cha kiongezo, nukta ya rangi kwenye upau wa viongezo vya kivinjari inapaswa kubadilika ili kuonyesha matumizi ya nishati ya eneo lako na kukupa mwongozo kuhusu shughuli zinazotumia nishati nyingi ambazo zinafaa kufanya. Wazo nyuma ya mfumo huu wa 'nukta' lilitolewa kwangu na [kiongezo cha Energy Lollipop](https://energylollipop.com/) kwa uzalishaji wa California. diff --git a/translations/sw/5-browser-extension/solution/translation/README.es.md b/translations/sw/5-browser-extension/solution/translation/README.es.md index 73b10ed91..0ff9cdcc8 100644 --- a/translations/sw/5-browser-extension/solution/translation/README.es.md +++ b/translations/sw/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Kwa kutumia API ya CO2 Signal ya tmrow kufuatilia matumizi ya umeme, tengeneza upanuzi wa kivinjari ili uweze kuwa na kikumbusho moja kwa moja kwenye kivinjari chako kuhusu matumizi ya umeme katika eneo lako. Kutumia upanuzi huu wa ad hoc kutakusaidia kufanya maamuzi kuhusu shughuli zako kwa kuzingatia taarifa hii. -![picha ya upanuzi](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.sw.png) +![picha ya upanuzi](../../../../../translated_images/sw/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Kuanza @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tumia menyu ya 'alama tatu' kwenye kona ya juu kulia ya kivinjari ili kupata paneli ya Viongezi. Kutoka hapo, chagua 'Pakia bila kufungasha' ili kupakia upanuzi mpya. Fungua folda ya 'dist' unapoulizwa, na upanuzi utapakiwa. Ili kuitumia, utahitaji ufunguo wa API kwa API ya CO2 Signal ([pata hapa kwa barua pepe](https://www.co2signal.com/) - ingiza barua pepe yako kwenye kisanduku cha ukurasa huu) na [msimbo wa eneo lako](http://api.electricitymap.org/v3/zones) unaolingana na [Ramani ya Umeme](https://www.electricitymap.org/map) (kwa mfano, huko Boston, ninatumia 'US-NEISO'). -![kusakinisha](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.sw.png) +![kusakinisha](../../../../../translated_images/sw/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Baada ya kuingiza ufunguo wa API na eneo kwenye kiolesura cha upanuzi, nukta ya rangi kwenye upau wa upanuzi wa kivinjari inapaswa kubadilika ili kuonyesha matumizi ya nishati ya eneo lako na kukupa kiashiria kuhusu shughuli za matumizi makubwa ya nishati ambazo zinaweza kufaa kwako. Wazo nyuma ya mfumo huu wa "nukta" nililipata kutoka kwa [upanuzi wa Energy Lollipop](https://energylollipop.com/) kwa uzalishaji wa California. diff --git a/translations/sw/5-browser-extension/solution/translation/README.fr.md b/translations/sw/5-browser-extension/solution/translation/README.fr.md index fb9394167..37bd45c85 100644 --- a/translations/sw/5-browser-extension/solution/translation/README.fr.md +++ b/translations/sw/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Kwa kutumia API ya C02 Signal kutoka tmrow kufuatilia matumizi ya umeme, tengeneza ugani wa kivinjari ili uweze kupata ukumbusho moja kwa moja kwenye kivinjari chako kuhusu matumizi ya umeme katika eneo lako. Kutumia ugani huu wa dharura kutakusaidia kufanya maamuzi kuhusu shughuli zako kwa kuzingatia taarifa hizi. -![picha ya ugani](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![picha ya ugani](../../../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Kuanza @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tumia menyu ya 'alama tatu' kwenye kona ya juu kulia ya kivinjari ili kupata paneli ya Ugani. Kutoka hapo, chagua 'Pakia ugani usiobanwa' ili kupakia ugani mpya. Fungua folda ya 'dist' unapoulizwa, na ugani utapakiwa. Ili kuitumia, utahitaji ufunguo wa API kwa API ya CO2 Signal ([pata moja hapa kwa barua pepe](https://www.co2signal.com/) - ingiza barua pepe yako kwenye kisanduku kwenye ukurasa huu) na [msimbo wa eneo lako](http://api.electricitymap.org/v3/zones) unaolingana na [Ramani ya Umeme](https://www.electricitymap.org/map) (kwa mfano, huko Boston, mimi hutumia 'US-NEISO'). -![usakinishaji](../../../../../translated_images/install-on-edge.78634f02842c4828.sw.png) +![usakinishaji](../../../../../translated_images/sw/install-on-edge.78634f02842c4828.png) Baada ya kuingiza ufunguo wa API na eneo kwenye kiolesura cha ugani, nukta ya rangi kwenye upau wa ugani wa kivinjari inapaswa kubadilika ili kuonyesha matumizi ya nishati ya eneo lako na kukupa kiashiria kuhusu shughuli zinazotumia nishati ambazo zinafaa kufanywa. Wazo nyuma ya mfumo huu wa 'nukta' lilinipa msukumo kutoka kwa [ugani wa Energy Lollipop](https://energylollipop.com/) kwa uzalishaji wa hewa chafu huko California. diff --git a/translations/sw/5-browser-extension/solution/translation/README.hi.md b/translations/sw/5-browser-extension/solution/translation/README.hi.md index 91f83c226..4addaec38 100644 --- a/translations/sw/5-browser-extension/solution/translation/README.hi.md +++ b/translations/sw/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Kutumia API ya CO2 Signal ya tmrow kufuatilia matumizi ya umeme, tunajenga kiongezo cha kivinjari ili kukukumbusha jinsi matumizi ya umeme katika eneo lako yalivyo mazito kupitia kivinjari chako. Kutumia kiongezo hiki kwa muda mfupi kutakusaidia kufanya maamuzi kuhusu shughuli zako kulingana na taarifa hii. -![Picha ya skrini ya kiongezo](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![Picha ya skrini ya kiongezo](../../../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Kuanza @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tumia menyu ya 'nukta tatu' kwenye kona ya juu kulia ya kivinjari ili kupata paneli ya viongezo. Kutoka hapo, chagua 'Load unpacked' ili kupakia kiongezo kipya. Fungua folda ya 'dist' kwenye prompt, na kiongezo kitapakiwa. Ili kutumia, utahitaji API key ya CO2 Signal ([ipate kupitia barua pepe hapa](https://www.co2snal.com/) - weka barua pepe yako kwenye kisanduku cha ukurasa huo) na [msimbo wa eneo lako](http://api.electricitymap.org/v3/zones) kutoka [ramani ya umeme](https://www.electricitymap.org/map) (kwa mfano, huko Boston, ninatumia 'US-NEISO'). -![kusakinisha](../../../../../translated_images/install-on-edge.78634f02842c4828.sw.png) +![kusakinisha](../../../../../translated_images/sw/install-on-edge.78634f02842c4828.png) Baada ya API key na msimbo wa eneo kuingizwa kwenye kiolesura cha kiongezo, nukta ya rangi kwenye bar ya viongezo vya kivinjari inapaswa kubadilika ili kuonyesha matumizi ya nishati ya eneo lako na kukupa kiashiria cha shughuli nzito za nishati zinazofaa kwa utendaji wako. Wazo la mfumo huu wa 'nukta' lilinipatia na [kiongezo cha Energy Lollipop](https://energylollipop.com/) kwa uzalishaji wa California. diff --git a/translations/sw/5-browser-extension/solution/translation/README.it.md b/translations/sw/5-browser-extension/solution/translation/README.it.md index ec6718aa0..7c504dbb6 100644 --- a/translations/sw/5-browser-extension/solution/translation/README.it.md +++ b/translations/sw/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Tutatumia API ya Signal CO2 kutoka tmrow kufuatilia matumizi ya umeme ili kuunda ugani wa kivinjari, hivyo kuwa na ukumbusho moja kwa moja kwenye kivinjari chako kuhusu jinsi matumizi ya umeme yalivyo mazito katika eneo lako. Kutumia ugani huu maalum kutasaidia kutathmini shughuli zako kulingana na taarifa hizi. -![picha ya ugani](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![picha ya ugani](../../../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Kuanza @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tumia menyu ya "alama tatu" kwenye kona ya juu kulia ya kivinjari ili kupata paneli ya Ugani. Ikiwa haijawashwa tayari, washa Hali ya Msanidi Programu (chini kushoto). Chagua "Pakia isiyoshinikizwa" ili kupakia ugani mpya. Fungua folda ya "dist" kwenye dirisha la maelekezo, na ugani utawekwa. Ili kuitumia, utahitaji ufunguo wa API kwa API ya CO2 Signal (unaweza [kuupata hapa kupitia barua pepe](https://www.co2signal.com/) - weka barua pepe yako kwenye kisanduku kwenye ukurasa huu) na [msimbo wa eneo lako](http://api.electricitymap.org/v3/zones) unaolingana na [ramani ya umeme](https://www.electricitymap.org/map) (kwa mfano, huko Boston, "US-NEISO"). -![usakinishaji](../../../../../translated_images/install-on-edge.78634f02842c4828.sw.png) +![usakinishaji](../../../../../translated_images/sw/install-on-edge.78634f02842c4828.png) Mara tu ufunguo wa API na eneo vimeingizwa kwenye kiolesura cha ugani, nukta ya rangi kwenye upau wa ugani wa kivinjari inapaswa kubadilika ili kuonyesha matumizi ya nishati ya eneo hilo na kutoa mwongozo kuhusu shughuli za matumizi makubwa ya nishati zinazofaa kufanywa. Wazo la mfumo huu wa "nukta" lilitolewa na [ugani wa Energy Lollipop](https://energylollipop.com/) kwa uzalishaji wa California. diff --git a/translations/sw/5-browser-extension/solution/translation/README.ja.md b/translations/sw/5-browser-extension/solution/translation/README.ja.md index 239139e9b..fa86b32e8 100644 --- a/translations/sw/5-browser-extension/solution/translation/README.ja.md +++ b/translations/sw/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Tunajenga kiongezo cha kivinjari kinachotumia API ya CO2 Signal ya tmrow ili kufuatilia matumizi ya nishati katika eneo lako. Kiongezo hiki kitaonyesha ukumbusho kwenye kivinjari chako kuhusu kiwango cha matumizi ya nishati katika eneo lako. Kwa kutumia kiongezo hiki kwa njia ya ad hoc, unaweza kufanya maamuzi kuhusu shughuli zako kulingana na taarifa hii. -![picha ya kiongezo](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![picha ya kiongezo](../../../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Kuanza @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tafuta paneli ya "Viongezo" kutoka kwenye menyu ya "alama tatu" kwenye kona ya juu kulia ya kivinjari. Kutoka hapo, chagua "Load Unpacked" na upakie kiongezo kipya. Fungua folda ya "dist" unapoulizwa, na kiongezo kitawekwa. Ili kutumia, unahitaji API key ya CO2 Signal ([pata moja hapa kupitia barua pepe](https://www.co2signal.com/) - ingiza barua pepe yako kwenye kisanduku cha ukurasa huo) na [code ya eneo lako](http://api.electricitymap.org/v3/zones) inayolingana na [Electricity Map](https://www.electricitymap.org/map) (kwa mfano, Boston hutumia 'US-NEISO'). -![kusakinisha](../../../../../translated_images/install-on-edge.78634f02842c4828.sw.png) +![kusakinisha](../../../../../translated_images/sw/install-on-edge.78634f02842c4828.png) Baada ya kuingiza API key na eneo kwenye kiolesura cha kiongezo, nukta yenye rangi itakayoonekana kwenye upau wa viongezo vya kivinjari chako itabadilika ili kuonyesha kiwango cha matumizi ya nishati katika eneo lako. Hii itakusaidia kuamua ni shughuli gani zinazohitaji nishati zinafaa kufanywa. Wazo la mfumo huu wa "nukta" lilitokana na [Energy Lollipop extension](https://energylollipop.com/) kwa ajili ya uzalishaji wa California. diff --git a/translations/sw/5-browser-extension/solution/translation/README.ms.md b/translations/sw/5-browser-extension/solution/translation/README.ms.md index aef8b11c5..75a455610 100644 --- a/translations/sw/5-browser-extension/solution/translation/README.ms.md +++ b/translations/sw/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Kwa kutumia API ya Ishara ya CO2 ya tmrow kufuatilia matumizi ya umeme, tengeneza kiendelezi cha kivinjari ili uweze kupokea arifa kwenye kivinjari chako kuhusu uzito wa matumizi ya umeme katika eneo lako. Kutumia kiendelezi hiki hasa kutakusaidia kufanya maamuzi kuhusu shughuli zako kulingana na taarifa hizi. -![picha ya kiendelezi cha kivinjari](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![picha ya kiendelezi cha kivinjari](../../../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Kuanza Hapa @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tumia menyu ya 'alama tatu' kwenye kona ya juu kulia ya kivinjari ili kupata paneli ya Viendelezi. Kutoka hapo, chagua 'Load Unpacked' ili kupakia kiendelezi kipya. Fungua folda ya 'dist' unapoulizwa, na kiendelezi kitapakiwa. Ili kutumia, utahitaji ufunguo wa API kwa API ya Ishara ya CO2 ([pata moja hapa kupitia barua pepe](https://www.co2signal.com/) - weka barua pepe yako kwenye kisanduku kwenye ukurasa huu) na [msimbo wa eneo lako](http://api.electricitymap.org/v3/zones) unaolingana na [Ramani ya Umeme](https://www.electricitymap.org/map) (kwa mfano, huko Boston, mimi hutumia 'US-NEISO'). -![kupakua](../../../../../translated_images/install-on-edge.78634f02842c4828.sw.png) +![kupakua](../../../../../translated_images/sw/install-on-edge.78634f02842c4828.png) Baada ya ufunguo wa API na eneo kuingizwa kwenye kiolesura cha kiendelezi, nukta ya rangi kwenye upau wa kiendelezi cha kivinjari itabadilika ili kuonyesha matumizi ya nishati ya eneo lako na kukupa mapendekezo kuhusu shughuli nzito zinazofaa kufanya. Wazo la mfumo huu wa 'nukta' lilinipa msukumo kutoka kwa [kiendelezi cha kivinjari cha Energy Lollipop](https://energylollipop.com/) kwa uzalishaji wa California. diff --git a/translations/sw/5-browser-extension/start/README.md b/translations/sw/5-browser-extension/start/README.md index bfeb0319b..3bcd1bef3 100644 --- a/translations/sw/5-browser-extension/start/README.md +++ b/translations/sw/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Kwa kutumia API ya C02 Signal ya tmrow kufuatilia matumizi ya umeme, tengeneza kiongezo cha kivinjari ili uweze kuwa na kikumbusho moja kwa moja kwenye kivinjari chako kuhusu uzito wa matumizi ya umeme katika eneo lako. Kutumia kiongezo hiki kwa njia ya ad hoc kutakusaidia kufanya maamuzi kuhusu shughuli zako kulingana na taarifa hizi. -![picha ya kiongezo](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sw.png) +![picha ya kiongezo](../../../../translated_images/sw/extension-screenshot.0e7f5bfa110e92e3.png) ## Kuanza @@ -31,7 +31,7 @@ npm run build Ili kusakinisha kwenye Edge, tumia menyu ya 'alama tatu' kwenye kona ya juu kulia ya kivinjari ili kupata paneli ya Viongezo. Kutoka hapo, chagua 'Pakia Bila Kufungasha' ili kupakia kiongezo kipya. Fungua folda ya 'dist' unapoulizwa na kiongezo kitapakiwa. Ili kutumia, utahitaji ufunguo wa API kwa API ya CO2 Signal ([pata moja hapa kupitia barua pepe](https://www.co2signal.com/) - weka barua pepe yako kwenye kisanduku kwenye ukurasa huu) na [msimbo wa eneo lako](http://api.electricitymap.org/v3/zones) unaolingana na [Ramani ya Umeme](https://www.electricitymap.org/map) (kwa mfano, huko Boston, natumia 'US-NEISO'). -![kusakinisha](../../../../translated_images/install-on-edge.78634f02842c4828.sw.png) +![kusakinisha](../../../../translated_images/sw/install-on-edge.78634f02842c4828.png) Baada ya kuingiza ufunguo wa API na eneo kwenye kiolesura cha kiongezo, nukta ya rangi kwenye upau wa viongezo vya kivinjari inapaswa kubadilika ili kuonyesha matumizi ya nishati ya eneo lako na kukupa mwongozo kuhusu shughuli zinazotumia nishati nyingi ambazo zinafaa kwako kufanya. Wazo nyuma ya mfumo huu wa 'nukta' lilitolewa kwangu na [kiongezo cha Energy Lollipop](https://energylollipop.com/) kwa utoaji wa hewa chafu wa California. diff --git a/translations/sw/6-space-game/2-drawing-to-canvas/README.md b/translations/sw/6-space-game/2-drawing-to-canvas/README.md index eaa2d294f..a55758a63 100644 --- a/translations/sw/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/sw/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] ``` -![gridi ya canvas](../../../../translated_images/canvas_grid.5f209da785ded492.sw.png) +![gridi ya canvas](../../../../translated_images/sw/canvas_grid.5f209da785ded492.png) > Picha kutoka [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Ili kuchora kwenye kipengele cha canvas, utafuata mchakato wa hatua tatu unaounda msingi wa michoro yote ya canvas. Mara unavyofanya mara kadhaa, hutakuwa jambo gumu tena: @@ -323,11 +323,11 @@ Utajenga ukurasa wa wavuti wenye kipengele cha Canvas. Inapaswa kuonyesha skrini - Meli ya shujaa - ![Meli ya shujaa](../../../../translated_images/player.dd24c1afa8c71e9b.sw.png) + ![Meli ya shujaa](../../../../translated_images/sw/player.dd24c1afa8c71e9b.png) - 5*5 monster - ![Meli ya monster](../../../../translated_images/enemyShip.5df2a822c16650c2.sw.png) + ![Meli ya monster](../../../../translated_images/sw/enemyShip.5df2a822c16650c2.png) ### Hatua zilizopendekezwa kuanza maendeleo @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Matokeo yaliyokamilika yanapaswa kuonekana kama ifuatavyo: -![Black screen with a hero and 5*5 monsters](../../../../translated_images/partI-solution.36c53b48c9ffae2a.sw.png) +![Black screen with a hero and 5*5 monsters](../../../../translated_images/sw/partI-solution.36c53b48c9ffae2a.png) ## Suluhisho diff --git a/translations/sw/6-space-game/5-keeping-score/README.md b/translations/sw/6-space-game/5-keeping-score/README.md index c0f608cdd..bb352438a 100644 --- a/translations/sw/6-space-game/5-keeping-score/README.md +++ b/translations/sw/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Mfumo wa alama**: Kila meli ya adui iliyoharibiwa huleta pointi 100 (nambari za mduara ni rahisi kwa wachezaji kuhesabu kichwani). Alama zinaonyeshwa upande wa chini kushoto. -- **Kihesabu maisha**: Shujaa wako anaanza na maisha matatu - kiwango kilichowekwa na michezo ya awali ya arcade kulingana na changamoto na urahisi wa kucheza. Kila mgongano na adui hukupotezea maisha moja. Tutaonyesha maisha yaliyobaki upande wa chini kulia kwa kutumia ikoni za meli ![life image](../../../../translated_images/life.6fb9f50d53ee0413.sw.png). +- **Kihesabu maisha**: Shujaa wako anaanza na maisha matatu - kiwango kilichowekwa na michezo ya awali ya arcade kulingana na changamoto na urahisi wa kucheza. Kila mgongano na adui hukupotezea maisha moja. Tutaonyesha maisha yaliyobaki upande wa chini kulia kwa kutumia ikoni za meli ![life image](../../../../translated_images/sw/life.6fb9f50d53ee0413.png). ## Twende Kwenye Ujenzi! diff --git a/translations/sw/7-bank-project/1-template-route/README.md b/translations/sw/7-bank-project/1-template-route/README.md index 646e7b25a..47e7f1dc1 100644 --- a/translations/sw/7-bank-project/1-template-route/README.md +++ b/translations/sw/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Kutumia `history.pushState` huunda rekodi mpya kwenye historia ya uelekezaji ya kivinjari. Unaweza kuona hili kwa kushikilia *kitufe cha nyuma* cha kivinjari chako, kinapaswa kuonyesha kitu kama hiki: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.sw.png) +![Screenshot of navigation history](../../../../translated_images/sw/history.7fdabbafa521e064.png) Ikiwa utajaribu kubofya kitufe cha nyuma mara kadhaa, utaona URL ya sasa inabadilika na historia inasasishwa, lakini template ile ile inaendelea kuonyeshwa. diff --git a/translations/sw/7-bank-project/2-forms/README.md b/translations/sw/7-bank-project/2-forms/README.md index c01d50b17..db72c00ba 100644 --- a/translations/sw/7-bank-project/2-forms/README.md +++ b/translations/sw/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Kwanza, tazama kinachotokea kwa uwasilishaji wa fomu wa kawaida: 2. Angalia mabadiliko kwenye upau wa anwani wa kivinjari chako 3. Angalia jinsi ukurasa unavyojazwa upya na data kuonekana kwenye URL -![Screenshot ya mabadiliko ya URL ya kivinjari baada ya kubofya kitufe cha Register](../../../../translated_images/click-register.e89a30bf0d4bc9ca.sw.png) +![Screenshot ya mabadiliko ya URL ya kivinjari baada ya kubofya kitufe cha Register](../../../../translated_images/sw/click-register.e89a30bf0d4bc9ca.png) ### Mlinganisho wa Mbinu za HTTP @@ -346,7 +346,7 @@ Tuweke usajili wako wa fomu kuwasiliana ipasavyo na API ya nyuma kwa kutumia mbi 2. **Bofya** kitufe cha "Create Account" 3. **Angalia** majibu ya seva katika kivinjari chako -![Dirisha la kivinjari kwenye anwani localhost:5000/api/accounts, linaonyesha mfuatano wa JSON na data ya mtumiaji](../../../../translated_images/form-post.61de4ca1b964d91a.sw.png) +![Dirisha la kivinjari kwenye anwani localhost:5000/api/accounts, linaonyesha mfuatano wa JSON na data ya mtumiaji](../../../../translated_images/sw/form-post.61de4ca1b964d91a.png) **Unachotakiwa kuona:** - **Kivinjari kinageuza** kwenye URL ya nukta ya API @@ -609,7 +609,7 @@ async function register() { 3. **Bonyeza** "Create Account" 4. **Tazama** ujumbe wa koni na mrejesho wa mtumiaji -![Screenshot showing log message in the browser console](../../../../translated_images/browser-console.efaf0b51aaaf6778.sw.png) +![Screenshot showing log message in the browser console](../../../../translated_images/sw/browser-console.efaf0b51aaaf6778.png) **Utaona nini:** - **Hali ya kupakia** inaonekana kwenye kitufe cha kuwasilisha @@ -783,7 +783,7 @@ Tuimarishie fomu yako ya usajili na uthibitishaji imara ambao hutoa uzoefu bora 3. **Jaribu** herufi za kipekee kwenye sehemu ya jina la mtumiaji 4. **Weka** kiasi chenye salio hasi -![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/validation-error.8bd23e98d416c22f.sw.png) +![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/sw/validation-error.8bd23e98d416c22f.png) **Utakayoyaona:** - **Kivinjari kinaonyesha** ujumbe wa uthibitishaji wa wenyeji @@ -943,7 +943,7 @@ Onyesha ujumbe wa kosa katika HTML ikiwa mtumiaji tayari yupo. Hapa kuna mfano wa jinsi ukurasa wa kuingia unaweza kuonekana baada ya kubadilishwa mitindo kidogo: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.sw.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/sw/result.96ef01f607bf856a.png) ## Mtihani wa Baada ya Maktaba diff --git a/translations/sw/7-bank-project/3-data/README.md b/translations/sw/7-bank-project/3-data/README.md index 9d7446a15..5d7128374 100644 --- a/translations/sw/7-bank-project/3-data/README.md +++ b/translations/sw/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Inarudisha ukurasa kamili wa HTML Browser->>User: Inaonyesha ukurasa mpya (mwanga/upya) ``` -![Mtiririko wa sasisho katika programu ya kurasa nyingi](../../../../translated_images/mpa.7f7375a1a2d4aa77.sw.png) +![Mtiririko wa sasisho katika programu ya kurasa nyingi](../../../../translated_images/sw/mpa.7f7375a1a2d4aa77.png) **Kwa nini njia hii ilihisi polepole:** - Kila bonyeza lilimaanisha kujenga ukurasa mzima upya kutoka mwanzoni @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Husaidia vipengele maalum vya ukurasa Browser->>User: Inaonyesha yaliyosasishwa (hakuna upyaaji) ``` -![Mtiririko wa sasisho katika programu ya ukurasa mmoja](../../../../translated_images/spa.268ec73b41f992c2.sw.png) +![Mtiririko wa sasisho katika programu ya ukurasa mmoja](../../../../translated_images/sw/spa.268ec73b41f992c2.png) **Kwa nini SPA zinahisi bora zaidi:** - Sehemu tu zilizobadilika ndizo zinazosasishwa (tajiri, sivyo?) @@ -516,7 +516,7 @@ if (data.error) { Sasa unapojaribu na akaunti isiyo halali, utaona ujumbe wa kosa unaosaidia moja kwa moja kwenye ukurasa! -![Screenshot showing the error message displayed during login](../../../../translated_images/login-error.416fe019b36a6327.sw.png) +![Screenshot showing the error message displayed during login](../../../../translated_images/sw/login-error.416fe019b36a6327.png) #### Hatua ya 4: Kuwajumuisha kwa Upatikanaji @@ -952,7 +952,7 @@ Uko tayari kupeleka programu yako ya benki kwa ngazi inayofuata? Tufanye ionekan Huu hapa muonekano wa dashibodi iliyopambwa vizuri: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.sw.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/sw/screen2.123c82a831a1d14a.png) Usijisikie lazima ulingane nalo kwa usahihi - tumia kama msukumo na uibadilishe ipasavyo! diff --git a/translations/sw/7-bank-project/4-state-management/README.md b/translations/sw/7-bank-project/4-state-management/README.md index 1984cc352..1e74aba63 100644 --- a/translations/sw/7-bank-project/4-state-management/README.md +++ b/translations/sw/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Kama muundo wa sehemu za Titanic ulioonekana imara hadi sehemu nyingi kuzama kwa Badala ya kuzunguka kwa kutafuta mwishowe, tutaunda **mfumo wa usimamizi wa hali uliolengwa katikati**. Fikiria kama mtu mmoja aliyepangwa vizuri anayehudumia vitu vyote muhimu: -![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/data-flow.fa2354e0908fecc8.sw.png) +![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/sw/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Changamoto hii itakusaidia kufikiri kama mtaalamu anayeangalia uzoefu wa mtumiaj Huu ni mfano wa matokeo baada ya kukamilisha kazi: -![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/dialog.93bba104afeb79f1.sw.png) +![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/sw/dialog.93bba104afeb79f1.png) --- diff --git a/translations/sw/7-bank-project/4-state-management/assignment.md b/translations/sw/7-bank-project/4-state-management/assignment.md index 0f481d87e..533ac2188 100644 --- a/translations/sw/7-bank-project/4-state-management/assignment.md +++ b/translations/sw/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Rejelea [nyaraka za API ya seva](../api/README.md) kwa: **Matokeo Yanayotarajiwa:** Baada ya kukamilisha kazi hii, programu yako ya benki inapaswa kuwa na kipengele kamili cha "Ongeza Muamala" ambacho kinaonekana na kinafanya kazi kitaalamu: -![Picha ya skrini inayoonyesha mfano wa dialogi ya "Ongeza muamala"](../../../../translated_images/dialog.93bba104afeb79f1.sw.png) +![Picha ya skrini inayoonyesha mfano wa dialogi ya "Ongeza muamala"](../../../../translated_images/sw/dialog.93bba104afeb79f1.png) ## Kupima Utekelezaji Wako diff --git a/translations/sw/7-bank-project/README.md b/translations/sw/7-bank-project/README.md index a6e4c04a8..dad5c9536 100644 --- a/translations/sw/7-bank-project/README.md +++ b/translations/sw/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Katika mradi huu, utajifunza jinsi ya kujenga benki ya kufikirika. Masomo haya yanajumuisha maelekezo ya jinsi ya kupanga programu ya wavuti na kutoa njia, kujenga fomu, kusimamia hali (state), na kupata data kutoka kwa API ambayo unaweza kutumia kupata data ya benki. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.sw.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.sw.png) | +| ![Screen1](../../../translated_images/sw/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/sw/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Masomo diff --git a/translations/sw/8-code-editor/1-using-a-code-editor/README.md b/translations/sw/8-code-editor/1-using-a-code-editor/README.md index be20e5862..1092b11ec 100644 --- a/translations/sw/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/sw/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Kama vile simu ya Alexander Graham Bell ilivyowezesha mawasiliano ya mbali, kuun Mara kila kitu kinapopakuliwa, utaona eneo la kazi safi na la kuvutia lililoundwa kukuweka makini na kinachohitajika – msimbo wako! -![Muonekano wa kawaida wa VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.sw.png) +![Muonekano wa kawaida wa VSCode.dev](../../../../translated_images/sw/default-vscode-dev.5d06881d65c1b323.png) **Hapa ni ziara yako ya mtaa:** - **Ukuta wa Shughuli** (ukingo wa kushoto): Urambazaji wako mkuu una Explorer 📁, Tafuta 🔍, Udhibiti wa Chanzo 🌿, Nyongeza 🧩, na Mipangilio ⚙️ @@ -229,7 +229,7 @@ Hii ni bora unapoanza mpya kwenye VSCode.dev na unataka kufungua hifadhidata maa 1. Nenda kwenye [vscode.dev](https://vscode.dev) kama bado hujafika 2. Tafuta kitufe cha "Open Remote Repository" kwenye skrini ya kuanza na kubofya - ![Fungua hifadhidata ya mbali](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.sw.png) + ![Fungua hifadhidata ya mbali](../../../../translated_images/sw/open-remote-repository.bd9c2598b8949e7f.png) 3. Bandika URL yoyote ya hifadhidata ya GitHub (jaribu hii: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Bonyeza Enter na angalia uchawi unavyotokea! @@ -238,7 +238,7 @@ Hii ni bora unapoanza mpya kwenye VSCode.dev na unataka kufungua hifadhidata maa Unataka kujisikia kama mchawi wa kuandika msimbo? Jaribu mkato huu wa kibodi: Ctrl+Shift+P (au Cmd+Shift+P kwa Mac) kufungua Komandi ya Palette: -![Komandi ya Palette](../../../../translated_images/palette-menu.4946174e07f42622.sw.png) +![Komandi ya Palette](../../../../translated_images/sw/palette-menu.4946174e07f42622.png) **Komandi ya Palette ni kama kuwa na injini ya utafutaji ya kila jambo unaloweza kufanya:** - Andika "open remote" na itakupata kifungua hifadhidata @@ -300,7 +300,7 @@ Kama kupanga ramani za majengo ofisini mwa mbuni wa majengo, uundaji wa faili nd 3. Andika jina la faili pamoja na kiendelezi kinachofaa (`style.css`, `script.js`, `index.html`) 4. Bonyeza Enter kuunda faili -![Kuunda faili mpya](../../../../translated_images/create-new-file.2814e609c2af9aeb.sw.png) +![Kuunda faili mpya](../../../../translated_images/sw/create-new-file.2814e609c2af9aeb.png) **Kanuni za kuitia majina:** - Tumia majina ya kueleweka yanayoonyesha matumizi ya faili @@ -318,7 +318,7 @@ Hapa ndipo furaha ya kweli inaanza! Mhariri wa VSCode.dev umejaa vipengele vya k 2. Anza kuandika na uangalie VSCode.dev ikikuongezea rangi, mapendekezo, na kugundua makosa 3. Hifadhi kazi kwa Ctrl+S (Windows/Linux) au Cmd+S (Mac) – ingawa huhifadhi moja kwa moja pia! -![Kuhariri faili kwenye VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.sw.png) +![Kuhariri faili kwenye VSCode.dev](../../../../translated_images/sw/edit-a-file.52c0ee665ef19f08.png) **Mambo mazuri yanayotokea unapoandika msimbo:** - Msimbo wako unatolewa kwa rangi nzuri ili uwe rahisi kusoma @@ -339,7 +339,7 @@ Kama wachimbaji wa kumbukumbu wanavyotengeneza kumbukumbu za kina za tabaka za k 2. Faili zilizobadilishwa zinaonekana katika sehemu ya "Mabadiliko" 3. Rangi hutambulisha aina za mabadiliko: kijani kwa nyongeza, nyekundu kwa ufutaji -![Kutazama mabadiliko katika Udhibiti wa Chanzo](../../../../translated_images/working-tree.c58eec08e6335c79.sw.png) +![Kutazama mabadiliko katika Udhibiti wa Chanzo](../../../../translated_images/sw/working-tree.c58eec08e6335c79.png) **Kuhifadhi kazi yako (mtiririko wa kufanya commit):** @@ -431,7 +431,7 @@ Soko la vipengele limepangiliwa vyema, hivyo hutapotea ukitafuta unachohitaji. L 2. Vinjari au tafuta kitu maalum 3. Bonyeza chochote kinachovutia kujifunza zaidi -![Kiolesura cha soko la vipengele](../../../../translated_images/extensions.eca0e0c7f59a10b5.sw.png) +![Kiolesura cha soko la vipengele](../../../../translated_images/sw/extensions.eca0e0c7f59a10b5.png) **Utakachoona humo:** @@ -484,7 +484,7 @@ Vipengele vingi huja na mipangilio unayoweza kubadilisha ili kufanya kazi jinsi 3. Chagua "Extension Settings" kutoka kwenye menyu ya kushuka chini 4. Rekebisha vitu hadi viwe vinakufaa kabisa kwa mtiririko wako wa kazi -![Kubinafsisha mipangilio ya kiendelezaji](../../../../translated_images/extension-settings.21c752ae4f4cdb78.sw.png) +![Kubinafsisha mipangilio ya kiendelezaji](../../../../translated_images/sw/extension-settings.21c752ae4f4cdb78.png) **Vitu vya kawaida ambavyo unaweza kutaka kubadilisha:** - Jinsi msimbo wako unavyoandaliwa (taps vs nafasi, urefu wa mstari, n.k.) diff --git a/translations/sw/8-code-editor/1-using-a-code-editor/assignment.md b/translations/sw/8-code-editor/1-using-a-code-editor/assignment.md index 249fd020c..a622c8a06 100644 --- a/translations/sw/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/sw/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Kwa kuwa VSCode.dev inahitaji angalau faili moja kufungua hifadhi, tutaunda fail 4. **Andika** ujumbe wa kujitolea: "Ongeza muundo wa awali wa HTML" 5. **Bonyeza** "Commit new file" ili kuhifadhi mabadiliko yako -![Kuunda faili ya awali kwenye GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.sw.png) +![Kuunda faili ya awali kwenye GitHub](../../../../translated_images/sw/new-file-github.com.c886796d800e8056.png) **Hiki ndicho uanzishaji huu wa awali unakamilisha:** - **Unaunda** muundo sahihi wa hati ya HTML5 na vipengele vya kimantiki @@ -104,7 +104,7 @@ Sasa kwa kuwa msingi wa hifadhi yako umeanzishwa, hebu tubadilishe kwa VSCode.de ✅ **Kiashiria cha mafanikio**: Unapaswa kuona faili za mradi wako kwenye upau wa kando wa Explorer na `index.html` ikipatikana kwa kuhariri kwenye eneo kuu la mhariri. -![Mradi umepakiwa kwenye VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.sw.png) +![Mradi umepakiwa kwenye VSCode.dev](../../../../translated_images/sw/project-on-vscode.dev.e79815a9a95ee7fe.png) **Unachokiona kwenye kiolesura:** - **Upau wa kando wa Explorer**: **Unaonyesha** faili za hifadhi yako na muundo wa folda @@ -448,7 +448,7 @@ Viendelezi vinaboresha uzoefu wako wa maendeleo kwa kutoa uwezo wa hakikisho la **Matokeo ya haraka baada ya usakinishaji:** Mara tu CodeSwing itakaposakinishwa, utaona hakikisho la moja kwa moja la tovuti yako ya resume likijitokeza kwenye mhariri. Hii inakuwezesha kuona jinsi tovuti yako inavyoonekana unavyofanya mabadiliko. -![Kiendelezi cha CodeSwing kikionyesha hakikisho la moja kwa moja](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.sw.png) +![Kiendelezi cha CodeSwing kikionyesha hakikisho la moja kwa moja](../../../../translated_images/sw/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Kuelewa kiolesura kilichoboreshwa:** - **Muonekano wa mgawanyiko**: **Unaonyesha** msimbo wako upande mmoja na hakikisho la moja kwa moja upande mwingine diff --git a/translations/sw/9-chat-project/README.md b/translations/sw/9-chat-project/README.md index 47f8497cf..0306a788f 100644 --- a/translations/sw/9-chat-project/README.md +++ b/translations/sw/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Hivi ndivyo mradi wako utakavyoonekana umemalizika: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.sw.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/sw/screenshot.0a1ee0d123df681b.png) ## 🗺️ Safari Yako ya Kujifunza Kupitia Maendeleo ya Programu za AI @@ -189,7 +189,7 @@ mindmap ``` **Kanuni Msingi**: Maendeleo ya programu za AI yanachanganya ujuzi wa maendeleo ya wavuti wa kawaida na muunganisho wa huduma za AI, kuunda programu za akili zinazohisi kuwa za asili na zinazojibu watumiaji vizuri. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.sw.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/sw/playground.d2b927122224ff8f.png) **Hapa ni kinachofanya playground kuwa muhimu:** - **Jaribu** mifano tofauti ya AI kama GPT-4o-mini, Claude, na mingine (zote ni bure!) @@ -199,7 +199,7 @@ mindmap Baada ya kucheza kidogo, bonyeza kichupo cha "Code" na chagua lugha yako ya programu kupata msimbo wa utekelezaji utakao hitajiwa. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.sw.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/sw/playground-choice.1d23ba7d407f4758.png) ## Kuanzisha Muunganisho wa Backend wa Python @@ -2351,14 +2351,14 @@ Unataka kujaribu mradi huu katika mazingira ya maendeleo ya wingu? GitHub Codesp - **Tembelea** hazina ya [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **Bonyeza** "Use this template" juu kulia (hakikisha umeingia kwenye GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.sw.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/sw/template.67ad477109d29a2b.png) **Hatua 2: Anzisha Codespaces** - **Fungua** hazina uliyounda hivi karibuni - **Bonyeza** kitufe cha kijani "Code" na chagua "Codespaces" - **Chagua** "Create codespace on main" kuanzisha mazingira yako ya maendeleo -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.sw.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/sw/codespace.bcecbdf5d2747d3d.png) **Hatua 3: Usanidi wa Mazingira** Mara wakati Codespace yako ianzishwa, utakuwa na: diff --git a/translations/sw/README.md b/translations/sw/README.md index a76dbd48f..7ed45f70a 100644 --- a/translations/sw/README.md +++ b/translations/sw/README.md @@ -72,13 +72,13 @@ Usikose mtaala wetu mpya wa AI Inayozalisha! Tembelea [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) kuanza! -![Background](../../translated_images/background.148a8d43afde5730.sw.png) +![Background](../../translated_images/sw/background.148a8d43afde5730.png) - Masomo yanayofunika kila kitu kutoka misingi hadi RAG. - Shirikiana na wahusika wa kihistoria ukitumia GenAI na programu yetu ya msaidizi. - Hadithi za kufurahisha na kuvutia, utasafiri kwa wakati! -![character](../../translated_images/character.5c0dd8e067ffd693.sw.png) +![character](../../translated_images/sw/character.5c0dd8e067ffd693.png) Kila somo lina kazi ya kukamilisha, ukaguzi wa maarifa na changamoto ya kukuongoza kujifunza mada kama: @@ -115,7 +115,7 @@ Fuata hatua hizi: Katika nakala yako ya repositori uliyounda, bonyeza kitufe cha **Code** na chagua **Fungua na Codespaces**. Hii itaunda Codespace mpya ya kufanya kazi ndani yake. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.sw.png) +![Codespace](../../translated_images/sw/createcodespace.0238bbf4d7a8d955.png) #### Kuendesha mtaala ndani ya kompyuta yako diff --git a/translations/sw/for-teachers.md b/translations/sw/for-teachers.md index c3c323bb6..c2b8398c3 100644 --- a/translations/sw/for-teachers.md +++ b/translations/sw/for-teachers.md @@ -42,10 +42,10 @@ Mtaala huu unajumuisha pakiti zinazoweza kuingizwa kwa kazi za kawaida za LMS. - Moodle Cloud ina msaada mdogo wa Common Cartridge. Pendekeza faili ya Moodle hapo juu, ambayo pia inaweza kupakiwa kwenye Canvas. - Baada ya kuingiza, hakiki moduli, tarehe za mwisho, na mipangilio ya majaribio ili kuendana na ratiba ya muhula wako. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.sw.png) +![Moodle](../../translated_images/sw/moodle.94eb93d714a50cb2.png) > Mtaala katika darasa la Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.sw.png) +![Canvas](../../translated_images/sw/canvas.fbd605ff8e5b8aff.png) > Mtaala katika Canvas ### Kutumia hifadhi moja kwa moja (bila Classroom) diff --git a/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md index dc1599165..7cbd94225 100644 --- a/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/ta/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: இன்று, நவீன வலைத் தள மேம்பாட்டை சாத்தியமாக்கும் அதிசய கருவிகளை நாம் ஆராயப்போகிறோம். நான் பேசுகிறேன் Netflix, Spotify மற்றும் உங்கள் பிடித்த சினிமா செயலி நிறுவனத்தின் டெவலப்பர்கள் தினமும் பயன்படுத்தும் அதே எடிட்டர்கள், உலாவிகள் மற்றும் வேலை முறைகள் பற்றி. மற்றும் நீங்கள் சந்தோஷமாக டான்ஸ் செய்யப்போகும் பகுதி இது: இந்த தொழில்முறை தர மாதிரி, தொழில்நுட்ப அங்கீகாரம் பெற்ற கருவிகள் பெரும்பாலான பகுதியும் முழுமையாக இலவசம்! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.ta.png) +![Intro Programming](../../../../translated_images/ta/webdev101-programming.d6e3f98e61ac4bff.png) > சுருக்கக்குறிப்பு: [Tomomi Imura](https://twitter.com/girlie_mac) அவர்களின் படைப்பு ```mermaid diff --git a/translations/ta/1-getting-started-lessons/2-github-basics/README.md b/translations/ta/1-getting-started-lessons/2-github-basics/README.md index b3202c951..faec70b68 100644 --- a/translations/ta/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/ta/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.ta.png) +![Intro to GitHub](../../../../translated_images/ta/webdev101-github.8846d7971abef6f9.png) > ஸ்கெட்ச் நோட்டு: [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,7 @@ flowchart TD ✅ 'புதியவர்களுக்கு ஏற்ற' ரெப்போக்களை கண்டுபிடிக்கும் நல்ல வழி [முதல் நல்ல பிரச்சனை குறிச்சொல்லின் மூலம் தேடல்](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/) ஆகும். -![ஒரு ரெப்போவை உள்ளூரில் நகலெடு](../../../../translated_images/clone_repo.5085c48d666ead57.ta.png) +![ஒரு ரெப்போவை உள்ளூரில் நகலெடு](../../../../translated_images/ta/clone_repo.5085c48d666ead57.png) குறியீட்டை நகலெடுக்க பல வழிகள் உள்ளன. ஒன்று, HTTPS, SSH அல்லது GitHub CLI (கமாண்ட் லைன் இன்டர்ஃபெஸ்) பயன்படுத்தி அந்த ரெப்போவின் உள்ளடக்கங்களை "க்ளோன்" செய்யும் முறையாகும். diff --git a/translations/ta/1-getting-started-lessons/3-accessibility/README.md b/translations/ta/1-getting-started-lessons/3-accessibility/README.md index 8290922fb..8ecdde914 100644 --- a/translations/ta/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/ta/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # அணுகக்கூடிய வலைப் பக்கங்களை உருவாக்குதல் -![அணுகல் பற்றி அனைத்தும்](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.ta.png) +![அணுகல் பற்றி அனைத்தும்](../../../../translated_images/ta/webdev101-a11y.8ef3025c858d897a.png) > [Tomomi Imura](https://twitter.com/girlie_mac) அவர்களின் ஸ்கெட்ச்நோட் ```mermaid @@ -1047,12 +1047,12 @@ pie title "பொதுவான ARIA பயன்பாட்டு முற **தகவல் கொடுக்கும் படங்கள்** - முக்கிய தகவலை வழங்கும்: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **அலங்கார படங்கள்** - நிறைவான தகவல் இல்லாத purely காட்சி படங்கள்: ```html - + ``` **செயல்பாட்டு படங்கள்** - பட்டன்கள் அல்லது கட்டுப்பாடுகள்: @@ -1064,7 +1064,7 @@ pie title "பொதுவான ARIA பயன்பாட்டு முற **சிக்கலான படங்கள்** - பட்டியல், வரைபடம், தகவல் வரைபடங்கள்: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1104,7 +1104,7 @@ pie title "பொதுவான ARIA பயன்பாட்டு முற - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/ta/2-js-basics/1-data-types/README.md b/translations/ta/2-js-basics/1-data-types/README.md index b17f1c802..2111eb97c 100644 --- a/translations/ta/2-js-basics/1-data-types/README.md +++ b/translations/ta/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript அடிப்படைகள்: தரவுத் தரவுகள் -![JavaScript அடிப்படைகள் - தரவுத் தரவுகள்](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.ta.png) +![JavaScript அடிப்படைகள் - தரவுத் தரவுகள்](../../../../translated_images/ta/webdev101-js-datatypes.4cc470179730702c.png) > ஓவியம் [Tomomi Imura](https://twitter.com/girlie_mac) அவர்களால் ```mermaid diff --git a/translations/ta/2-js-basics/2-functions-methods/README.md b/translations/ta/2-js-basics/2-functions-methods/README.md index 83cb99272..f7ff46581 100644 --- a/translations/ta/2-js-basics/2-functions-methods/README.md +++ b/translations/ta/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.ta.png) +![JavaScript Basics - Functions](../../../../translated_images/ta/webdev101-js-functions.be049c4726e94f8b.png) > [டோமொமி இமுரா](https://twitter.com/girlie_mac) அவர்களின் ஸ்கெட்ச் நோட் ```mermaid diff --git a/translations/ta/2-js-basics/3-making-decisions/README.md b/translations/ta/2-js-basics/3-making-decisions/README.md index 9cf7cb89b..d8925be4e 100644 --- a/translations/ta/2-js-basics/3-making-decisions/README.md +++ b/translations/ta/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript அடிப்படைகள்: முடிவெடுப்பது -![JavaScript அடிப்படைகள் - முடிவெடுப்பது](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ta.png) +![JavaScript அடிப்படைகள் - முடிவெடுப்பது](../../../../translated_images/ta/webdev101-js-decisions.69e1b20f272dd1f0.png) > ஸ்கெட்ச்னோட் [டொமோமி இமுறை](https://twitter.com/girlie_mac) அவர்களால் diff --git a/translations/ta/2-js-basics/4-arrays-loops/README.md b/translations/ta/2-js-basics/4-arrays-loops/README.md index 686a0e060..1be2c7131 100644 --- a/translations/ta/2-js-basics/4-arrays-loops/README.md +++ b/translations/ta/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.ta.png) +![JavaScript Basics - Arrays](../../../../translated_images/ta/webdev101-js-arrays.439d7528b8a29455.png) > ஸ்கெட்ச்நோட் [தொமோமி இமுரா](https://twitter.com/girlie_mac) அவர்களால் ```mermaid diff --git a/translations/ta/3-terrarium/1-intro-to-html/README.md b/translations/ta/3-terrarium/1-intro-to-html/README.md index b1bed7cb7..8c4a9090e 100644 --- a/translations/ta/3-terrarium/1-intro-to-html/README.md +++ b/translations/ta/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.ta.png) +![Introduction to HTML](../../../../translated_images/ta/webdev101-html.4389c2067af68e98.png) > டோம்(மி) இமுரா அவர்களால் உருவாக்கப்பட்ட ஸ்கெட்ச் நோட் HTML, அல்லது ஹைப்பர் டெக்ஸ்ட் மார்க் அப் லாங்குவேஜ், நீங்கள் besucht செய்த ஒவ்வொரு இணையதளத்தின் அடித்தளம் ஆகும். HTML ஐ வலைப்பக்கங்களுக்கு வடிவமைப்பு வழங்கும் அடித்தளமாக நினைத்துக் கொள்ளுங்கள் – அது உள்ளடக்கம் எங்கே இருக்க வேண்டும், எவ்வாறு ஒழுங்குபடுத்தப்படும் மற்றும் ஒவ்வொரு பகுதியும் என்ன பிரதிபலிக்கும் என்பதைக் குறிப்பிடுகிறது. CSS பிறகு உங்கள் HTML ஐ நிறங்கள் மற்றும் அமைப்புகளுடன் "அழகு பூசும்" போது, மற்றும் JavaScript அதில் இடைக்கால செயல்பாடு கொண்டு வரும்போது, HTML என்பது மற்ற அனைத்துக்கும் அடிப்படையான கட்டமைப்பினை வழங்குகிறது. @@ -86,7 +86,7 @@ HTML குறியீட்டில் இறங்க முன்பு, 4. Explorer பகுதியில், "New File" சின்னத்தை கிளிக் செய்யவும் 5. கோப்பின் பெயரை `index.html` என்க -![VS Code Explorer showing new file creation](../../../../translated_images/vs-code-index.e2986cf919471eb9.ta.png) +![VS Code Explorer showing new file creation](../../../../translated_images/ta/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/ta/3-terrarium/2-intro-to-css/README.md b/translations/ta/3-terrarium/2-intro-to-css/README.md index a95dba239..36292ee9f 100644 --- a/translations/ta/3-terrarium/2-intro-to-css/README.md +++ b/translations/ta/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey பதிலளிக்கும் வடிவமைப்பு: 5: Student கண்ணாடி பிரதிபலிப்புகள்: 5: Student ``` -![CSS அறிமுகம்](../../../../translated_images/webdev101-css.3f7af5991bf53a20.ta.png) +![CSS அறிமுகம்](../../../../translated_images/ta/webdev101-css.3f7af5991bf53a20.png) > ஸ்கெட்ச் நோட் [Tomomi Imura](https://twitter.com/girlie_mac) அவர்களின் உங்கள் HTML டெர்ரேரியம் எவ்வாறு அடிப்படையாகத் தெரியப்பட்டது என்பதை நினைவிருக்கிறதா? CSS என்பது அந்த சுலபமான அமைப்பை கண்ணுக்கு அழகான ஒன்றாக மாற்றும் இடமாகும். @@ -202,7 +202,7 @@ body { உங்கள் உலாவியின் டெவலப்பர் கருவிகள் (F12) திறந்து, Elements தாவலைத் திறந்து உங்கள் `

` கூறைக் கண்காணிக்கவும். அது இல் இருந்து மரபுரிமையோடு கொண்டுள்ள எழுத்துரு குடும்பத்தை காண்பிக்கும்: -![inherited font](../../../../translated_images/1.cc07a5cbe114ad1d.ta.png) +![inherited font](../../../../translated_images/ta/1.cc07a5cbe114ad1d.png) ✅ **சோதனை நேரம்**: `` இல் நீங்கள் மற்ற மரபுரிமை பெறக்கூடிய பண்புகளை அமைத்துப் பார்க்கலாம், உதாரணமாக `color`, `line-height`, அல்லது `text-align`. உங்கள் தலைப்பு மற்றும் பிற கூறுகளுக்கு என்ன நடக்கும்? @@ -332,7 +332,7 @@ ID தேர்வீடுகள் `#` அடையாளத்துடன் **ஒவ்வொரு செடியின் HTML அமைப்பு:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Agent முறையைப் பயன்படுத்தி கீழ்க கண்ணாடி மேற்பரப்புகளில் வெளிச்சம் எப்படி பிரதிபலிக்கிறது என்பதை போல மென்மையான வெளிச்சங்களை உருவாக்க வேண்டியிருக்கும். இந்த முறையை ரெனசான்ஸ் ஓவியர்கள் ஜான் வான் ஐக் போன்றோர் படவணக்க கண்ணாடி மூலமான வெளிச்சங்களைக் காட்சிப்படுத்த பயன்படுத்தினர். நீங்கள் நோக்கி செல்ல வேண்டியது இதுதான்: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.ta.png) +![finished terrarium](../../../../translated_images/ta/terrarium-final.2f07047ffc597d0a.png) **உங்கள் சவால்:** - **மென்மையான வெள்ளை அல்லது இலகுவான நிற oval வடிவங்களை** கண்ணாடி பிரதிபலிப்புகளுக்கு உருவாக்கவும் diff --git a/translations/ta/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ta/3-terrarium/3-intro-to-DOM-and-closures/README.md index f172bd480..d1999af5e 100644 --- a/translations/ta/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/ta/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.ta.png) +![DOM மற்றும் ஒரு மூடி](../../../../translated_images/ta/webdev101-js.10280393044d7eaa.png) > ஸ்கெட்ச் நோட் [Tomomi Imura](https://twitter.com/girlie_mac) அவரால் இணைய விருத்தியின் மிகவும் ஈடுபாட்டுக்குரிய அம்சங்களில் ஒன்றிற்கு வருகை - விஷயங்களை தொடர்புடையதாக மாற்றுதல்! டாக்குமென்ட் ஆப்ஜெக்ட் மோடைல் (DOM) உங்கள் HTML மற்றும் JavaScript இடையேயான பாலம் போன்றது, இன்று நாம் இதைப் பயன்படுத்தி உங்கள் டெராரியம் வாழ் உயிராக மாற்றுவோம். டிம் பெர்னர்ஸ்-லி முதலாம் வலை உலாவியை உருவாக்கிய போது, ஆவணம் இயக்கக்கூடிய மற்றும் தொடர்புடையவையாக இருக்கக்கூடிய இணையத்தை கற்பனை செய்தார் - DOM அந்த கற்பனையை நிகழ்வாக்குகிறது. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM மர பிரதியம்](../../../../translated_images/dom-tree.7daf0e763cbbba92.ta.png) +![DOM மர பிரதியம்](../../../../translated_images/ta/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 ``` > 💡 **மூடுபணிகளைப் புரிந்து கொள்ளுதல்**: மூடுபணிகள் JavaScript இல் முக்கியமான தலைப்புகளில் ஒன்றுதான், பல டெவலப்பர்கள் ஆண்டுகளுக்குப் பிறகு முழுமையாக புரிந்து கொள்கிறார்கள். இன்று, பயிற்சி பயன்பாட்டில் கவனம் செலுத்துவோம் - நம்முடைய தொடர்புடைய அம்சங்களை உருவாக்கும் போது மூடுபணிகள் இயல்பாக தோன்றும். உணர்வு வளரும். -![DOM மர பிரதியம்](../../../../translated_images/dom-tree.7daf0e763cbbba92.ta.png) +![DOM மர பிரதியம்](../../../../translated_images/ta/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() { - **கருவி உயர் ஆதரவு**: டெஸ்க் டாப் மற்றும் மொபைல் இரண்டிலும் வேலை செய்கிறது - **செயற்பாட்டு விழிப்புணர்வு**: நினைவகக் கசிவுகளோடும் கூடுதல் கணக்கீடுகளோடும் தவிர்க்கல் -![முழுமையான உருண்டம்](../../../../translated_images/terrarium-final.0920f16e87c13a84.ta.png) +![முழுமையான உருண்டம்](../../../../translated_images/ta/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/ta/3-terrarium/solution/README.md b/translations/ta/3-terrarium/solution/README.md index c7d41a55d..3b359c9f4 100644 --- a/translations/ta/3-terrarium/solution/README.md +++ b/translations/ta/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: சிறிய டிராக் மற்றும் டிராப் கோட்-தியானம். சிறிது HTML, JS மற்றும் CSS கொண்டு, நீங்கள் ஒரு வலை இடைமுகத்தை உருவாக்கி, அதை அலங்கரித்து, ஒரு தொடர்பைச் சேர்க்கலாம். -![என் டெரேரியம்](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.ta.png) +![என் டெரேரியம்](../../../../translated_images/ta/screenshot_gray.0c796099a1f9f25e.png) ## க்ரெடிட்கள் diff --git a/translations/ta/5-browser-extension/1-about-browsers/README.md b/translations/ta/5-browser-extension/1-about-browsers/README.md index b85221b12..b9f04a7c2 100644 --- a/translations/ta/5-browser-extension/1-about-browsers/README.md +++ b/translations/ta/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey பிழைகளைத் திருத்து: 4: Student அனுபவத்தை சீமை செய்யவும்: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.ta.jpg) +![Browser sketchnote](../../../../translated_images/ta/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-இல் சர Тимothy Berners-Lee உருவாக்கினார். -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.ta.jpg) +![early browsers](../../../../translated_images/ta/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.ta.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/ta/install-on-edge.d68781acaf0b3d3d.png) > **முக்கியம்**: உங்கள் நீடிப்புருகளை சோதிக்கும் போது உருவாக்குநர் முறையை இயக்கவும் மற்றும் பிற கடைகளிலிருந்து நீடிப்புருக்களை அனுமதிக்கவும். @@ -308,10 +308,10 @@ project-root/ ### நீடிப்புரு பார்வை சுருக்கம் **அமைப்பு பார்வை** - முதல் முறையாக பயனர் அமைப்பு: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.ta.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/ta/1.b6da8c1394b07491.png) **முடிவுகள் பார்வை** - கார்பன் பாதைபாதை தரவு காட்டுதல்: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.ta.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/ta/2.1dae52ff08042246.png) ### அமைப்பு படிவத்தை உருவாக்குதல் diff --git a/translations/ta/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ta/5-browser-extension/2-forms-browsers-local-storage/README.md index 0bd9e758e..db29e0e4b 100644 --- a/translations/ta/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/ta/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.ta.png) +![Local storage pane](../../../../translated_images/ta/localstorage.472f8147b6a3f8d1.png) > ⚠️ **பாதுகாப்பு கவனம்**: உற்பத்தி பயன்பாடுகளில், API விசைகளை LocalStorageயில் வைக்குவது பாதுகாப்பு ஆபத்துக்களை உருவாக்கும், ஏனெனில் JavaScript இவைகளை அணுக முடியும். கற்றலுக்கான நோக்கில் இது சரி, ஆனால் உண்மையான பயன்பாடுகள் நுண்ணறிந்த கிரிடென்ஷியல்களுக்கு பாதுகாப்பான சர்வர் பக்க சேமிப்பை பயன்படுத்த வேண்டும். diff --git a/translations/ta/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ta/5-browser-extension/3-background-tasks-and-performance/README.md index 69bccc63a..7ced5e740 100644 --- a/translations/ta/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/ta/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ flowchart LR இதைக் கடைபிடியுங்கள். ஒரு வலைத்தளத்தை திறக்கவும் (Microsoft.com நல்லது) மற்றும் ‘Record’ பொத்தானைக் கிளிக் செய்க. இப்போது பக்கத்தைக் கச்சிதமாக புதுப்பிக்கவும், செயல்முறை சுடுகாட்டைப் பின்தொடர்க. பதிவு நிறுத்தும் பொழுது, உலாவி எப்படி 'script', 'render', மற்றும் 'paint' செய்கிறது என்பதற்கான விரிவான உடலமைப்பைப் பார்ப்பீர்கள். இது ராக்கெட் தொடக்கத்தில் மிஷன் கட்டுப்பாடு ஒவ்வொரு அமைப்பையும் கண்காணிப்பதை நினைவூட்டுகிறது - நீங்கள் என்ன எப்போது நடக்கிறது என்பதை நேரடி தரவாகப் பெறுவீர்கள். -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.ta.png) +![Edge profiler](../../../../translated_images/ta/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.ta.png) +![Edge profiler snapshot](../../../../translated_images/ta/snapshot.97750180ebcad737.png) ஈவென்ட் பதிவு பகுதியைப் பாருங்கள், 15 மில்லி விநாடிகள் விட நீண்ட நேரம் எடுத்த எந்த நிகழ்வேயும் உள்ளதா என்பதை தெரிந்து கொள்ள: -![Edge event log](../../../../translated_images/log.804026979f3707e0.ta.png) +![Edge event log](../../../../translated_images/ta/log.804026979f3707e0.png) ✅ உங்கள் செயல்திறன் சோதனையாளர் கருவியை அறிந்துகொள்ளுங்கள்! இந்த தளத்தின் டெவலப்பர் கருவிகளை திறந்து வழுக்குகள் உள்ளதா என்று பாருங்களேன். எது மெதுவாக ஏற்றுகிறது? எது வேகமாக? diff --git a/translations/ta/5-browser-extension/README.md b/translations/ta/5-browser-extension/README.md index b8bb44466..a71409c87 100644 --- a/translations/ta/5-browser-extension/README.md +++ b/translations/ta/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### க்ரெடிட்ஸ் -![ஒரு பச்சை உலாவி நீட்டிப்பு](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ta.png) +![ஒரு பச்சை உலாவி நீட்டிப்பு](../../../translated_images/ta/extension-screenshot.0e7f5bfa110e92e3.png) ## க்ரெடிட்ஸ் diff --git a/translations/ta/5-browser-extension/solution/README.md b/translations/ta/5-browser-extension/solution/README.md index 3d4791ac1..4a0d0ff1b 100644 --- a/translations/ta/5-browser-extension/solution/README.md +++ b/translations/ta/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow இன் CO2 Signal API ஐ பயன்படுத்தி மின்சார பயன்பாட்டை கண்காணிக்க, உலாவியில் உங்கள் பிராந்தியத்தின் மின்சார பயன்பாட்டின் அளவை நினைவூட்டும் ஒரு உலாவி நீட்டிப்பை உருவாக்குங்கள். இந்த நீட்டிப்பை தற்செயலாக பயன்படுத்துவது, இந்த தகவலின் அடிப்படையில் உங்கள் செயல்பாடுகளைப் பற்றி தீர்மானங்களை எடுக்க உதவும். -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ta.png) +![extension screenshot](../../../../translated_images/ta/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) தேவைப்படும் (உதாரணமாக, Boston இல், நான் 'US-NEISO' ஐப் பயன்படுத்துகிறேன்). -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.ta.png) +![installing](../../../../translated_images/ta/install-on-edge.78634f02842c4828.png) API விசை மற்றும் பிராந்திய குறியீடு நீட்டிப்பு இடைமுகத்தில் உள்ளிடப்பட்டவுடன், உலாவி நீட்டிப்பு பட்டையில் உள்ள வண்ண புள்ளி உங்கள் பிராந்தியத்தின் ஆற்றல் பயன்பாட்டை பிரதிபலிக்க மாற்ற வேண்டும் மற்றும் ஆற்றல் அதிகம் பயன்படுத்தும் செயல்பாடுகளைச் செய்ய உகந்த பரிந்துரையை வழங்க வேண்டும். இந்த 'புள்ளி' அமைப்பின் கருத்து [Energy Lollipop extension](https://energylollipop.com/) மூலம் California உமிழ்வுகளுக்காக வழங்கப்பட்டது. diff --git a/translations/ta/5-browser-extension/solution/translation/README.es.md b/translations/ta/5-browser-extension/solution/translation/README.es.md index 402da09b3..1f904f849 100644 --- a/translations/ta/5-browser-extension/solution/translation/README.es.md +++ b/translations/ta/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow இன் CO2 Signal API ஐ பயன்படுத்தி மின்சார பயன்பாட்டை கண்காணிக்க, உங்களின் உலாவியில் நேரடியாக உங்கள் பகுதியின் மின்சார பயன்பாட்டை நினைவூட்டும் ஒரு உலாவி நீட்டிப்பை உருவாக்குங்கள். இந்த தற்காலிக நீட்டிப்பைப் பயன்படுத்துவது, இந்த தகவலின் அடிப்படையில் உங்கள் செயல்பாடுகளைப் பற்றிய முடிவுகளை எடுக்க உதவும். -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.ta.png) +![extension screenshot](../../../../../translated_images/ta/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## தொடங்குவது @@ -31,7 +31,7 @@ npm run build Edge உலாவியில் நிறுவ, உலாவியின் மேல் வலது மூலையில் உள்ள 'மூன்று புள்ளிகள்' மெனுவைப் பயன்படுத்தி 'Extensions' பேனலைத் தேடவும். அங்கிருந்து, 'Load unpacked' ஐத் தேர்ந்தெடுத்து புதிய நீட்டிப்பை ஏற்றவும். கேட்கப்பட்டால் 'dist' கோப்புறையைத் திறக்கவும், நீட்டிப்பு ஏற்றப்படும். இதைப் பயன்படுத்த, CO2 Signal API க்கான API விசை ([இங்கே மின்னஞ்சல் மூலம் பெறவும்](https://www.co2signal.com/) - இந்த பக்கத்தில் உள்ள பெட்டியில் உங்கள் மின்னஞ்சலை உள்ளிடவும்) மற்றும் [மின்சார வரைபடத்திற்கான](https://www.electricitymap.org/map) [உங்கள் பகுதியின் குறியீடு](http://api.electricitymap.org/v3/zones) தேவைப்படும் (உதாரணமாக, Boston இல், நான் 'US-NEISO' ஐப் பயன்படுத்துகிறேன்). -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.ta.png) +![installing](../../../../../translated_images/ta/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) API விசை மற்றும் நீட்டிப்பு இடைமுகத்தில் பகுதி குறியீட்டை உள்ளிடப்பட்டவுடன், உலாவி நீட்டிப்பு பட்டியில் உள்ள நிற புள்ளி உங்கள் பகுதியின் மின்சார பயன்பாட்டை பிரதிபலிக்க மாற்ற வேண்டும் மற்றும் உங்களுக்கு பொருத்தமான அதிக மின்சார நுகர்வு செயல்பாடுகள் பற்றிய ஒரு குறியீட்டை வழங்க வேண்டும். இந்த "புள்ளி" அமைப்பின் கருத்து எனக்கு [Energy Lollipop நீட்டிப்பில்](https://energylollipop.com/) இருந்து கிடைத்தது, இது கலிஃபோர்னியாவின் உமிழ்வுகளுக்காக உருவாக்கப்பட்டது. diff --git a/translations/ta/5-browser-extension/solution/translation/README.fr.md b/translations/ta/5-browser-extension/solution/translation/README.fr.md index 36faf87e2..fa7edfb98 100644 --- a/translations/ta/5-browser-extension/solution/translation/README.fr.md +++ b/translations/ta/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow இன் C02 Signal API ஐ பயன்படுத்தி மின்சார பயன்பாட்டை கண்காணிக்க, உங்களது உலாவியில் நேரடியாக உங்கள் பகுதியில் மின்சார பயன்பாட்டை நினைவூட்டும் ஒரு உலாவி நீட்டிப்பை உருவாக்குங்கள். இந்த நீட்டிப்பை பயன்படுத்துவது, இந்த தகவல்களின் அடிப்படையில் உங்கள் செயல்பாடுகளை மதிப்பீடு செய்ய உதவும். -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ta.png) +![extension screenshot](../../../../../translated_images/ta/extension-screenshot.0e7f5bfa110e92e3.png) ## தொடங்குதல் @@ -31,7 +31,7 @@ npm run build Edge-ல் நிறுவ, உலாவியின் மேல் வலது மூலையில் உள்ள 'மூன்று புள்ளிகள்' மெனுவைப் பயன்படுத்தி Extensions பேனலை கண்டறியவும். அங்கிருந்து, 'Charger l'extension décompressée' ஐத் தேர்ந்தெடுத்து புதிய நீட்டிப்பை ஏற்றவும். 'dist' கோப்புறையைத் திறக்கவும், நீட்டிப்பு ஏற்றப்படும். இதைப் பயன்படுத்த, CO2 Signal API க்கான API கீ (இங்கே மின்னஞ்சல் மூலம் [ஒரு கீ பெறுங்கள்](https://www.co2signal.com/) - இந்த பக்கத்தில் உள்ள பெட்டியில் உங்கள் மின்னஞ்சலை உள்ளிடவும்) மற்றும் [Electricity Map](https://www.electricitymap.org/map) உடன் தொடர்புடைய [உங்கள் பகுதி குறியீடு](http://api.electricitymap.org/v3/zones) தேவைப்படும் (பாஸ்டனில், உதாரணமாக, நான் 'US-NEISO' ஐப் பயன்படுத்துகிறேன்). -![installation](../../../../../translated_images/install-on-edge.78634f02842c4828.ta.png) +![installation](../../../../../translated_images/ta/install-on-edge.78634f02842c4828.png) API கீ மற்றும் பகுதி குறியீடு நீட்டிப்பு இடைமுகத்தில் உள்ளிடப்பட்டவுடன், உலாவி நீட்டிப்பு பட்டையில் உள்ள நிறமுள்ள புள்ளி உங்கள் பகுதியின் மின்சார பயன்பாட்டை பிரதிபலிக்க மாற்ற வேண்டும், மேலும் உங்களுக்கு பொருத்தமான ஆற்றல்-மிகைப்படுத்தும் செயல்பாடுகளைச் செய்ய ஒரு குறியீட்டை வழங்க வேண்டும். இந்த 'புள்ளி' அமைப்பின் கருத்து எனக்கு [Energy Lollipop](https://energylollipop.com/) நீட்டிப்பின் மூலம் கலிபோர்னியா வெளியீடுகளுக்காக வழங்கப்பட்டது. diff --git a/translations/ta/5-browser-extension/solution/translation/README.hi.md b/translations/ta/5-browser-extension/solution/translation/README.hi.md index 38198230b..2d0887cce 100644 --- a/translations/ta/5-browser-extension/solution/translation/README.hi.md +++ b/translations/ta/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: மின்சார பயன்பாட்டை கண்காணிக்க tmrow இன் C02 சிக்னல் API ஐப் பயன்படுத்தி, உலாவியில் உங்கள் பகுதியில் மின்சார பயன்பாடு எவ்வளவு அதிகமாக உள்ளது என்பதை நினைவூட்டும் ஒரு உலாவி நீட்டிப்பை உருவாக்குதல். இந்த நீட்டிப்பைப் பயன்படுத்துவதன் மூலம், இந்த தகவலின் அடிப்படையில் உங்கள் செயல்பாடுகளை முடிவு செய்ய உதவுகிறது. -![நீட்டிப்பு ஸ்கிரீன்ஷாட் ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ta.png) +![நீட்டிப்பு ஸ்கிரீன்ஷாட் ](../../../../../translated_images/ta/extension-screenshot.0e7f5bfa110e92e3.png) ## தொடங்குதல் @@ -31,7 +31,7 @@ npm run build Edge உலாவியில் நிறுவ, உலாவியின் மேல் வலது மூலையில் உள்ள 'மூன்று புள்ளி' மெனுவைப் பயன்படுத்தி நீட்டிப்பு குழுவைத் தேடவும். அங்கு, ஒரு புதிய நீட்டிப்பை ஏற்ற 'Load Unpacked' ஐத் தேர்ந்தெடுக்கவும். ப்ராம்ப்டில் 'dist' கோப்பகத்தைத் திறக்கவும், நீட்டிப்பு ஏற்றப்படும். இதைப் பயன்படுத்த, CO2 சிக்னல் API ([மின்னஞ்சல் மூலம் இங்கே பெறவும்](https://www.co2snal.com/) API விசையுடன் - இந்த பக்கத்தில் உள்ள பெட்டியில் உங்கள் மின்னஞ்சலை உள்ளிடவும்) மற்றும் [உங்கள் பகுதியில் உள்ள குறியீடு](http://api.electricitymap.org/v3/zones) [மின்சார வரைபடம்](https://www.electricitymap.org/map) (உதாரணமாக, Boston இல், நான் 'US-NEISO' ஐப் பயன்படுத்துகிறேன்). -![நிறுவல்](../../../../../translated_images/install-on-edge.78634f02842c4828.ta.png) +![நிறுவல்](../../../../../translated_images/ta/install-on-edge.78634f02842c4828.png) API விசை மற்றும் பகுதி நீட்டிப்பு இடைமுகத்தில் உள்ளீடு செய்யப்பட்ட பிறகு, உலாவி நீட்டிப்பு பட்டையில் உள்ள வண்ண புள்ளி உங்கள் பகுதியில் உள்ள ஆற்றல் பயன்பாட்டை பிரதிபலிக்க மாற்ற வேண்டும், மேலும் ஆற்றல்-அதிக செயல்பாடுகள் உங்கள் செயல்பாட்டுக்கு ஏற்றதா என்பதை ஒரு குறிகாட்டி வழங்க வேண்டும். இந்த 'புள்ளி' முறையின் பின்னால் உள்ள கருத்து எனக்கு கலிபோர்னியா உமிழ்வுகளுக்கான [Energy Lollipop Extension](https://energylollipop.com/) மூலம் கிடைத்தது. diff --git a/translations/ta/5-browser-extension/solution/translation/README.it.md b/translations/ta/5-browser-extension/solution/translation/README.it.md index 1e45c04ae..e0e382246 100644 --- a/translations/ta/5-browser-extension/solution/translation/README.it.md +++ b/translations/ta/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.ta.png) +![நீட்டிப்பு திரை](../../../../../translated_images/ta/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) (உதாரணமாக, Boston இல் "US-NEISO"). -![நிறுவல்](../../../../../translated_images/install-on-edge.78634f02842c4828.ta.png) +![நிறுவல்](../../../../../translated_images/ta/install-on-edge.78634f02842c4828.png) API விசையும் பிராந்திய தகவலும் நீட்டிப்பு இடைமுகத்தில் உள்ளீடு செய்யப்பட்டவுடன், உலாவி நீட்டிப்பு பட்டையில் உள்ள நிறமுள்ள புள்ளி உங்கள் பிராந்தியத்தின் மின்சார பயன்பாட்டை பிரதிபலிக்க மாற்ற வேண்டும் மற்றும் அதிக மின்சாரத்தைப் பயன்படுத்தும் செயல்பாடுகளைச் செய்ய ஏற்றதாக இருக்கும். இந்த "புள்ளி" அமைப்பின் அடிப்படை கருத்து [Energy Lollipop நீட்டிப்பால்](https://energylollipop.com/) கலிபோர்னியாவின் உமிழ்வுகளுக்காக வழங்கப்பட்டது. diff --git a/translations/ta/5-browser-extension/solution/translation/README.ja.md b/translations/ta/5-browser-extension/solution/translation/README.ja.md index d197c4028..aaec8a7ef 100644 --- a/translations/ta/5-browser-extension/solution/translation/README.ja.md +++ b/translations/ta/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow இன் CO2 சிக்னல் API ஐப் பயன்படுத்தி, உங்கள் பகுதியில் உள்ள மின்சார பயன்பாட்டின் அளவை உலாவியில் நினைவூட்டியாகக் காட்டும் நீட்டிப்பை உருவாக்குவோம். இந்த நீட்டிப்பை தற்காலிகமாகப் பயன்படுத்துவதன் மூலம், இந்த தகவலின் அடிப்படையில் உங்கள் செயல்பாடுகளை முடிவு செய்யலாம். -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ta.png) +![extension screenshot](../../../../../translated_images/ta/extension-screenshot.0e7f5bfa110e92e3.png) ## தொடக்கக்கட்டம் @@ -31,7 +31,7 @@ npm run build Edge உலாவியில் நிறுவ, உலாவியின் வலது மேல் மூலையில் உள்ள "மூன்று புள்ளிகள்" மெனுவில் "Extensions" பானலைத் தேடவும். அங்கு "Load Unpacked" ஐத் தேர்ந்தெடுத்து புதிய நீட்டிப்பை ஏற்றவும். உத்தரவாதத்தில் "dist" கோப்பகத்தைத் திறக்கவும், நீட்டிப்பு ஏற்றப்படும். பயன்படுத்த, CO2 சிக்னல் API க்கான API கீ ([இங்கே மின்னஞ்சல் மூலம் பெறவும்](https://www.co2signal.com/) - இந்த பக்கத்தில் உள்ள பெட்டியில் உங்கள் மின்னஞ்சலை உள்ளிடவும்) மற்றும் [Electricity Map](https://www.electricitymap.org/map) உடன் பொருந்தும் [உங்கள் பகுதியின் குறியீடு](http://api.electricitymap.org/v3/zones) தேவை (பாஸ்டனில், உதாரணமாக, 'US-NEISO' பயன்படுத்தப்படுகிறது). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.ta.png) +![installing](../../../../../translated_images/ta/install-on-edge.78634f02842c4828.png) API கீ மற்றும் பகுதியை நீட்டிப்பு இடைமுகத்தில் உள்ளிடும் போது, உலாவி நீட்டிப்பு பட்டையில் தோன்றும் வண்ண புள்ளி மாறும். இது உங்கள் பகுதியின் மின்சார பயன்பாட்டை பிரதிபலிக்கிறது மற்றும் எந்த வகையான மின்சாரத்தை தேவைப்படும் செயல்பாடுகளைச் செய்யலாம் என்பதை காட்டுகிறது. இந்த "புள்ளி" அமைப்பின் கருத்து, கலிபோர்னியாவின் வெளியீடுகளுக்கான [Energy Lollipop extension](https://energylollipop.com/) எனக்கு அளித்தது. diff --git a/translations/ta/5-browser-extension/solution/translation/README.ms.md b/translations/ta/5-browser-extension/solution/translation/README.ms.md index 6e73bc9e7..d50c3926c 100644 --- a/translations/ta/5-browser-extension/solution/translation/README.ms.md +++ b/translations/ta/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: C02 tmrow API-யை பயன்படுத்தி மின்சார பயன்பாட்டை கண்டறிந்து, உங்கள் பிராந்தியத்தின் மின்சார பயன்பாட்டின் தாக்கத்தை உலாவியில் எச்சரிக்க செய்யும் ஒரு உலாவி நீட்டிப்பை உருவாக்குங்கள். இந்த நீட்டிப்பை பயன்படுத்துவதன் மூலம், இந்த தகவலின் அடிப்படையில் உங்கள் செயல்பாடுகளைப் பற்றி சிந்திக்க உதவும். -![உலாவி நீட்டிப்பு ஸ்கிரீன்ஷாட்](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ta.png) +![உலாவி நீட்டிப்பு ஸ்கிரீன்ஷாட்](../../../../../translated_images/ta/extension-screenshot.0e7f5bfa110e92e3.png) ## இங்கே இருந்து தொடங்குங்கள் @@ -31,7 +31,7 @@ npm run build Edge-ல் நிறுவ, உலாவியின் மேல் வலது மூலையில் உள்ள 'மூன்று புள்ளிகள்' மெனுவைப் பயன்படுத்தி நீட்டிப்பு பேனலைத் தேடவும். அங்கிருந்து, 'Load Unpacked' ஐத் தேர்ந்தெடுத்து புதிய நீட்டிப்பை ஏற்றவும். கோரிக்கையின் போது 'dist' கோப்புறையைத் திறக்கவும், நீட்டிப்பு ஏற்றப்படும். இதைப் பயன்படுத்த, CO2 சிக்னல் API க்கான API விசை ([இங்கே மின்னஞ்சல் மூலம் ஒன்றை பெறவும்](https://www.co2signal.com/) - இந்த பக்கத்தில் உள்ள பெட்டியில் உங்கள் மின்னஞ்சலை உள்ளிடவும்) மற்றும் [உங்கள் பிராந்தியத்திற்கான குறியீடு](http://api.electricitymap.org/v3/zones) தேவைப்படும், இது [மின்சார வரைபடத்துடன்](https://www.electricitymap.org/map) பொருந்தும் (பாஸ்டனில், எடுத்துக்காட்டாக, நான் 'US-NEISO' ஐப் பயன்படுத்துகிறேன்). -![பதிவிறக்கம் செய்யப்படுகிறது](../../../../../translated_images/install-on-edge.78634f02842c4828.ta.png) +![பதிவிறக்கம் செய்யப்படுகிறது](../../../../../translated_images/ta/install-on-edge.78634f02842c4828.png) API விசை மற்றும் பிராந்தியத்தை நீட்டிப்பு இடைமுகத்தில் உள்ளிடிய பிறகு, உலாவி நீட்டிப்பு பட்டையில் உள்ள நிற புள்ளி உங்கள் பிராந்தியத்தின் மின்சார பயன்பாட்டை பிரதிபலிக்க மாறும் மற்றும் உங்களுக்கு பொருத்தமான செயல்பாடுகள் குறித்து வழிகாட்டும். இந்த 'புள்ளி' அமைப்பின் கருத்து [காலிஃபோர்னியாவுக்கான எரிசக்தி லாலிபாப் உலாவி நீட்டிப்பின்](https://energylollipop.com/) மூலம் எனக்கு கிடைத்தது. diff --git a/translations/ta/5-browser-extension/start/README.md b/translations/ta/5-browser-extension/start/README.md index 4a709698a..6b49308a6 100644 --- a/translations/ta/5-browser-extension/start/README.md +++ b/translations/ta/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow இன் CO2 Signal API ஐ பயன்படுத்தி மின்சார பயன்பாட்டை கண்காணிக்க, உலாவியில் உங்கள் பிராந்தியத்தின் மின்சார பயன்பாட்டின் அளவை நினைவூட்டும் ஒரு உலாவி நீட்டிப்பை உருவாக்குங்கள். இந்த நீட்டிப்பை தற்செயலாக பயன்படுத்துவது, இந்த தகவலின் அடிப்படையில் உங்கள் செயல்பாடுகளைப் பற்றி தீர்மானங்களை எடுக்க உதவும். -![extension screenshot](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ta.png) +![extension screenshot](../../../../translated_images/ta/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) தேவைப்படும் (உதாரணமாக, Boston இல், நான் 'US-NEISO' ஐப் பயன்படுத்துகிறேன்). -![installing](../../../../translated_images/install-on-edge.78634f02842c4828.ta.png) +![installing](../../../../translated_images/ta/install-on-edge.78634f02842c4828.png) API விசை மற்றும் பிராந்திய குறியீடு நீட்டிப்பு இடைமுகத்தில் உள்ளிடப்பட்டவுடன், உலாவி நீட்டிப்பு பட்டையில் உள்ள வண்ண புள்ளி உங்கள் பிராந்தியத்தின் ஆற்றல் பயன்பாட்டை பிரதிபலிக்க மாற்ற வேண்டும் மற்றும் ஆற்றல் அதிகம் தேவைப்படும் செயல்பாடுகளைச் செய்ய உகந்த பரிந்துரையை வழங்க வேண்டும். இந்த 'புள்ளி' அமைப்பின் கருத்து [Energy Lollipop extension](https://energylollipop.com/) மூலம் California உமிழ்வுகளுக்காக எனக்கு வழங்கப்பட்டது. diff --git a/translations/ta/6-space-game/2-drawing-to-canvas/README.md b/translations/ta/6-space-game/2-drawing-to-canvas/README.md index 5a2fa2714..522d53b53 100644 --- a/translations/ta/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/ta/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.ta.png) +![கன்வாஸ் பட்டு](../../../../translated_images/ta/canvas_grid.5f209da785ded492.png) > படம் இதிலிருந்து [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) கன்வாஸ் கூறில் வரைவு செய்வதற்கு, அனைத்து கன்வாஸ் கிராபிக்ஸ் அடிப்படையாக மாறும் மூன்று படிகள் உள்ளன. இதை மீண்டும் மீண்டும் செய்து பார்க்கும்போது இது இயல்பானதாக மாறும்: @@ -323,11 +323,11 @@ Canvas கூறுடன் கூடிய ஒரு வலைப்பக் - ஹீரோ கப்பல் - ![Hero ship](../../../../translated_images/player.dd24c1afa8c71e9b.ta.png) + ![Hero ship](../../../../translated_images/ta/player.dd24c1afa8c71e9b.png) - 5*5 பேய் அணி - ![Monster ship](../../../../translated_images/enemyShip.5df2a822c16650c2.ta.png) + ![Monster ship](../../../../translated_images/ta/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.ta.png) +![Black screen with a hero and 5*5 monsters](../../../../translated_images/ta/partI-solution.36c53b48c9ffae2a.png) ## தீர்வு diff --git a/translations/ta/6-space-game/5-keeping-score/README.md b/translations/ta/6-space-game/5-keeping-score/README.md index cf4b0be6e..a00dfb604 100644 --- a/translations/ta/6-space-game/5-keeping-score/README.md +++ b/translations/ta/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **மதிப்பெண் அமைப்பு**: ஒவ்வொரு அழிக்கப்பட்ட எதிரி கப்பலுக்கும் 100 மதிப்பெண்கள் வழங்கப்படுகின்றன (கணக்கிட எளிதாக வட்ட எண்கள்). மதிப்பெண்ணை கீழே இடது மூலையில் காட்டுவோம். -- **வாழ்வு எண்ணிக்கையாளர்**: உங்கள் வீரர் மூன்று வாழ்வுகளுடன் தொடங்குகிறான் - ஆரம்ப அட்கேர் விளையாட்டுகளால் நிலைத்த பழக்கம், சவாலை சேர்க்கவும் விளையாடக்கூடிய தன்மையை சமநிலைப்படுத்த. ஒவ்வொரு எதிரி மோதலும் ஒரு வாழ்வு குறைக்கிறது. இத்துடன் வாழ்வுகளை கீழே வலது மூலையில் கப்பல் ஐகான்களுடன் ![life image](../../../../translated_images/life.6fb9f50d53ee0413.ta.png) காட்டுவோம். +- **வாழ்வு எண்ணிக்கையாளர்**: உங்கள் வீரர் மூன்று வாழ்வுகளுடன் தொடங்குகிறான் - ஆரம்ப அட்கேர் விளையாட்டுகளால் நிலைத்த பழக்கம், சவாலை சேர்க்கவும் விளையாடக்கூடிய தன்மையை சமநிலைப்படுத்த. ஒவ்வொரு எதிரி மோதலும் ஒரு வாழ்வு குறைக்கிறது. இத்துடன் வாழ்வுகளை கீழே வலது மூலையில் கப்பல் ஐகான்களுடன் ![life image](../../../../translated_images/ta/life.6fb9f50d53ee0413.png) காட்டுவோம். ## கட்டமைப்போம்! diff --git a/translations/ta/7-bank-project/1-template-route/README.md b/translations/ta/7-bank-project/1-template-route/README.md index 67a6f5654..085ce9cf1 100644 --- a/translations/ta/7-bank-project/1-template-route/README.md +++ b/translations/ta/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram `history.pushState` உலாவி வரலாறு பட்டியலில் புதிய பதிவுகளை உருவாக்குகிறது. உலாவியின் *பின் பொத்தானைப்* சில நிலைகளுக்கு நீட்டிப்பதன் மூலம் நீங்கள் இதைச் சரிபார்க்கலாம், இதுபோல காண்பிக்கும்: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.ta.png) +![Screenshot of navigation history](../../../../translated_images/ta/history.7fdabbafa521e064.png) பின் பொத்தானை சில தடவைகள் கிளிக் செய்ய முயன்றால், தற்போதைய URL மாற்றப்பட்டாலும், வரலாறு புதுப்பிக்கப்பட்டாலும் அதே template காட்டப்படும். diff --git a/translations/ta/7-bank-project/2-forms/README.md b/translations/ta/7-bank-project/2-forms/README.md index 377c9a71b..78f04b7e0 100644 --- a/translations/ta/7-bank-project/2-forms/README.md +++ b/translations/ta/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ graph TD 2. உலாவியின் முகவரி பட்டியில் மாற்றங்களை கவனிக்கவும் 3. பக்கத்தை மீள்-ஏற்றும் விதம் மற்றும் URL இல் தரவு தோன்றுவதை கவனியுங்கள் -![Register பொத்தானை அழுத்திய பிறகு உலாவியின் URL மாற்றம்](../../../../translated_images/click-register.e89a30bf0d4bc9ca.ta.png) +![Register பொத்தானை அழுத்திய பிறகு உலாவியின் URL மாற்றம்](../../../../translated_images/ta/click-register.e89a30bf0d4bc9ca.png) ### HTTP Methods Comparison @@ -346,7 +346,7 @@ graph TD 2. "Create Account" பொத்தானை அழுத்தவும் 3. உலாவியில் சேவையக பதிலை கவனியுங்கள் -![localhost:5000/api/accounts முகவரியில் JSON தரவு காட்டும் உலாவி ஜன்னல்](../../../../translated_images/form-post.61de4ca1b964d91a.ta.png) +![localhost:5000/api/accounts முகவரியில் JSON தரவு காட்டும் உலாவி ஜன்னல்](../../../../translated_images/ta/form-post.61de4ca1b964d91a.png) **நீங்கள் பார்க்கவேண்டியது:** - உலாவி API முகவரிக்கு மாற்றப்படுகிறது @@ -610,7 +610,7 @@ async function register() { 3. **"Create Account" என்பதைக் கிளிக் செய்யவும்** 4. **கன்சோல் செய்திகளையும் பயனர் பின்னூட்டத்தையும் கவனிக்கவும்** -![உலாவி கன்சோலில் பதிவு செய்யும் போது லாக் செய்தி காட்டும் திரைபடம்](../../../../translated_images/browser-console.efaf0b51aaaf6778.ta.png) +![உலாவி கன்சோலில் பதிவு செய்யும் போது லாக் செய்தி காட்டும் திரைபடம்](../../../../translated_images/ta/browser-console.efaf0b51aaaf6778.png) **நீங்கள் பார்க்கவேண்டியது:** - **சமர்பிக்கும் பொத்தானில் எல்லா நிலையில் உள்ளதைக் காண்பிக்கும்** @@ -784,7 +784,7 @@ input:focus:invalid { 3. **பயனர்பெயர் புலத்தில் சிறப்பு எழுத்துக்களை முயற்சி செய்யவும்** 4. **எதிர்மறை இருப்பு மதிப்பை உள்ளிடவும்** -![படிவத்தை சமர்ப்பிக்க முயற்சிக்கும் போது சரிபார்ப்பு பிழை காண்பிக்கும் திரைபடம்](../../../../translated_images/validation-error.8bd23e98d416c22f.ta.png) +![படிவத்தை சமர்ப்பிக்க முயற்சிக்கும் போது சரிபார்ப்பு பிழை காண்பிக்கும் திரைபடம்](../../../../translated_images/ta/validation-error.8bd23e98d416c22f.png) **நீங்கள் கவனிக்கப்போகும்:** - **உலாவி வளமான சரிபார்ப்பு செய்திகளை காட்டும்** @@ -944,7 +944,7 @@ Agent முறையைப் பயன்படுத்தி, கீழ் சிறிது CSS அலங்காரத்துடன் இறுதி பதிவு பக்கம் போன்றதாக இருக்கும் உதாரணம் இதோ: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.ta.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/ta/result.96ef01f607bf856a.png) ## படிப்பு முடிந்த பின் வினாத்தாள் diff --git a/translations/ta/7-bank-project/3-data/README.md b/translations/ta/7-bank-project/3-data/README.md index ace0884b3..e930b1dec 100644 --- a/translations/ta/7-bank-project/3-data/README.md +++ b/translations/ta/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: முழுமையான HTML பக்கம் திரும்ப வழங்குகிறது Browser->>User: புதிய பக்கத்தை نمایش செய்கிறது (பிளாஷ்/மீண்டும் ஏற்றம்) ``` -![பல பக்க செயலியில் புதுப்பிப்பு பணிச்சூழல்](../../../../translated_images/mpa.7f7375a1a2d4aa77.ta.png) +![பல பக்க செயலியில் புதுப்பிப்பு பணிச்சூழல்](../../../../translated_images/ta/mpa.7f7375a1a2d4aa77.png) **இந்த முறையால் சிக்கல் ஏன் மறைவது:** - ஒவ்வொரு கிளிக் நிரந்தரமாக முழு பக்கத்தை மறுதயார்த்து விடும் @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: குறிப்பிட்ட பக்க கூறுகளை புதுப்பிக்கிறது Browser->>User: புதுப்பிக்கப்பட்ட உள்ளடக்கத்தை காட்டு (மீண்டும் ஏற்றல் இல்லை) ``` -![ஒரே பக்க செயலியில் புதுப்பிப்பு பணிச்சூழல்](../../../../translated_images/spa.268ec73b41f992c2.ta.png) +![ஒரே பக்க செயலியில் புதுப்பிப்பு பணிச்சூழல்](../../../../translated_images/ta/spa.268ec73b41f992c2.png) **SPAs இப்படி சிறப்பாக தோன்றுவது ஏன்:** - மாற்றம் நேர்ந்த குறிப்பிடப்பட்ட பகுதிகள் மட்டுமே புதுப்பிக்கப்படுகின்றன (அருவருப்பற்றது, சரியா?) @@ -516,7 +516,7 @@ if (data.error) { இப்போது தவறான கணக்குடன் சோதனையிடும்போது, பக்கத்தில் உதவியான பிழை செய்தி தோன்றும்! -![உள்நுழைவு பிழை செய்தி காட்சிப்படுத்தப்பட்டுள்ள ஸ்கிரீன் ஷாட்](../../../../translated_images/login-error.416fe019b36a6327.ta.png) +![உள்நுழைவு பிழை செய்தி காட்சிப்படுத்தப்பட்டுள்ள ஸ்கிரீன் ஷாட்](../../../../translated_images/ta/login-error.416fe019b36a6327.png) #### படி 4: அணுகல் வசதிக்கு உள்ளுருவாக்குதல் @@ -952,7 +952,7 @@ timeline சான்றான ஒரு டாஷ்மோர்டின் தோற்றம் இதுவாக இருக்கலாம்: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.ta.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/ta/screen2.123c82a831a1d14a.png) இதை முழுமையாகப் பின்பற்ற வேண்டியதில்லை — இது உத்தேசமாகக் கொண்டிருக்கும், உங்கள் சொந்த அழகையாக்கிக் கொள்ளுங்கள்! diff --git a/translations/ta/7-bank-project/4-state-management/README.md b/translations/ta/7-bank-project/4-state-management/README.md index b91f8a6ab..43a89a1c8 100644 --- a/translations/ta/7-bank-project/4-state-management/README.md +++ b/translations/ta/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ mindmap நாம் தலை சுற்றி ஓடுவதைவிட, ஒரு **மைய நிலை நிர்வாக** அமைப்பை உருவாக்கப்போகிறோம். முக்கியமான அனைத்து விஷயங்களையும் ஒருவரே ஒழுங்குபடுத்துவார் போல கற்பனை செய்யுங்கள்: -![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/data-flow.fa2354e0908fecc8.ta.png) +![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/ta/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -802,7 +802,7 @@ timeline பணியை முடித்த பின் ஒரு உதாரண முடிவு: -![ஒரு உதாரண "பரிவர்த்தனைச் சேர்" உரையாடலைக் காண்கிற ஸ்கிரீன் ஷாட்](../../../../translated_images/dialog.93bba104afeb79f1.ta.png) +![ஒரு உதாரண "பரிவர்த்தனைச் சேர்" உரையாடலைக் காண்கிற ஸ்கிரீன் ஷாட்](../../../../translated_images/ta/dialog.93bba104afeb79f1.png) --- diff --git a/translations/ta/7-bank-project/4-state-management/assignment.md b/translations/ta/7-bank-project/4-state-management/assignment.md index aa408b194..cdda32664 100644 --- a/translations/ta/7-bank-project/4-state-management/assignment.md +++ b/translations/ta/7-bank-project/4-state-management/assignment.md @@ -113,7 +113,7 @@ CO_OP_TRANSLATOR_METADATA: **எதிர்பார்க்கும் முடிவு:** இந்த பணியை நிறைவு செய்த பிறகு, உங்கள் வங்கி செயலியில் தொழில்முறை தோற்றமும் செயல்பாடும் கொண்ட முழுமையான "பரிவர்த்தனை சேர்க்க" அம்சம் இருக்க வேண்டும்: -![ஒரு எடுத்துக்காட்டு "பரிவர்த்தனை சேர்க்க" உரையாடலை காட்டும் ஸ்கிரின்ஷாட்](../../../../translated_images/dialog.93bba104afeb79f1.ta.png) +![ஒரு எடுத்துக்காட்டு "பரிவர்த்தனை சேர்க்க" உரையாடலை காட்டும் ஸ்கிரின்ஷாட்](../../../../translated_images/ta/dialog.93bba104afeb79f1.png) ## உங்கள் செயல்பாட்டை சோதனை செய்தல் diff --git a/translations/ta/7-bank-project/README.md b/translations/ta/7-bank-project/README.md index f6fe4fe9c..e52e9cad6 100644 --- a/translations/ta/7-bank-project/README.md +++ b/translations/ta/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: இந்த திட்டத்தில், நீங்கள் ஒரு கற்பனை வங்கியை உருவாக்குவது எப்படி என்பதை கற்றுக்கொள்வீர்கள். இந்த பாடங்கள் ஒரு வலை பயன்பாட்டை அமைப்பது மற்றும் வழிகள் வழங்குவது, படிவங்களை உருவாக்குவது, நிலையை நிர்வகிப்பது, மற்றும் API-இல் இருந்து வங்கியின் தரவுகளை பெறுவது போன்ற வழிமுறைகளை உள்ளடக்கியது. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.ta.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.ta.png) | +| ![Screen1](../../../translated_images/ta/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/ta/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## பாடங்கள் diff --git a/translations/ta/8-code-editor/1-using-a-code-editor/README.md b/translations/ta/8-code-editor/1-using-a-code-editor/README.md index 9f933a980..a8e93b91f 100644 --- a/translations/ta/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/ta/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.ta.png) +![Default VSCode.dev interface](../../../../translated_images/ta/default-vscode-dev.5d06881d65c1b323.png) **கார்த்திடம் சுற்றியபடியே:** - **செயற்பாட்டு பட்டை** (இடதுபுறம் பட்டை): முக்கியத் திசைநிலை, Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, மற்றும் Settings ⚙️ உள்ளது @@ -229,7 +229,7 @@ VSCode.dev இல் புதியபடையாக இருந்து ஒ 1. [vscode.dev](https://vscode.dev)ல் போவதற்கு 2. வரவேற்பு திரையில் "Open Remote Repository" பொத்தானை காணவும் கிளிக் செய்யவும் - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.ta.png) + ![Open remote repository](../../../../translated_images/ta/open-remote-repository.bd9c2598b8949e7f.png) 3. எந்த GitHub சேமிப்பக URLயை வேண்டுமானாலும் ஒட்டவும் (உதாரணம்: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Enter அழுத்தி மாயத்தை பாருங்கள்! @@ -238,7 +238,7 @@ VSCode.dev இல் புதியபடையாக இருந்து ஒ ஒரு குறியீட்டு குருவாக உணர விரும்புகிறீர்களா? இக் கீபோர்டு சுருக்கத்தை முயற்சி: Ctrl+Shift+P (அல்லது Macஇல் Cmd+Shift+P) கட்டளை பட்டி திறக்கும்: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.ta.png) +![Command Palette](../../../../translated_images/ta/palette-menu.4946174e07f42622.png) **கட்டளை பட்டி உங்கள் எல்லா செயல்களுக்கும் தேடுபொறி போல:** - "open remote" என நுழைக்கும் போது தொடர்புடைய சேமிப்பகம் திறப்பு காட்டும் @@ -300,7 +300,7 @@ HTTP மற்றும் HTTPS protocol மாறுவது போல், VS 3. கோப்பின் பெயர் மற்றும் சரியான நீட்சியை உள்ளீடு செய்க (`style.css`, `script.js`, `index.html`) 4. Enter அழுத்தி கோப்பை உருவாக்கவும் -![Creating a new file](../../../../translated_images/create-new-file.2814e609c2af9aeb.ta.png) +![Creating a new file](../../../../translated_images/ta/create-new-file.2814e609c2af9aeb.png) **பெயரிடல் நடைமுறைகள்:** - கோப்பின் குறிக்கோளை வெளிப்படுத்தும் விளக்கமான பெயர்கள் வையுங்கள் @@ -318,7 +318,7 @@ HTTP மற்றும் HTTPS protocol மாறுவது போல், VS 2. எழுத ஆரம்பித்து நீ விசுப்படம், பரிந்துரைகள் மற்றும் பிழை கண்டறிதல் அனுபவிக்க 3. Ctrl+S (Windows/Linux) அல்லது Cmd+S (Mac) மூலம் ஏற்றவும் – தானாக சேமிப்பும் உள்ளது! -![Editing files in VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.ta.png) +![Editing files in VSCode.dev](../../../../translated_images/ta/edit-a-file.52c0ee665ef19f08.png) **நீ குறியீடு எழுதும் போது நடக்கும் அற்புதங்கள்:** - குறியீடு அழகான நிறம் கொண்டது, வாசிக்க எளிது @@ -339,7 +339,7 @@ HTTP மற்றும் HTTPS protocol மாறுவது போல், VS 2. மாற்றிய கோப்புகள் "Changes" பகுதியில் காணப்படும் 3. நிறம் மூலம் மாற்றவகைகள் குறிக்கப்படும்: பசுமை சேர்க்கைகள், சிவப்பு அகற்றல்கள் -![Viewing changes in Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.ta.png) +![Viewing changes in Source Control](../../../../translated_images/ta/working-tree.c58eec08e6335c79.png) **உங்கள் பணியை சேமிக்கும் (commit பணிகளின் வேலைநெறி):** @@ -431,7 +431,7 @@ mindmap 2. சுற்றி பார்க்கவும் அல்லது ஏதாவது சிறப்பான ஒன்றை தேடவும் 3. ஆர்வமான ஒன்றை தேர்ந்தெடுக்கவும் அதன் விவரங்களை அறிய -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.ta.png) +![Extension marketplace interface](../../../../translated_images/ta/extensions.eca0e0c7f59a10b5.png) **அங்கு நீங்கள் காணப்போகும் விஷயங்கள்:** @@ -484,7 +484,7 @@ mindmap 3. "Extension Settings" ஐத் தேர்ந்தெடுக்கவும் 4. உங்கள் வேலைப்பாட்டுக்கு பொருந்தும் வரை மாற்றங்கள் செய்யவும் -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.ta.png) +![Customizing extension settings](../../../../translated_images/ta/extension-settings.21c752ae4f4cdb78.png) **மாதிரியான அமைப்புகள்:** - உங்கள் குறியீடு எப்படி வடிவமைக்கப்படுகிறது (Tabs vs Spaces, வரி நீளம், மற்றும் போன்றவை) diff --git a/translations/ta/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ta/8-code-editor/1-using-a-code-editor/assignment.md index fffbc486a..77249b02a 100644 --- a/translations/ta/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/ta/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.ta.png) +![GitHub இல் ஆரம்ப கோப்பை உருவாக்குதல்](../../../../translated_images/ta/new-file-github.com.c886796d800e8056.png) **இந்த ஆரம்ப அமைப்பு எதை நிறைவேற்றுகிறது:** - உரிய HTML5 ஆவண கட்டமைப்பை அரசியல் உறுப்புகளுடன் **உருவாக்குகிறது** @@ -105,7 +105,7 @@ VSCode.dev நிறுவுதலில் குறைந்தது ஒர ✅ **வெற்றி குறியியல்**: உங்கள் திட்ட கோப்புகள் எக்ஸ்ப்ளோரரில் மற்றும் `index.html` முதன்மை தொகுப்பியில் திருத்தத்திற்கு கிடைக்கும். -![VSCode.dev இல் திட்டம் ஏற்றப்பட்டது](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ta.png) +![VSCode.dev இல் திட்டம் ஏற்றப்பட்டது](../../../../translated_images/ta/project-on-vscode.dev.e79815a9a95ee7fe.png) **இந்த இடைமுகத்தில் நீங்கள் பார்க்கும் விஷயங்கள்:** - **எக்ஸ்ப்ளோரர் பக்கவுரு**: சேமிப்பகம் கோப்புகள் மற்றும் கோப்புறை அமைப்பை காட்சிப்படுத்தும் @@ -450,7 +450,7 @@ li:before { **நிறுவின்பின் உடனடியான விளைவுகள்:** CodeSwing நிறுவப்பட்டவுடன், தொகுப்பாளரிலேயே உங்கள் ரெசுமே வலைத்தளத்தின் நேரடி முன்னோட்டை காட்டும். மாற்றங்களைச் செய்தபோது உங்கள் தளம் எப்படி தோன்றுகிறது என்பது தெளிவாக பார்க்க முடியும். -![CodeSwing நீட்டிப்பின் நேரடி முன்னோட்டை](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ta.png) +![CodeSwing நீட்டிப்பின் நேரடி முன்னோட்டை](../../../../translated_images/ta/after-codeswing-extension-pb.0ebddddcf73b5509.png) **வளர்ந்த இடைமுகத்தைப் புரிந்து கொள்ள:** - **வெட்டு காட்சியமைப்பு**: ஒரு பக்கத்தில் நீங்கள் எழுதும் குறியீடு மற்றும் மற்ற பக்கத்தில் நேரடி முன்னோட்டை காட்சி diff --git a/translations/ta/9-chat-project/README.md b/translations/ta/9-chat-project/README.md index a33675e97..66bcd3b6a 100644 --- a/translations/ta/9-chat-project/README.md +++ b/translations/ta/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) உங்கள் இறுதி திட்டம் எப்படி இருக்கும் என்று இங்கே காணலாம்: -![பயனர் மற்றும் AI உதவியாளருக்கு இடையேயான உரையாடலைக் காண்பிக்கும் உரையாடல் செயலி இடைமுகம்](../../../translated_images/screenshot.0a1ee0d123df681b.ta.png) +![பயனர் மற்றும் AI உதவியாளருக்கு இடையேயான உரையாடலைக் காண்பிக்கும் உரையாடல் செயலி இடைமுகம்](../../../translated_images/ta/screenshot.0a1ee0d123df681b.png) ## 🗺️ AI பயன்பாட்டுத் தயாரிப்பில் உங்கள் கற்றல் பயணம் @@ -189,7 +189,7 @@ mindmap ``` **மூலம் கோட்பாடு**: AI பயன்பாட்டு வளர்ச்சி பாரம்பரிய வலை மேம்பாட்டுத் திறன்களுடன் AI சேவைகள் ஒருங்கிணைப்பைப் பொருத்தி, இயற்கை மற்றும் சுறுசுறுப்பான பயன்பாடுகளை உருவாக்குகிறது. -![GitHub Models AI Playground இடைமுகம் மாதிரி தேர்வு மற்றும் சோதனை பகுதி](../../../translated_images/playground.d2b927122224ff8f.ta.png) +![GitHub Models AI Playground இடைமுகம் மாதிரி தேர்வு மற்றும் சோதனை பகுதி](../../../translated_images/ta/playground.d2b927122224ff8f.png) **Playground யைப் பயனுள்ளதாக 만드는வைகள்:** - GPT-4o-mini, Claude மற்றும் பிற AI மாதிரிகளை சோதிக்கவும் (இல்லையெனில் இலவசம்!) @@ -199,7 +199,7 @@ mindmap சிறிது விளையாடிவிட்டு, "Code" டாப் கிளிக் செய்து உங்கள் நிரல் மொழியைத் தேர்வுசெய்து அமலாக்க குறியீட்டை பெறலாம். -![Playground தேர்வு - வெவ்வேறு நிரல் மொழிகளுக்கான குறியீடு உற்பத்தி விருப்பங்கள்](../../../translated_images/playground-choice.1d23ba7d407f4758.ta.png) +![Playground தேர்வு - வெவ்வேறு நிரல் மொழிகளுக்கான குறியீடு உற்பத்தி விருப்பங்கள்](../../../translated_images/ta/playground-choice.1d23ba7d407f4758.png) ## பைதான் பின்தள ஒருமை அமல்படுத்தல் @@ -2355,14 +2355,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.ta.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/ta/template.67ad477109d29a2b.png) **படி 2: Codespaces விரும்பவும்** - இன்று உருவாக்கிய ரெப்போவை **திறக்கவும்** - பச்சை "Code" பொத்தானை அழுத்தி "Codespaces" ஐ தேர்ந்தெடுக்கவும் - உங்கள் மேம்பாட்டு சூழலை துவக்க "Create codespace on main" ஐ **தேர்ந்தெடுக்கவும்** -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.ta.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/ta/codespace.bcecbdf5d2747d3d.png) **படி 3: சூழல் அமைப்பு** Codespace ஏற்றியவுடன், நீங்கள் பெறுவீர்கள்: diff --git a/translations/ta/README.md b/translations/ta/README.md index ff3648867..a8bb1c2ed 100644 --- a/translations/ta/README.md +++ b/translations/ta/README.md @@ -72,13 +72,13 @@ Azure AI Foundry Discord சமுதாயத்தில் சேரவும தொடங்க, [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) பார்க்கவும்! -![Background](../../translated_images/background.148a8d43afde5730.ta.png) +![Background](../../translated_images/ta/background.148a8d43afde5730.png) - அடிப்படை முதல் RAG வரை ஆய்வுகள் உள்ளன. - GenAI மற்றும் எங்களுடைய கூட்டாளி செயலியுடன் வரலாற்று காட்சிகளுடன் தொடர்பு கொள்ளவும். - பொழுதுபோக்கான மற்றும் ஈர்க்கக்கூடிய கதை, கால பயணம் செய்யும் அனுபவம்! -![character](../../translated_images/character.5c0dd8e067ffd693.ta.png) +![character](../../translated_images/ta/character.5c0dd8e067ffd693.png) ஒவ்வொரு பாடத்திலும் ஒரு பணியை முடிக்கவும், அறிவு பரிசோதனை மற்றும் சவால்களை உள்ளடக்கியது, இவற்றை வழிநடத்தி நீங்கள் கீழ்க்காணும் தலைப்புகளை கற்றுக் கொள்ளலாம்: @@ -115,7 +115,7 @@ Azure AI Foundry Discord சமுதாயத்தில் சேரவும நீங்கள் உருவாக்கிய இந்தக் கோப்பகத்தின் நகலில், **Code** பொத்தானை கிளிக் செய்து **Open with Codespaces** ஐத் தேர்ந்தெடுக்கவும். இது உங்களுக்கான புதிய Codespace ஐ உருவாக்கும். -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.ta.png) +![Codespace](../../translated_images/ta/createcodespace.0238bbf4d7a8d955.png) #### உங்கள் கணினியில் பாடத்திட்டத்தை இயக்குதல் diff --git a/translations/ta/for-teachers.md b/translations/ta/for-teachers.md index 67505887d..41ef85ed3 100644 --- a/translations/ta/for-teachers.md +++ b/translations/ta/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud-க்கு வரையறுக்கப்பட்ட Common Cartridge ஆதரவு உள்ளது. மேலே உள்ள Moodle கோப்பை விரும்பவும், இது Canvas-ல் கூட ஏற்றப்படலாம். - இறக்குமதி செய்த பிறகு, உங்கள் கால அட்டவணைக்கு பொருந்த மாட்யூல்கள், கடைசித் தேதிகள் மற்றும் வினா அமைப்புகளை மதிப்பாய்வு செய்யவும். -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.ta.png) +![Moodle](../../translated_images/ta/moodle.94eb93d714a50cb2.png) > Moodle வகுப்பறையில் உள்ள பாடத்திட்டம் -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.ta.png) +![Canvas](../../translated_images/ta/canvas.fbd605ff8e5b8aff.png) > Canvas-ல் உள்ள பாடத்திட்டம் ### Repo-வை நேரடியாக பயன்படுத்துதல் (Classroom இல்லாமல்) diff --git a/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 1e69adf78..2d8cf1762 100644 --- a/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/te/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: ఈ రోజు, ఆధునిక వెబ్ డెవలప్మెంట్‌ను సాధ్యం చేసే అత్యద్భుతమైన టూల్స్ ని పరిశీలించబోతున్నాము, ఇవి చాలా ఇబ్బందిదాయకం కాకుండా అలూజిపోతాయి. నేను చెబుతున్నది Netflix, Spotify మరియు మీ ఇష్టమైన ఇండి యాప్ స్టూడియోలో డెవలపర్లు ప్రతిరోజు ఉపయోగించే అదే ఎడిటర్లు, బ్రౌజర్లు మరియు వర్క్‌ఫ్లోలు. మరియు ఇది మీకు సంతోష డ్యాన్స్ చేయించే భాగం: ఈ మోస్ట్ ప్రొఫెషనల్ గ్రేడ్, ఇండస్ట్రీ-స్టాండర్డ్ టూల్స్ చాలా కాలిగా ఉచితం! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.te.png) +![Intro Programming](../../../../translated_images/te/webdev101-programming.d6e3f98e61ac4bff.png) > స్కెచ్‌నోట్ [Tomomi Imura](https://twitter.com/girlie_mac) రూపొందించారు ```mermaid diff --git a/translations/te/1-getting-started-lessons/2-github-basics/README.md b/translations/te/1-getting-started-lessons/2-github-basics/README.md index d5639382c..82474faa6 100644 --- a/translations/te/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/te/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.te.png) +![Intro to GitHub](../../../../translated_images/te/webdev101-github.8846d7971abef6f9.png) > స్కెచ్ నోట్ [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -607,7 +607,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.te.png) +![కాపీ చెయ్యడానికి రిపోని స్థానికంగా క్లోన్ చేయడం](../../../../translated_images/te/clone_repo.5085c48d666ead57.png) కోడ్ కాపీ చేసుకునే అనేక మార్గాలు ఉన్నాయి. ఒక మార్గం "క్లోన్" చేయడం, దీనికి HTTPS, SSH లేదా GitHub CLI (కమాండ్ లైన్ ఇంటర్ఫేస్) ఉపయోగిస్తారు. diff --git a/translations/te/1-getting-started-lessons/3-accessibility/README.md b/translations/te/1-getting-started-lessons/3-accessibility/README.md index b8ec4f556..8ad64b4f3 100644 --- a/translations/te/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/te/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ప్రాప్యత కలిగిన వెబ్‌పేజీల తయారీ -![అమ్సర రీత్యా అన్ని సమాచారం](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.te.png) +![అమ్సర రీత్యా అన్ని సమాచారం](../../../../translated_images/te/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/te/2-js-basics/1-data-types/README.md b/translations/te/2-js-basics/1-data-types/README.md index c390d4cb2..8b8ac1521 100644 --- a/translations/te/2-js-basics/1-data-types/README.md +++ b/translations/te/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.te.png) +![JavaScript Basics - Data types](../../../../translated_images/te/webdev101-js-datatypes.4cc470179730702c.png) > స్కెచ్ నోట్ ద్వారా [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/te/2-js-basics/2-functions-methods/README.md b/translations/te/2-js-basics/2-functions-methods/README.md index b2d1956c8..7c6a42ea6 100644 --- a/translations/te/2-js-basics/2-functions-methods/README.md +++ b/translations/te/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.te.png) +![JavaScript Basics - Functions](../../../../translated_images/te/webdev101-js-functions.be049c4726e94f8b.png) > స్కెచ్ నోట్ చేసిన [టోమోమి ఇమురా](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/te/2-js-basics/3-making-decisions/README.md b/translations/te/2-js-basics/3-making-decisions/README.md index 8179b60ba..ce59f22d6 100644 --- a/translations/te/2-js-basics/3-making-decisions/README.md +++ b/translations/te/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.te.png) +![JavaScript Basics - Making decisions](../../../../translated_images/te/webdev101-js-decisions.69e1b20f272dd1f0.png) > స్కేట్ఛ్‌‌నోట్ [Tomomi Imura](https://twitter.com/girlie_mac) రచన diff --git a/translations/te/2-js-basics/4-arrays-loops/README.md b/translations/te/2-js-basics/4-arrays-loops/README.md index 47b4a8622..ce2ee847f 100644 --- a/translations/te/2-js-basics/4-arrays-loops/README.md +++ b/translations/te/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript ప్రాథమికాలు: శ్రేణులు మరియు పునరావృతాలు -![JavaScript ప్రాథమికాలు - శ్రేణులు](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.te.png) +![JavaScript ప్రాథమికాలు - శ్రేణులు](../../../../translated_images/te/webdev101-js-arrays.439d7528b8a29455.png) > స్కెచ్నోట్ [టొమోమీ ఇమురా](https://twitter.com/girlie_mac) ద్వారా ```mermaid diff --git a/translations/te/3-terrarium/1-intro-to-html/README.md b/translations/te/3-terrarium/1-intro-to-html/README.md index c607e1d2b..2b135096d 100644 --- a/translations/te/3-terrarium/1-intro-to-html/README.md +++ b/translations/te/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey 접근성 పెంపొందించండి: 5: Student టెరేరియం నిర్మించండి: 5: Student ``` -![Introduction to HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.te.png) +![Introduction to HTML](../../../../translated_images/te/webdev101-html.4389c2067af68e98.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) HTML, లేదా HyperText Markup Language, మీరు ఎప్పుడైనా సందర్శించిన ప్రతి వెబ్‌సైట్ యొక్క మూలాధారం. HTMLని వెబ్ పేజీలకు నిర్మాణాన్ని ఇచ్చే ఎముకల యాడుగా భావించండి – అది ఎక్కడ విషయం ఉండాలి, ఎలా అవి ఏర్పాటు చేయబడ్డాయి, ప్రతి భాగం ఏమిటి అని నిర్వచిస్తుంది. CSS తరువాత మీ HTMLను రంగులు మరియు లేఅవుట్లు తో "డ్రెస్ అప్" చేస్తుంది, మరియు JavaScript ఇంటరాక్టివిటీతో జీవంతం చేస్తుంది, HTML అన్ని ఇతర విషయాలను సాధ్యాన్ని చేసే ప్రాథమిక నిర్మాణాన్ని అందిస్తుంది. @@ -86,7 +86,7 @@ HTML కోడ్ లోకి దిగేముందు, మీ టెరే 4. ఎక్స్‌ప్లోరర్ ప్యానెలులో, "New File" ఐకాన్ పై క్లిక్ చేయండి 5. మీ ఫైల్‌కు పేరు `index.html` పెట్టండి -![VS Code Explorer showing new file creation](../../../../translated_images/vs-code-index.e2986cf919471eb9.te.png) +![VS Code Explorer showing new file creation](../../../../translated_images/te/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/te/3-terrarium/2-intro-to-css/README.md b/translations/te/3-terrarium/2-intro-to-css/README.md index 7441e365e..9a6f7d27f 100644 --- a/translations/te/3-terrarium/2-intro-to-css/README.md +++ b/translations/te/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey ప్రతిస్పందనాత్మక డిజైన్: 5: Student గాజు ప్రతిబింబాలు: 5: Student ``` -![Introduction to CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.te.png) +![Introduction to CSS](../../../../translated_images/te/webdev101-css.3f7af5991bf53a20.png) > స్కెచ్నోట్ చేసిన [Tomomi Imura](https://twitter.com/girlie_mac) మీ HTML టెర్రేరియం ఎంత సాధారణంగా కనిపించిందో గుర్తుందా? CSS ఆ సరళమైన నిర్మాణాన్ని దృశ్యంగా ఆకర్షణీయంగా మార్చే స్థానం. @@ -202,7 +202,7 @@ body { మీ బ్రౌజర్ డెవలపర్ టూల్స్ (F12) తెరవండి, Elements ట్యాబ్ కు వెళ్లి `

` ఎలిమెంట్ ని ఇన్స్పెక్ట్ చేయండి. అది బాడీ నుండి ఫాంట్ ఫ్యామిలీని వారసత్వంగా పొందుతుందని చూడొచ్చు: -![inherited font](../../../../translated_images/1.cc07a5cbe114ad1d.te.png) +![inherited font](../../../../translated_images/te/1.cc07a5cbe114ad1d.png) ✅ **ప్రయోగ సమయం**: మీ `` లో మరో వారసత్వ లక్షణాలను సెట్ చేయండి, ఉదాహరణకు `color`, `line-height`, లేదా `text-align`. మీ హెడ్డింగ్ మరియు ఇతర ఎలిమెంట్లకు ఏమి జరుగుతుందో గమనించండి. @@ -332,7 +332,7 @@ ID సెలెక్టర్లు `#` చిహ్నంతో ఉంటా **ప్రతీ మొక్కకు HTML నిర్మాణం:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ flowchart LR మీరు గాజు ఉపరితలాలపై వెలుతురు ప్రతిబింబాలను కలిగించే సూక్ష్మ హైలైట్లను సృష్టిస్తారు. ఇది రెనెసెన్స్ పెయింటర్స్ జాన్ వాన్ ఎయ్క్ లాంటి వారు గాజు పెయింటింగ్లను 3D లాగా చూపించడానికి ఉపయోగించిన పరిస్థితిని అనుకరిస్తుంది. మీరు లక్ష్యం చేసుకునేది ఇలాగే ఉంది: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.te.png) +![finished terrarium](../../../../translated_images/te/terrarium-final.2f07047ffc597d0a.png) **మీ ఛాలెంజ్:** - గాజు ప్రతిబింబాల కోసం సూక్ష్మ తెల్లటి లేదా ప్రకాశవంత రంగు ఒవల్ ఆకారాలను సృష్టించండి diff --git a/translations/te/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/te/3-terrarium/3-intro-to-DOM-and-closures/README.md index f200cc57f..e32d98c97 100644 --- a/translations/te/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/te/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey ఫంక్షనల్ టెస్టింగ్ చేయండి: 5: Student టెరేరియమ్ పూర్తి చేయండి: 5: Student ``` -![DOM మరియు క్లోజర్](../../../../translated_images/webdev101-js.10280393044d7eaa.te.png) +![DOM మరియు క్లోజర్](../../../../translated_images/te/webdev101-js.10280393044d7eaa.png) > స్కెచ్‌నోట్: [Tomomi Imura](https://twitter.com/girlie_mac) వెబ్ డెవలప్‌మెంట్ లో అత్యంత ఆసక్తికరమైన అంశాలలో ఒకటికి స్వాగతం - విషయాలను పరస్పర చర్యాత్మకంగా మార్చడం! డాక్యూమెంట్ ఆబ్జెక్ట్ మోడల్ (DOM) అనేది మీ HTML మరియు JavaScript మధ్య ఒక ఇద్దరి మధ్య వంతెన లాగా ఉంటుంది, మరియు ఈ రోజు మనం దాన్ని ఉపయోగించి మీ టెర్రారియం కి జీవం తెస్తాము. Tim Berners-Lee మొదటి వెబ్ బ్రౌజర్ ను సృష్టించినప్పుడు, అతను డాక్యూమెంట్లు డైనమిక్ మరియు పరస్పర చర్యాత్మకంగా ఉండే వెబ్ ను ఊహించాడు - DOM ఆ దృశ్యాన్ని నిజం చేస్తుంది. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM వృక్ష ప్రతినిధి](../../../../translated_images/dom-tree.7daf0e763cbbba92.te.png) +![DOM వృక్ష ప్రతినిధి](../../../../translated_images/te/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 ``` > 💡 **క్లోజర్ల అర్థం**: క్లోజర్లు JavaScript లో ఒక ముఖ్యమైన విషయం, మరియు బహుశా అనేక డెవలపర్లు దీన్ని పూర్తిగా అర్థం చేసుకోవడం నిధానం తీసుకుంటారు. ఈ రోజు మనం ఆచరణకు కేంద్రీకృతమై ఉన్నాము - మీరు ఇంటరాక్‌టివ్ ఫీచర్లను నిర్మించినప్పుడు క్లోజర్లు సహజంగా ఉత్పన్నమవుతాయో చూశారు. అవగాహనమీదుగా ఉంటూ మీరు వీరు నిజ స‌మ‌స్య‌ల‌కు ఎలాగా పరిష్కార‌మిచ్చారో తెలుసుకుంటారు. -![DOM వృక్ష ప్రతినిధి](../../../../translated_images/dom-tree.7daf0e763cbbba92.te.png) +![DOM వృక్ష ప్రతినిధి](../../../../translated_images/te/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.te.png) +![finished terrarium](../../../../translated_images/te/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/te/3-terrarium/solution/README.md b/translations/te/3-terrarium/solution/README.md index 0f31b8f28..7e28c34ed 100644 --- a/translations/te/3-terrarium/solution/README.md +++ b/translations/te/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: స్వల్పమైన డ్రాగ్ అండ్ డ్రాప్ కోడ్-మెడిటేషన్. కొద్దిగా HTML, JS మరియు CSS తో, మీరు ఒక వబ్ ఇంటర్‌ఫేస్‌ని తయారుచేయవచ్చు, దాన్ని శోభాయమానంగా మార్చవచ్చు మరియు ఒక ఇంటరాక్షన్ చేర్చవచ్చు. -![my terrarium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.te.png) +![my terrarium](../../../../translated_images/te/screenshot_gray.0c796099a1f9f25e.png) ## క్రెడిట్స్ diff --git a/translations/te/5-browser-extension/1-about-browsers/README.md b/translations/te/5-browser-extension/1-about-browsers/README.md index 63d0b42a7..7fbbeed34 100644 --- a/translations/te/5-browser-extension/1-about-browsers/README.md +++ b/translations/te/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey ఇబ్బందులను డీబగ్ చేయండి: 4: Student అనుభవాన్ని మెరుగు పరచండి: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.te.jpg) +![Browser sketchnote](../../../../translated_images/te/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.te.jpg) +![early browsers](../../../../translated_images/te/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.te.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/te/install-on-edge.d68781acaf0b3d3d.png) > **మరియు ముఖ్యమైనది**: మీ స్వంత ఎక్స్‌టెన్షన్లను పరీక్షించే సమయంలో డెవలపర్ మోడ్ ఆన్ చేసి, ఇతర స్టోర్స్ నుంచి ఎక్స్‌టెన్షన్స్ అనుమతి ఇవ్వడం మర్చిపోకండి. @@ -308,10 +308,10 @@ project-root/ ### ఎక్స్‌టెన్షన్ వీక్షణల అవలోకనం **సెట్టప్ వీక్షణ** - మొదటి సారి ఉపయోగించే యూజర్ సెటప్: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.te.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/te/1.b6da8c1394b07491.png) **ఫలితాల వీక్షణ** - కార్బన్ ఫుట్‌ప్రింట్ డేటాను చూపిస్తుంది: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.te.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/te/2.1dae52ff08042246.png) ### సెటప్ ఫారం నిర్మించడం