diff --git a/translations/sk/7-bank-project/4-state-management/README.md b/translations/sk/7-bank-project/4-state-management/README.md index 2b345e8ba..0aff96781 100644 --- a/translations/sk/7-bank-project/4-state-management/README.md +++ b/translations/sk/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Ako konštrukcia Titanicu s oddeleniami, ktorá vyzerala pevne, kým sa nezalial Namiesto pobehovania za vlastným chvostom vytvoríme **centralizovaný systém správy stavu**. Predstavte si to ako mať jedného veľmi organizovaného človeka, ktorý má na starosti všetko dôležité: -![Schéma zobrazujúca datové prúdy medzi HTML, užívateľskými akciami a stavom](../../../../translated_images/data-flow.fa2354e0908fecc8.sk.png) +![Schéma zobrazujúca datové prúdy medzi HTML, užívateľskými akciami a stavom](../../../../translated_images/sk/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Táto výzva vám pomôže myslieť ako profesionálny vývojár, ktorý zvažuj Tu je príklad výsledku po dokončení zadania: -![Screenshot zobrazujúci príklad dialógu „Pridať transakciu“](../../../../translated_images/dialog.93bba104afeb79f1.sk.png) +![Screenshot zobrazujúci príklad dialógu „Pridať transakciu“](../../../../translated_images/sk/dialog.93bba104afeb79f1.png) --- diff --git a/translations/sk/7-bank-project/4-state-management/assignment.md b/translations/sk/7-bank-project/4-state-management/assignment.md index 610331adc..5462f000e 100644 --- a/translations/sk/7-bank-project/4-state-management/assignment.md +++ b/translations/sk/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Pozrite si [dokumentáciu serverového API](../api/README.md) pre: **Očakávaný výsledok:** Po dokončení tejto úlohy by vaša banková aplikácia mala mať plne funkčnú funkciu "Pridať transakciu", ktorá vyzerá a správa sa profesionálne: -![Screenshot zobrazujúci príklad dialógu "Pridať transakciu"](../../../../translated_images/dialog.93bba104afeb79f1.sk.png) +![Screenshot zobrazujúci príklad dialógu "Pridať transakciu"](../../../../translated_images/sk/dialog.93bba104afeb79f1.png) ## Testovanie vašej implementácie diff --git a/translations/sk/7-bank-project/README.md b/translations/sk/7-bank-project/README.md index 0bc344494..2fa33e969 100644 --- a/translations/sk/7-bank-project/README.md +++ b/translations/sk/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: V tomto projekte sa naučíte, ako vytvoriť fiktívnu banku. Tieto lekcie obsahujú pokyny, ako navrhnúť webovú aplikáciu a poskytnúť trasy, vytvoriť formuláre, spravovať stav a získavať údaje z API, z ktorého môžete načítať údaje banky. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.sk.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.sk.png) | +| ![Screen1](../../../translated_images/sk/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/sk/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Lekcie diff --git a/translations/sk/8-code-editor/1-using-a-code-editor/README.md b/translations/sk/8-code-editor/1-using-a-code-editor/README.md index 05a34b4df..df5c93efd 100644 --- a/translations/sk/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/sk/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Rovnako ako telefón Alexandra Grahama Bella spojil vzdialené lokality, prepoje Keď sa všetko načíta, uvidíte krásne čisté pracovisko navrhnuté tak, aby ste sa mohli sústrediť na to najdôležitejšie – váš kód! -![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.sk.png) +![Default VSCode.dev interface](../../../../translated_images/sk/default-vscode-dev.5d06881d65c1b323.png) **Tu je prehliadka vašej štvrte:** - **Aktivitný panel** (ten pásik naľavo): Hlavná navigácia s Explorer 📁, Hľadaním 🔍, Zdrojovým ovládaním 🌿, Rozšíreniami 🧩 a Nastaveniami ⚙️ @@ -229,7 +229,7 @@ Táto je ideálna, keď začínate vo VSCode.dev a chcete otvoriť konkrétny re 1. Choďte na [vscode.dev](https://vscode.dev), ak tam ešte nie ste 2. Na uvítacej obrazovke kliknite na tlačidlo „Open Remote Repository“ - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.sk.png) + ![Open remote repository](../../../../translated_images/sk/open-remote-repository.bd9c2598b8949e7f.png) 3. Vložte URL ľubovoľného GitHub repozitára (vyskúšajte napríklad: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Stlačte Enter a sledujte, ako sa otvorí! @@ -238,7 +238,7 @@ Táto je ideálna, keď začínate vo VSCode.dev a chcete otvoriť konkrétny re Chcete sa cítiť ako kúzelník kódovania? Vyskúšajte túto klávesovú skratku: Ctrl+Shift+P (alebo Cmd+Shift+P na Macu) pre otvorenie Command Paletty: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.sk.png) +![Command Palette](../../../../translated_images/sk/palette-menu.4946174e07f42622.png) **Command Palette je ako vyhľadávač na všetko, čo môžete urobiť:** - Napíšte „open remote“ a nájde vám otvárač repozitárov @@ -300,7 +300,7 @@ Rovnako ako organizovanie plánov v kancelárii architekta, tvorba súborov vo V 3. Zadajte názov súboru vrátane prípony (`style.css`, `script.js`, `index.html`) 4. Stlačte Enter pre vytvorenie súboru -![Creating a new file](../../../../translated_images/create-new-file.2814e609c2af9aeb.sk.png) +![Creating a new file](../../../../translated_images/sk/create-new-file.2814e609c2af9aeb.png) **Názvoslovie:** - Používajte popisné mená, ktoré naznačujú účel súboru @@ -318,7 +318,7 @@ Tu začína pravé zábavné kódovanie! Editor VSCode.dev je nabitý užitočn 2. Začnite písať a sledujte, ako vám VSCode.dev pomáha farbami, návrhmi a odhaľovaním chýb 3. Uložte svoju prácu pomocou Ctrl+S (Windows/Linux) alebo Cmd+S (Mac) – aj keď editor automaticky ukladá! -![Editing files in VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.sk.png) +![Editing files in VSCode.dev](../../../../translated_images/sk/edit-a-file.52c0ee665ef19f08.png) **Skvelé veci, ktoré sa dejú počas kódovania:** - Váš kód je krásne farebne zvýraznený, takže sa ľahko číta @@ -339,7 +339,7 @@ Rovnako ako archeológovia vytvárajú detailné záznamy o vrstvách vykopávok 2. Upravené súbory sa zobrazujú v sekcii „Changes“ 3. Farebné kódovanie označuje typ zmien: zelená pre prírastky, červená pre zmazania -![Viewing changes in Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.sk.png) +![Viewing changes in Source Control](../../../../translated_images/sk/working-tree.c58eec08e6335c79.png) **Ukladanie práce (workflow commitovania):** @@ -431,7 +431,7 @@ Trhovisko rozšírení je veľmi dobre usporiadané, takže sa nestratíte pri h 2. Prehliadajte si alebo vyhľadajte niečo konkrétne 3. Kliknite na čokoľvek zaujímavé, aby ste sa o tom dozvedeli viac -![Rozhranie trhoviska rozšírení](../../../../translated_images/extensions.eca0e0c7f59a10b5.sk.png) +![Rozhranie trhoviska rozšírení](../../../../translated_images/sk/extensions.eca0e0c7f59a10b5.png) **Čo tam uvidíte:** @@ -484,7 +484,7 @@ Väčšina rozšírení má nastavenia, ktoré môžete upraviť, aby fungovali 3. Vyberte „Nastavenia rozšírenia“ z rozbaľovacej ponuky 4. Upravte veci, kým nebude pracovný tok presne podľa vás -![Prispôsobenie nastavení rozšírenia](../../../../translated_images/extension-settings.21c752ae4f4cdb78.sk.png) +![Prispôsobenie nastavení rozšírenia](../../../../translated_images/sk/extension-settings.21c752ae4f4cdb78.png) **Bežné veci, ktoré možno budete chcieť upraviť:** - Ako sa formátuje váš kód (taby vs medzery, dĺžka riadkov a pod.) diff --git a/translations/sk/8-code-editor/1-using-a-code-editor/assignment.md b/translations/sk/8-code-editor/1-using-a-code-editor/assignment.md index 4a0ba728a..98c356841 100644 --- a/translations/sk/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/sk/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Keďže VSCode.dev vyžaduje aspoň jeden súbor na otvorenie repozitára, vytvo 4. **Napíšte** správu o potvrdení: „Pridať počiatočnú HTML štruktúru“ 5. **Kliknite** na „Commit new file“, aby ste uložili svoje zmeny -![Vytvorenie počiatočného súboru na GitHube](../../../../translated_images/new-file-github.com.c886796d800e8056.sk.png) +![Vytvorenie počiatočného súboru na GitHube](../../../../translated_images/sk/new-file-github.com.c886796d800e8056.png) **Čo tento počiatočný setup dosahuje:** - **Zavádza** správnu štruktúru dokumentu HTML5 so semantickými prvkami @@ -104,7 +104,7 @@ Teraz, keď je základ vášho repozitára nastavený, prejdime na VSCode.dev pr ✅ **Indikátor úspechu**: Mali by ste vidieť súbory vášho projektu v bočnom paneli Explorer a `index.html` dostupný na úpravu v hlavnej oblasti editora. -![Projekt načítaný vo VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.sk.png) +![Projekt načítaný vo VSCode.dev](../../../../translated_images/sk/project-on-vscode.dev.e79815a9a95ee7fe.png) **Čo uvidíte v rozhraní:** - **Bočný panel Explorer**: **Zobrazuje** súbory a štruktúru priečinkov vášho repozitára @@ -448,7 +448,7 @@ Rozšírenia zlepšujú váš vývojový zážitok poskytovaním funkcií ako ž **Okamžité výsledky po inštalácii:** Po inštalácii CodeSwing sa v editore zobrazí živý náhľad vašej webovej stránky životopisu. To vám umožní presne vidieť, ako vaša stránka vyzerá, keď robíte zmeny. -![Rozšírenie CodeSwing zobrazujúce živý náhľad](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.sk.png) +![Rozšírenie CodeSwing zobrazujúce živý náhľad](../../../../translated_images/sk/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Pochopenie vylepšeného rozhrania:** - **Rozdelený pohľad**: **Zobrazuje** váš kód na jednej strane a živý náhľad na druhej diff --git a/translations/sk/9-chat-project/README.md b/translations/sk/9-chat-project/README.md index 3e904fb55..71f1683f7 100644 --- a/translations/sk/9-chat-project/README.md +++ b/translations/sk/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Takto bude vyzerať váš hotový projekt: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.sk.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/sk/screenshot.0a1ee0d123df681b.png) ## 🗺️ Vaša cesta učenia sa vývoja AI aplikácií @@ -189,7 +189,7 @@ mindmap ``` **Základný princíp**: Vývoj AI aplikácií kombinuje tradičné webové vývojárske zručnosti s integráciou AI služieb, čím vytvára inteligentné aplikácie, ktoré pôsobia prirodzene a reagujú na používateľov. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.sk.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/sk/playground.d2b927122224ff8f.png) **Čo robí playground tak užitočným:** - **Vyskúšajte** rôzne AI modely ako GPT-4o-mini, Claude a ďalšie (všetky zadarmo!) @@ -199,7 +199,7 @@ mindmap Keď si trošku pohrajete, stačí kliknúť na záložku "Code" a vybrať programovací jazyk, aby ste získali implementačný kód, ktorý budete potrebovať. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.sk.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/sk/playground-choice.1d23ba7d407f4758.png) ## Nastavenie backendovej integrácie v Pythone @@ -2354,14 +2354,14 @@ Chcete si tento projekt vyskúšať v cloudovom vývojovom prostredí? GitHub Co - **Prejdite** na [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **Kliknite** na "Use this template" v pravom hornom rohu (uistite sa, že ste prihlásení do GitHubu) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.sk.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/sk/template.67ad477109d29a2b.png) **Krok 2: Spustite Codespaces** - **Otvorte** práve vytvorený repozitár - **Kliknite** na zelené tlačidlo "Code" a vyberte "Codespaces" - **Zvoľte** "Create codespace on main" pre spustenie vývojového prostredia -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.sk.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/sk/codespace.bcecbdf5d2747d3d.png) **Krok 3: Konfigurácia prostredia** Po načítaní Codespace budete mať prístup k: diff --git a/translations/sk/README.md b/translations/sk/README.md index b982ed2bb..bc03498ef 100644 --- a/translations/sk/README.md +++ b/translations/sk/README.md @@ -72,13 +72,13 @@ Nezmeškajte náš nový učebný plán Generatívnej AI! Začnite na [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course)! -![Background](../../translated_images/background.148a8d43afde5730.sk.png) +![Background](../../translated_images/sk/background.148a8d43afde5730.png) - Lekcie pokrývajú všetko od základov po RAG. - Interakcia s historickými postavami pomocou GenAI a našej sprievodnej aplikácie. - Zábavný a pútavý príbeh, budete cestovať časom! -![character](../../translated_images/character.5c0dd8e067ffd693.sk.png) +![character](../../translated_images/sk/character.5c0dd8e067ffd693.png) Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí aj výzvu, ktoré vás prevedú učením tém ako: - Promptovanie a inžinierstvo promptov @@ -114,7 +114,7 @@ Postupujte podľa krokov: Vo vašej skopírovanej verzii repozitára kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Toto vytvorí nový Codespace, kde budete pracovať. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.sk.png) +![Codespace](../../translated_images/sk/createcodespace.0238bbf4d7a8d955.png) #### Spustenie učebného plánu lokálne na počítači diff --git a/translations/sk/for-teachers.md b/translations/sk/for-teachers.md index 8f383bcb6..49427b809 100644 --- a/translations/sk/for-teachers.md +++ b/translations/sk/for-teachers.md @@ -42,10 +42,10 @@ Tento učebný plán obsahuje importovateľné balíky pre bežné pracovné pos - Moodle Cloud má obmedzenú podporu Common Cartridge. Uprednostnite vyššie uvedený súbor Moodle, ktorý je možné nahrať aj do Canvas. - Po importe skontrolujte moduly, termíny a nastavenia kvízov, aby zodpovedali vášmu rozvrhu. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.sk.png) +![Moodle](../../translated_images/sk/moodle.94eb93d714a50cb2.png) > Učebný plán v Moodle triede -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.sk.png) +![Canvas](../../translated_images/sk/canvas.fbd605ff8e5b8aff.png) > Učebný plán v Canvas ### Použitie úložiska priamo (bez Classroom) diff --git a/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md index a16998b27..2f32ec27a 100644 --- a/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/sl/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Poglej, popolnoma razumem, če se ti programiranje zdaj zdi strašljivo. Ko sem Danes bomo raziskali neverjetna orodja, zaradi katerih sodobni spletni razvoj ni le mogoč, ampak tudi resnično zasvojen. Govorim o točno teh urejevalnikih, brskalnikih in potekih dela, ki jih razvijalci pri Netflixu, Spotifyju in tvoji najljubši indie aplikacijski študiii uporabljajo vsak dan. In tukaj je del, ki te bo spravil v veselo plesanje: večina teh profesionalnih, industrijsko standardnih orodij je popolnoma brezplačnih! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.sl.png) +![Intro Programming](../../../../translated_images/sl/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote avtorja [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sl/1-getting-started-lessons/2-github-basics/README.md b/translations/sl/1-getting-started-lessons/2-github-basics/README.md index c93d32a16..847132be2 100644 --- a/translations/sl/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/sl/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Vem, da je na začetku morda precej, spomnim se, kako sem strmel v svojo prvo Gi To pot bomo prehodili skupaj, korak za korakom. Brez hitenja, brez pritiska – samo ti, jaz in nekaj res kul orodij, ki bodo postali tvoji novi najboljši prijatelji! -![Uvod v GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.sl.png) +![Uvod v GitHub](../../../../translated_images/sl/webdev101-github.8846d7971abef6f9.png) > Sketchnote avtorja [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -606,7 +606,7 @@ Najprej poišči repozitorij (ali **repo**) na GitHub, ki te zanima in v katereg ✅ Dober način za iskanje 'prijaznih za začetnike' repozitorijev je [iskanje po oznaki 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Kopiraj repo lokalno](../../../../translated_images/clone_repo.5085c48d666ead57.sl.png) +![Kopiraj repo lokalno](../../../../translated_images/sl/clone_repo.5085c48d666ead57.png) Obstaja več načinov za kopiranje kode. Eden izmed načinov je "kloniranje" vsebine repozitorija, preko HTTPS, SSH ali z uporabo GitHub CLI (ukazne vrstice). diff --git a/translations/sl/1-getting-started-lessons/3-accessibility/README.md b/translations/sl/1-getting-started-lessons/3-accessibility/README.md index 52dcd22c5..db7321676 100644 --- a/translations/sl/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/sl/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Ustvarjanje dostopnih spletnih strani -![Vse o dostopnosti](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.sl.png) +![Vse o dostopnosti](../../../../translated_images/sl/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote avtorice [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Vsaka slika na vaši spletni strani služi namenu. Razumevanje tega namena vam p **Informativne slike** - posredujejo pomembne informacije: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Dekorativne slike** - samo vizualne, brez informativne vrednosti: ```html - + ``` **Funkcionalne slike** - služijo kot gumbi ali kontrolniki: @@ -1066,7 +1066,7 @@ Vsaka slika na vaši spletni strani služi namenu. Razumevanje tega namena vam p **Kompleksne slike** - grafikoni, diagrami, infografike: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Vsaka slika na vaši spletni strani služi namenu. Razumevanje tega namena vam p - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/sl/2-js-basics/1-data-types/README.md b/translations/sl/2-js-basics/1-data-types/README.md index 8d5cbf675..57696db10 100644 --- a/translations/sl/2-js-basics/1-data-types/README.md +++ b/translations/sl/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Osnove JavaScripta: podatkovne vrste -![Osnove JavaScripta - podatkovne vrste](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.sl.png) +![Osnove JavaScripta - podatkovne vrste](../../../../translated_images/sl/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote avtorice [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sl/2-js-basics/2-functions-methods/README.md b/translations/sl/2-js-basics/2-functions-methods/README.md index 7aa93e347..4018bf30d 100644 --- a/translations/sl/2-js-basics/2-functions-methods/README.md +++ b/translations/sl/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Osnove JavaScript: Metode in funkcije -![Osnove JavaScript - Funkcije](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.sl.png) +![Osnove JavaScript - Funkcije](../../../../translated_images/sl/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote avtorice [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sl/2-js-basics/3-making-decisions/README.md b/translations/sl/2-js-basics/3-making-decisions/README.md index b59dc91e0..aaab3d46d 100644 --- a/translations/sl/2-js-basics/3-making-decisions/README.md +++ b/translations/sl/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Osnove JavaScript-a: Sprejemanje odločitev -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.sl.png) +![JavaScript Basics - Making decisions](../../../../translated_images/sl/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote avtorice [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/sl/2-js-basics/4-arrays-loops/README.md b/translations/sl/2-js-basics/4-arrays-loops/README.md index d51549fcf..1f7e7a5dc 100644 --- a/translations/sl/2-js-basics/4-arrays-loops/README.md +++ b/translations/sl/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Osnove JavaScripta: Tabele in zanke -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.sl.png) +![JavaScript Basics - Arrays](../../../../translated_images/sl/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote avtorice [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sl/3-terrarium/1-intro-to-html/README.md b/translations/sl/3-terrarium/1-intro-to-html/README.md index 039ecb2b9..6d31bfabb 100644 --- a/translations/sl/3-terrarium/1-intro-to-html/README.md +++ b/translations/sl/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Izboljšaj dostopnost: 5: Študent Zgradi terarij: 5: Študent ``` -![Uvod v HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.sl.png) +![Uvod v HTML](../../../../translated_images/sl/webdev101-html.4389c2067af68e98.png) > Sketchnote avtorja [Tomomi Imura](https://twitter.com/girlie_mac) HTML oziroma HyperText Markup Language je temelj vsake spletne strani, ki ste jo kdaj obiskali. HTML si predstavljajte kot ogrodje, ki daje strukturo spletnim stranem – določa, kam gre vsebina, kako je organizirana in kaj vsak del predstavlja. Medtem ko bo CSS kasneje "oblekel" vaš HTML z barvami in postavitvami, bo JavaScript prinesel interaktivnost, HTML pa zagotavlja osnovno strukturo, ki omogoča vse ostalo. @@ -86,7 +86,7 @@ Ustvarili boste namensko mapo za vaš terarijski projekt in dodali prvo HTML dat 4. V Explorer oknu kliknite na ikono "New File" 5. Vaši datoteki dajte ime `index.html` -![Explorer Visual Studio Code prikazuje ustvarjanje nove datoteke](../../../../translated_images/vs-code-index.e2986cf919471eb9.sl.png) +![Explorer Visual Studio Code prikazuje ustvarjanje nove datoteke](../../../../translated_images/sl/vs-code-index.e2986cf919471eb9.png) **Možnost 2: Uporaba terminalskih ukazov** ```bash @@ -236,48 +236,48 @@ Sedaj dodajte slike rastlin organizirane v dva stolpca med oznakama `
- 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/sl/3-terrarium/2-intro-to-css/README.md b/translations/sl/3-terrarium/2-intro-to-css/README.md index b643f19d2..8ea6c4401 100644 --- a/translations/sl/3-terrarium/2-intro-to-css/README.md +++ b/translations/sl/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Prilagodljiva zasnova: 5: Student Odsevi na steklu: 5: Student ``` -![Uvod v CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.sl.png) +![Uvod v CSS](../../../../translated_images/sl/webdev101-css.3f7af5991bf53a20.png) > Sketchnote avtorja [Tomomi Imura](https://twitter.com/girlie_mac) Se spomnite, kako je vaš HTML terrarij izgledal precej osnovno? CSS je tisto, kjer to preprosto strukturo spremenimo v nekaj vizualno privlačnega. @@ -202,7 +202,7 @@ body { Odprite orodja za razvijalce v brskalniku (F12), pojdite na zavihek Elements in preverite `

` element. Videli boste, da podeduje pisavo od `body`: -![podedovana pisava](../../../../translated_images/1.cc07a5cbe114ad1d.sl.png) +![podedovana pisava](../../../../translated_images/sl/1.cc07a5cbe114ad1d.png) ✅ **Čas za eksperiment**: Poskusite nastaviti druge dedljive lastnosti na ``, kot so `color`, `line-height` ali `text-align`. Kaj se zgodi z vašim naslovom in drugimi elementi? @@ -332,7 +332,7 @@ V našem terrariju vsaka rastlina potrebuje podoben slog, hkrati pa tudi individ **Tukaj je HTML struktura za posamezno rastlino:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Pripravljen, da izboljšaš svoj terarij z realističnimi steklenimi odsevi? Ta Ustvaril boš subtilne poudarke, ki simulirajo, kako se svetloba odbija od steklenih površin. Ta pristop je podoben, kot so renesančni slikarji, kot je Jan van Eyck, uporabljali svetlobo in odseve, da so naslikano steklo naredili tridimenzionalno. Tukaj je tisto, kar ciljaš: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.sl.png) +![finished terrarium](../../../../translated_images/sl/terrarium-final.2f07047ffc597d0a.png) **Tvoj izziv:** - **Ustvari** subtilne bele ali svetle ovalne oblike za steklene odseve diff --git a/translations/sl/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/sl/3-terrarium/3-intro-to-DOM-and-closures/README.md index 38dd612c9..7058abce4 100644 --- a/translations/sl/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/sl/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Testirati funkcionalnost: 5: Student Dokončati terarij: 5: Student ``` -![DOM in zaprtje](../../../../translated_images/webdev101-js.10280393044d7eaa.sl.png) +![DOM in zaprtje](../../../../translated_images/sl/webdev101-js.10280393044d7eaa.png) > Sketchnote avtorja [Tomomi Imura](https://twitter.com/girlie_mac) Dobrodošli v eni najbolj zanimivih vidikov spletnega razvoja - ustvarjanje interaktivnosti! Model dokumenta (DOM) je kot most med vašo HTML in JavaScript, danes ga bomo uporabili, da vašemu terrariju vdihnemo življenje. Ko je Tim Berners-Lee ustvaril prvi spletni brskalnik, si je zamislil splet, kjer so lahko dokumenti dinamični in interaktivni – DOM omogoča uresničitev te vizije. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Predstavitev DOM drevesa](../../../../translated_images/dom-tree.7daf0e763cbbba92.sl.png) +![Predstavitev DOM drevesa](../../../../translated_images/sl/dom-tree.7daf0e763cbbba92.png) > Predstavitev DOM in HTML označbe, ki nanj kaže. Avtor: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Razumevanje zaprtij**: Zaprtja so pomembna tema v JavaScriptu in veliko razvijalcev jih uporablja več let, preden v celoti razume vse teoretične vidike. Danes se osredotočamo na prakso – zaprtja boste razumeli naravno, ko bomo gradili interaktivne funkcije. Razumevanje se bo razvijalo, ko boste videli, kako rešujejo resnične probleme. -![Predstavitev DOM drevesa](../../../../translated_images/dom-tree.7daf0e763cbbba92.sl.png) +![Predstavitev DOM drevesa](../../../../translated_images/sl/dom-tree.7daf0e763cbbba92.png) > Predstavitev DOM in HTML označbe, ki nanj kaže. Avtor: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Zdaj preizkusite svoj interaktivni terarij! Odprite datoteko `index.html` v sple - **Podpora različnim napravam**: Deluje na namizju in mobilnih napravah - **Zavedanje o zmogljivosti**: Brez uhajanja pomnilnika ali odvečnih izračunov -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.sl.png) +![finished terrarium](../../../../translated_images/sl/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/sl/3-terrarium/solution/README.md b/translations/sl/3-terrarium/solution/README.md index 079d727e2..336248d5c 100644 --- a/translations/sl/3-terrarium/solution/README.md +++ b/translations/sl/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Majhna vaja z vlečenjem in spuščanjem. Z nekaj HTML, JS in CSS lahko zgradite spletni vmesnik, ga oblikujete in dodate interakcijo. -![moj terarij](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.sl.png) +![moj terarij](../../../../translated_images/sl/screenshot_gray.0c796099a1f9f25e.png) ## Zasluge diff --git a/translations/sl/5-browser-extension/1-about-browsers/README.md b/translations/sl/5-browser-extension/1-about-browsers/README.md index 5f3c558e4..a9bb8a0d2 100644 --- a/translations/sl/5-browser-extension/1-about-browsers/README.md +++ b/translations/sl/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Odpravljajte napake: 4: Student Izboljšajte izkušnjo: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.sl.jpg) +![Browser sketchnote](../../../../translated_images/sl/browser.60317c9be8b7f84a.jpg) > Sketchnote avtorja [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Predpredavanje Kviz @@ -77,7 +77,7 @@ Ta proces odraža, kako je prvi spletni brskalnik, WorldWideWeb, načrtoval Tim ✅ **Malo zgodovine**: Prvi brskalnik se je imenoval 'WorldWideWeb' in ga je leta 1990 ustvaril Sir Timothy Berners-Lee. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.sl.jpg) +![early browsers](../../../../translated_images/sl/earlybrowsers.d984b711cdf3a42d.jpg) > Nekateri zgodnji brskalniki, preko [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Kako brskalniki obdelujejo spletno vsebino @@ -194,7 +194,7 @@ quadrantChart Razumevanje procesa namestitve razširitev vam pomaga predvideti uporabniško izkušnjo, ko ljudje namestijo vašo razširitev. Proces namestitve je standardiziran v sodobnih brskalnikih, z manjšimi razlikami v oblikovanju vmesnika. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.sl.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/sl/install-on-edge.d68781acaf0b3d3d.png) > **Pomembno**: Prepričajte se, da pri testiranju svojih razširitev omogočite razvojni način in dovolite razširitve iz drugih trgovin. @@ -308,10 +308,10 @@ To sledi principu postopnega razkrivanja, ki se uporablja že od zgodnjih dni ra ### Pregled pogledov razširitve **Pogled nastavitve** - konfiguracija ob prvi uporabi: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.sl.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/sl/1.b6da8c1394b07491.png) **Pogled rezultatov** - prikaz podatkov o ogljičnem odtisu: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.sl.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/sl/2.1dae52ff08042246.png) ### Izdelava obrazca za nastavitve diff --git a/translations/sl/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/sl/5-browser-extension/2-forms-browsers-local-storage/README.md index dc8db1ad7..b6a214ab0 100644 --- a/translations/sl/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/sl/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Odstrani shranjene podatke ClearStorage --> FirstTime: Nazaj na nastavitev ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.sl.png) +![Local storage pane](../../../../translated_images/sl/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Varnostno opozorilo**: V produkcijskih aplikacijah hranjenje API ključev v LocalStorage predstavlja varnostno tveganje, saj lahko JavaScript dostopa do teh podatkov. Za namene učenja je ta pristop sprejemljiv, v resničnih aplikacijah pa je treba občutljive poverilnice hraniti varno na strežniški strani. diff --git a/translations/sl/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/sl/5-browser-extension/3-background-tasks-and-performance/README.md index 86816b59a..9d61ca4ae 100644 --- a/translations/sl/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/sl/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ flowchart LR Poskusimo to. Odprite spletno stran (Microsoft.com je primerna) in kliknite tisti gumb 'Record'. Zdaj osvežite stran in opazujte, kako profiler zajema vse, kar se dogaja. Ko prenehate snemati, boste videli podroben pregled, kako brskalnik 'skriptira', 'renderira' in 'riše' stran. Spomni me na to, kako nadzor misije spremlja vsak sistem med izstrelitvijo rakete - dobite podatke v realnem času o tem, kaj se dogaja in kdaj. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.sl.png) +![Edge profiler](../../../../translated_images/sl/profiler.5a4a62479c5df01c.png) ✅ [Microsoftova dokumentacija](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) ima še veliko več podrobnosti, če želite poglobiti znanje @@ -133,11 +133,11 @@ Izberite elemente časovnice profila, da povečate dogodke, ki se zgodijo med na Dobite posnetek zmogljivosti strani tako, da izberete del časovnice in pogledate povzetek: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.sl.png) +![Edge profiler snapshot](../../../../translated_images/sl/snapshot.97750180ebcad737.png) Preverite podokno Dnevnik dogodkov, da vidite, ali je kateri dogodek trajal dlje od 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.sl.png) +![Edge event log](../../../../translated_images/sl/log.804026979f3707e0.png) ✅ Spoznajte svoj profiler! Odprite orodja za razvijalce na tej strani in preverite, ali obstajajo ozka grla. Katera datoteka se nalaga najpočasneje? Najhitrejše? diff --git a/translations/sl/5-browser-extension/README.md b/translations/sl/5-browser-extension/README.md index 128c2d4f9..9c71d2df0 100644 --- a/translations/sl/5-browser-extension/README.md +++ b/translations/sl/5-browser-extension/README.md @@ -23,7 +23,7 @@ To razširitev lahko uporabnik po potrebi pokliče, ko v obrazec vnese ključ AP ### Zasluge -![zelena razširitev za brskalnik](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![zelena razširitev za brskalnik](../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Zasluge diff --git a/translations/sl/5-browser-extension/solution/README.md b/translations/sl/5-browser-extension/solution/README.md index 1b7dae76f..83d4b7f63 100644 --- a/translations/sl/5-browser-extension/solution/README.md +++ b/translations/sl/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Z uporabo tmrow-ovega API-ja C02 Signal za sledenje porabi električne energije ustvarite razširitev za brskalnik, ki vam bo omogočila opomnik neposredno v brskalniku o tem, kako obremenjena je poraba električne energije v vaši regiji. Občasna uporaba te razširitve vam bo pomagala sprejemati odločitve o svojih dejavnostih na podlagi teh informacij. -![posnetek zaslona razširitve](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![posnetek zaslona razširitve](../../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Začetek @@ -31,7 +31,7 @@ npm run build Za namestitev v Edge uporabite meni s tremi pikami v zgornjem desnem kotu brskalnika, da odprete ploščo z razširitvami. Tam izberite možnost 'Naloži nepakirano' za nalaganje nove razširitve. Na poziv odprite mapo 'dist' in razširitev se bo naložila. Za uporabo boste potrebovali API ključ za CO2 Signal API ([pridobite ga tukaj preko e-pošte](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) in [kodo za vašo regijo](http://api.electricitymap.org/v3/zones), ki ustreza [Electricity Map](https://www.electricitymap.org/map) (na primer, v Bostonu uporabljam 'US-NEISO'). -![nameščanje](../../../../translated_images/install-on-edge.78634f02842c4828.sl.png) +![nameščanje](../../../../translated_images/sl/install-on-edge.78634f02842c4828.png) Ko vmesnik razširitve vnesete API ključ in regijo, bi se morala barvna pika v vrstici razširitev brskalnika spremeniti, da odraža porabo energije v vaši regiji, ter vam dati namig, katere dejavnosti, ki porabijo veliko energije, bi bile primerne za izvedbo. Koncept tega sistema 'pik' sem dobil pri [Energy Lollipop razširitvi](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/5-browser-extension/solution/translation/README.es.md b/translations/sl/5-browser-extension/solution/translation/README.es.md index cbe65a95d..6bb50097b 100644 --- a/translations/sl/5-browser-extension/solution/translation/README.es.md +++ b/translations/sl/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Z uporabo API-ja CO2 Signal od tmrow za sledenje porabi električne energije ustvarite razširitev za brskalnik, ki vam omogoča, da imate neposreden opomnik o porabi električne energije v vaši regiji. Uporaba te ad hoc razširitve vam bo pomagala sprejemati odločitve o vaših dejavnostih na podlagi teh informacij. -![posnetek zaslona razširitve](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.sl.png) +![posnetek zaslona razširitve](../../../../../translated_images/sl/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Začetek @@ -31,7 +31,7 @@ npm run build Za namestitev v Edge uporabite meni 'tri pike' v zgornjem desnem kotu brskalnika, da odprete ploščo Razširitve. Tam izberite 'Naloži nepakirano', da naložite novo razširitev. Ko se prikaže poziv, odprite mapo 'dist' in razširitev bo naložena. Za uporabo boste potrebovali API ključ za CO2 Signal API ([pridobite ga tukaj po e-pošti](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) ter [kodo za vašo regijo](http://api.electricitymap.org/v3/zones), ki ustreza [Električnemu zemljevidu](https://www.electricitymap.org/map) (na primer v Bostonu uporabljam 'US-NEISO'). -![namestitev](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.sl.png) +![namestitev](../../../../../translated_images/sl/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Ko vnesete API ključ in regijo v vmesnik razširitve, bi se morala barvna pika v vrstici razširitev brskalnika spremeniti, da odraža porabo energije v vaši regiji, ter vam dati indikator o dejavnostih z visoko porabo energije, ki bi bile primerne za vas. Koncept za ta sistem "pik" sem dobil od [razširitve Energy Lollipop](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/5-browser-extension/solution/translation/README.fr.md b/translations/sl/5-browser-extension/solution/translation/README.fr.md index 6d7bde27a..3b5a21174 100644 --- a/translations/sl/5-browser-extension/solution/translation/README.fr.md +++ b/translations/sl/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Z uporabo API-ja C02 Signal podjetja tmrow za spremljanje porabe električne energije ustvarite razširitev za brskalnik, ki vam omogoča, da imate neposreden opomnik v brskalniku o porabi električne energije v vaši regiji. Uporaba te namensko razvite razširitve vam bo pomagala sprejemati odločitve o svojih dejavnostih na podlagi teh informacij. -![posnetek razširitve](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![posnetek razširitve](../../../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Začetek @@ -31,7 +31,7 @@ npm run build Za namestitev na Edge uporabite meni s 'tremi pikami' v zgornjem desnem kotu brskalnika, da odprete ploščo z razširitvami. Tam izberite 'Naloži razširitev iz razpakirane mape', da naložite novo razširitev. Na poziv odprite mapo 'dist' in razširitev se bo naložila. Za uporabo boste potrebovali API ključ za API CO2 Signal ([pridobite ga tukaj po e-pošti](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) in [kodo za vašo regijo](http://api.electricitymap.org/v3/zones), ki ustreza [zemljevidu električne energije](https://www.electricitymap.org/map) (na primer v Bostonu uporabljam 'US-NEISO'). -![namestitev](../../../../../translated_images/install-on-edge.78634f02842c4828.sl.png) +![namestitev](../../../../../translated_images/sl/install-on-edge.78634f02842c4828.png) Ko vmesnik razširitve vnesete API ključ in regijo, bi se morala barvna pika v orodni vrstici razširitve brskalnika spremeniti, da odraža porabo energije v vaši regiji, in vam dati indikator za energijsko intenzivne dejavnosti, ki bi jih bilo smiselno izvajati. Koncept za ta sistem 'pik' sem dobil pri [razširitvi Energy Lollipop](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/5-browser-extension/solution/translation/README.hi.md b/translations/sl/5-browser-extension/solution/translation/README.hi.md index 810550b05..8aae936e4 100644 --- a/translations/sl/5-browser-extension/solution/translation/README.hi.md +++ b/translations/sl/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Uporaba tmrow API-ja C02 Signal za sledenje porabi električne energije, izdelava brskalnega vtičnika, ki vas opomni, kako obremenjena je poraba električne energije v vašem območju. Uporaba tega vtičnika vam bo pomagala sprejemati odločitve o vaših dejavnostih na podlagi teh informacij. -![Posnetek zaslona vtičnika](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![Posnetek zaslona vtičnika](../../../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Začetek @@ -31,7 +31,7 @@ npm run build Za namestitev v Edge uporabite meni 'tri pike' v zgornjem desnem kotu brskalnika, da poiščete ploščo za vtičnike. Od tam izberite 'Naloži nepakiran' za nalaganje novega vtičnika. V pozivu odprite mapo 'dist' in vtičnik bo naložen. Za uporabo boste potrebovali API ključ za CO2 Signal ([pridobite ga tukaj preko e-pošte](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) in [kodo za vaše območje](http://api.electricitymap.org/v3/zones) [električni zemljevid](https://www.electricitymap.org/map) (na primer, v Bostonu uporabljam 'US-NEISO'). -![nameščanje](../../../../../translated_images/install-on-edge.78634f02842c4828.sl.png) +![nameščanje](../../../../../translated_images/sl/install-on-edge.78634f02842c4828.png) Ko so API ključ in območje vneseni v vmesnik vtičnika, bi se morala barvna pika v vrstici brskalnega vtičnika spremeniti, da odraža porabo energije v vašem območju, in vam dati indikator, katere energijsko intenzivne dejavnosti so primerne za vaše delovanje. Koncept te 'pikaste' sistema mi je bil navdihnjen z [Energy Lollipop vtičnikom](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/5-browser-extension/solution/translation/README.it.md b/translations/sl/5-browser-extension/solution/translation/README.it.md index 139811d3c..5350fab90 100644 --- a/translations/sl/5-browser-extension/solution/translation/README.it.md +++ b/translations/sl/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Uporabili bomo API Signal CO2 od tmrow za spremljanje porabe električne energije, da ustvarimo razširitev za brskalnik, ki bo omogočala neposreden opomnik v brskalniku o tem, kako obremenjujoča je poraba električne energije v vaši regiji. Uporaba te prilagojene razširitve bo pomagala oceniti vaše dejavnosti na podlagi teh informacij. -![posnetek zaslona razširitve](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![posnetek zaslona razširitve](../../../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Za začetek @@ -31,7 +31,7 @@ npm run build Za namestitev na Edge uporabite meni "tri pike" v zgornjem desnem kotu brskalnika, da odprete ploščo Razširitve. Če še ni aktivirana, omogočite Način razvijalca (spodaj levo). Izberite "Naloži nepakirano", da naložite novo razširitev. Na poziv odprite mapo "dist" in razširitev bo naložena. Za uporabo boste potrebovali API ključ za CO2 Signal API (lahko ga [pridobite tukaj preko e-pošte](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) ter [kodo za svojo regijo](http://api.electricitymap.org/v3/zones), ki ustreza [električni karti](https://www.electricitymap.org/map) (na primer v Bostonu "US-NEISO"). -![namestitev](../../../../../translated_images/install-on-edge.78634f02842c4828.sl.png) +![namestitev](../../../../../translated_images/sl/install-on-edge.78634f02842c4828.png) Ko vmesnik razširitve vsebuje API ključ in regijo, bi se morala barvna pika v vrstici razširitve brskalnika spremeniti, da odraža porabo energije v regiji, ter podati namig, katere dejavnosti z visoko porabo energije bi bile primerne za izvedbo. Koncept za ta sistem "pik" je bil navdihnjen z [razširitvijo Energy Lollipop](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/5-browser-extension/solution/translation/README.ja.md b/translations/sl/5-browser-extension/solution/translation/README.ja.md index e6bba8bab..259b8030e 100644 --- a/translations/sl/5-browser-extension/solution/translation/README.ja.md +++ b/translations/sl/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Z uporabo API-ja C02 Signal podjetja tmrow lahko zgradite razširitev brskalnika, ki kot opomnik prikazuje, kako intenzivna je poraba električne energije v vaši regiji. To vam omogoča, da na podlagi teh informacij sprejemate odločitve o svojih dejavnostih. -![posnetek zaslona razširitve](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![posnetek zaslona razširitve](../../../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Začetek @@ -31,7 +31,7 @@ npm run build Za namestitev v Edge poiščite ploščo »Razširitve« prek menija »tri pike« v zgornjem desnem kotu brskalnika. Nato izberite »Load Unpacked« in naložite novo razširitev. Ko se prikaže poziv, odprite mapo »dist«, da se razširitev naloži. Za uporabo boste potrebovali API ključ CO2 Signal ([pridobite ga tukaj prek e-pošte](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) ter [kodo za vašo regijo](http://api.electricitymap.org/v3/zones), ki ustreza [Electricity Map](https://www.electricitymap.org/map) (na primer, za Boston uporabite 'US-NEISO'). -![nameščanje](../../../../../translated_images/install-on-edge.78634f02842c4828.sl.png) +![nameščanje](../../../../../translated_images/sl/install-on-edge.78634f02842c4828.png) Ko vmesnik razširitve vnesete API ključ in regijo, se bo barvna pika, ki se prikaže v razširitveni vrstici brskalnika, spremenila glede na porabo energije v vaši regiji. To vam bo pokazalo, katere dejavnosti, ki zahtevajo energijo, so primerne. Koncept sistema »pik« mi je dal [Energy Lollipop extension](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/5-browser-extension/solution/translation/README.ms.md b/translations/sl/5-browser-extension/solution/translation/README.ms.md index 016300fdb..7fd4118c2 100644 --- a/translations/sl/5-browser-extension/solution/translation/README.ms.md +++ b/translations/sl/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Z uporabo API-ja CO2 Signal od tmrow za spremljanje porabe električne energije lahko ustvarite razširitev brskalnika, ki vas opozori na obremenjenost porabe električne energije v vaši regiji. Uporaba te razširitve vam bo pomagala sprejemati bolj premišljene odločitve glede vaših dejavnosti na podlagi teh informacij. -![posnetek zaslona razširitve brskalnika](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![posnetek zaslona razširitve brskalnika](../../../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Začetek @@ -31,7 +31,7 @@ npm run build Za namestitev v brskalnik Edge uporabite meni s 'tremi pikami' v zgornjem desnem kotu brskalnika, da odprete ploščo Razširitve. Tam izberite 'Naloži nepakirano' za dodajanje nove razširitve. Odprite mapo 'dist', ko vas sistem pozove, in razširitev bo naložena. Za uporabo boste potrebovali API ključ za CO2 Signal API ([pridobite ga tukaj prek e-pošte](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) in [kodo za vašo regijo](http://api.electricitymap.org/v3/zones), ki ustreza [zemljevidu električne energije](https://www.electricitymap.org/map) (na primer, v Bostonu uporabljam 'US-NEISO'). -![prenos](../../../../../translated_images/install-on-edge.78634f02842c4828.sl.png) +![prenos](../../../../../translated_images/sl/install-on-edge.78634f02842c4828.png) Ko vmesnik razširitve vsebuje vaš API ključ in regijo, se bo barvna pika v vrstici razširitve brskalnika spremenila, da bo odražala porabo energije v vaši regiji, in vam dala namige o tem, katere dejavnosti so primerne za izvajanje. Koncept sistema 'pik' sem povzel po [razširitvi brskalnika Energy Lollipop](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/5-browser-extension/start/README.md b/translations/sl/5-browser-extension/start/README.md index fea0b17ce..295927e16 100644 --- a/translations/sl/5-browser-extension/start/README.md +++ b/translations/sl/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Z uporabo tmrow API-ja C02 Signal za spremljanje porabe električne energije ustvarite razširitev za brskalnik, ki vam bo v brskalniku služila kot opomnik o tem, kako obremenjena je poraba električne energije v vaši regiji. Občasna uporaba te razširitve vam bo pomagala sprejemati odločitve o vaših dejavnostih na podlagi teh informacij. -![posnetek zaslona razširitve](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sl.png) +![posnetek zaslona razširitve](../../../../translated_images/sl/extension-screenshot.0e7f5bfa110e92e3.png) ## Začetek @@ -31,7 +31,7 @@ npm run build Za namestitev v Edge uporabite meni 'tri pike' v zgornjem desnem kotu brskalnika, da odprete ploščo z razširitvami. Tam izberite 'Naloži nepakirano', da naložite novo razširitev. Na pozivu odprite mapo 'dist' in razširitev se bo naložila. Za uporabo boste potrebovali API ključ za CO2 Signal API ([pridobite ga tukaj preko e-pošte](https://www.co2signal.com/) - vnesite svoj e-poštni naslov v polje na tej strani) in [kodo za vašo regijo](http://api.electricitymap.org/v3/zones), ki ustreza [Electricity Map](https://www.electricitymap.org/map) (na primer v Bostonu uporabljam 'US-NEISO'). -![namestitev](../../../../translated_images/install-on-edge.78634f02842c4828.sl.png) +![namestitev](../../../../translated_images/sl/install-on-edge.78634f02842c4828.png) Ko vmesnik razširitve vnesete API ključ in regijo, bi se morala barvna pika v vrstici razširitev brskalnika spremeniti, da odraža porabo energije v vaši regiji, ter vam dati namig, katere dejavnosti, ki porabijo veliko energije, bi bile primerne za izvedbo. Koncept za ta sistem 'pik' sem dobil pri [Energy Lollipop razširitvi](https://energylollipop.com/) za emisije v Kaliforniji. diff --git a/translations/sl/6-space-game/2-drawing-to-canvas/README.md b/translations/sl/6-space-game/2-drawing-to-canvas/README.md index 5f946ff30..9afe9c3e3 100644 --- a/translations/sl/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/sl/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] ``` -![mreža platna](../../../../translated_images/canvas_grid.5f209da785ded492.sl.png) +![mreža platna](../../../../translated_images/sl/canvas_grid.5f209da785ded492.png) > Slika iz [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Za risanje na element platna boste sledili istemu tristožnemu postopku, ki tvori osnovo vse grafike na platnu. Ko to storite nekajkrat, postane druga narava: @@ -323,11 +323,11 @@ Zgradili boste spletno stran z elementom Canvas. Prikazal bo črno ozadje veliko - Ladja junaka - ![Ladja junaka](../../../../translated_images/player.dd24c1afa8c71e9b.sl.png) + ![Ladja junaka](../../../../translated_images/sl/player.dd24c1afa8c71e9b.png) - 5×5 pošasti - ![Ladja pošasti](../../../../translated_images/enemyShip.5df2a822c16650c2.sl.png) + ![Ladja pošasti](../../../../translated_images/sl/enemyShip.5df2a822c16650c2.png) ### Priporočeni koraki za začetek razvoja @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Končni rezultat naj bo videti tako: -![Črn zaslon s junakom in 5*5 pošasti](../../../../translated_images/partI-solution.36c53b48c9ffae2a.sl.png) +![Črn zaslon s junakom in 5*5 pošasti](../../../../translated_images/sl/partI-solution.36c53b48c9ffae2a.png) ## Rešitev diff --git a/translations/sl/6-space-game/5-keeping-score/README.md b/translations/sl/6-space-game/5-keeping-score/README.md index 7fd15d310..ffd29674a 100644 --- a/translations/sl/6-space-game/5-keeping-score/README.md +++ b/translations/sl/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Sistem točkovanja**: Vsaka uničena sovražna ladja prinese 100 točk (zaokrožene številke so igralcem lažje za mentalni izračun). Rezultat se prikazuje v spodnjem levem kotu. -- **Števec življenj**: Vaš junak začne s tremi življenji – standard, ki so ga vzpostavile zgodnje arkadne igre za uravnoteženje izziva s igranjem. Vsak srečanje z nasprotnikom stane eno življenje. Preostala življenja bodo prikazana v spodnjem desnem kotu z ikonami ladij ![life image](../../../../translated_images/life.6fb9f50d53ee0413.sl.png). +- **Števec življenj**: Vaš junak začne s tremi življenji – standard, ki so ga vzpostavile zgodnje arkadne igre za uravnoteženje izziva s igranjem. Vsak srečanje z nasprotnikom stane eno življenje. Preostala življenja bodo prikazana v spodnjem desnem kotu z ikonami ladij ![life image](../../../../translated_images/sl/life.6fb9f50d53ee0413.png). ## Začnimo! diff --git a/translations/sl/7-bank-project/1-template-route/README.md b/translations/sl/7-bank-project/1-template-route/README.md index 82b416320..8d10292fc 100644 --- a/translations/sl/7-bank-project/1-template-route/README.md +++ b/translations/sl/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Uporaba `history.pushState` ustvarja nove vnose v zgodovini brskalnika. To lahko preveriš tako, da pritisneš in držiš *gumb nazaj* v brskalniku, kjer boš videl nekaj takega: -![Posnetek zaslona zgodovine navigacije](../../../../translated_images/history.7fdabbafa521e064.sl.png) +![Posnetek zaslona zgodovine navigacije](../../../../translated_images/sl/history.7fdabbafa521e064.png) Če poskusiš nekajkrat klikniti gumb nazaj, boš videl, da se trenutni URL spreminja in da je zgodovina posodobljena, ampak ista predloga se še vedno prikazuje. diff --git a/translations/sl/7-bank-project/2-forms/README.md b/translations/sl/7-bank-project/2-forms/README.md index 29572c283..52869308e 100644 --- a/translations/sl/7-bank-project/2-forms/README.md +++ b/translations/sl/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Najprej opazimo, kaj se zgodi pri osnovni oddaji obrazca: 2. Opazujte spremembe v naslovni vrstici brskalnika 3. Ugotovite, kako se stran osveži in podatki pokažejo v URL-ju -![Posnetek zaslona spremembe URL-ja v brskalniku po kliku na gumb Registriraj](../../../../translated_images/click-register.e89a30bf0d4bc9ca.sl.png) +![Posnetek zaslona spremembe URL-ja v brskalniku po kliku na gumb Registriraj](../../../../translated_images/sl/click-register.e89a30bf0d4bc9ca.png) ### Primerjava HTTP metod @@ -346,7 +346,7 @@ Nastavimo vaš registracijski obrazec, da komunicira pravilno z backend API z up 2. **Kliknite** gumb "Ustvari račun" 3. **Opazujte** odgovor strežnika v brskalniku -![Okno brskalnika na naslovu localhost:5000/api/accounts, prikazuje JSON niz z uporabniškimi podatki](../../../../translated_images/form-post.61de4ca1b964d91a.sl.png) +![Okno brskalnika na naslovu localhost:5000/api/accounts, prikazuje JSON niz z uporabniškimi podatki](../../../../translated_images/sl/form-post.61de4ca1b964d91a.png) **Kaj bi morali videti:** - **Brskalnik preusmeri** na URL API končne točke @@ -609,7 +609,7 @@ async function register() { 3. **Kliknite** "Create Account" 4. **Opazujte** sporočila v konzoli in povratne informacije za uporabnika -![Posnetek zaslona z log sporočilom v konzoli brskalnika](../../../../translated_images/browser-console.efaf0b51aaaf6778.sl.png) +![Posnetek zaslona z log sporočilom v konzoli brskalnika](../../../../translated_images/sl/browser-console.efaf0b51aaaf6778.png) **Kaj bi morali videti:** - **Stanje nalaganja** se pojavi na gumbu za oddajo @@ -783,7 +783,7 @@ Izboljšajmo vaš registracijski obrazec z robustno validacijo, ki zagotavlja od 3. **Poskusite** posebne znake v polju za uporabniško ime 4. **Vnesite** negativno stanje računa -![Posnetek zaslona s sporočilom o napaki validacije pri poskusu oddaje obrazca](../../../../translated_images/validation-error.8bd23e98d416c22f.sl.png) +![Posnetek zaslona s sporočilom o napaki validacije pri poskusu oddaje obrazca](../../../../translated_images/sl/validation-error.8bd23e98d416c22f.png) **Kaj boste opazili:** - **Brskalnik prikaže** izvorna validacijska sporočila @@ -943,7 +943,7 @@ V HTML prikažite sporočilo o napaki, če uporabnik že obstaja. Tukaj je primer, kako lahko končna prijavna stran izgleda po dodani nekaj oblikovalskih spremembah: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.sl.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/sl/result.96ef01f607bf856a.png) ## Kvize po predavanju diff --git a/translations/sl/7-bank-project/3-data/README.md b/translations/sl/7-bank-project/3-data/README.md index 406c352f4..c5ca822c9 100644 --- a/translations/sl/7-bank-project/3-data/README.md +++ b/translations/sl/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Vrne popolno HTML stran Browser->>User: Prikaže novo stran (utrip/osvežitev) ``` -![Delovni proces posodobitve v večstranični aplikaciji](../../../../translated_images/mpa.7f7375a1a2d4aa77.sl.png) +![Delovni proces posodobitve v večstranični aplikaciji](../../../../translated_images/sl/mpa.7f7375a1a2d4aa77.png) **Zakaj je ta pristop deloval nerodno:** - Vsak klik je pomenil, da je bilo treba znova zgraditi celotno stran od začetka @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Posodobi specifične elemente strani Browser->>User: Prikaže posodobljeno vsebino (brez osvežitve) ``` -![Delovni proces posodobitve v enostranični aplikaciji](../../../../translated_images/spa.268ec73b41f992c2.sl.png) +![Delovni proces posodobitve v enostranični aplikaciji](../../../../translated_images/sl/spa.268ec73b41f992c2.png) **Zakaj so SPA tako prijetne:** - Posodobijo se samo deli, ki so se dejansko spremenili (pametno, kajne?) @@ -516,7 +516,7 @@ if (data.error) { Zdaj, ko testirate z neveljavnim računom, boste na strani videli uporabno sporočilo o napaki! -![Posnetek zaslona, ki prikazuje sporočilo o napaki pri prijavi](../../../../translated_images/login-error.416fe019b36a6327.sl.png) +![Posnetek zaslona, ki prikazuje sporočilo o napaki pri prijavi](../../../../translated_images/sl/login-error.416fe019b36a6327.png) #### Korak 4: Vključevanje dostopnosti @@ -950,7 +950,7 @@ Pripravljeni, da svojo bančno aplikacijo popeljete na naslednjo raven? Poskrbim Tako bi lahko izgledala dodelana nadzorna plošča: -![Posnetek zaslona primernega rezultata nadzorne plošče po stiliranju](../../../../translated_images/screen2.123c82a831a1d14a.sl.png) +![Posnetek zaslona primernega rezultata nadzorne plošče po stiliranju](../../../../translated_images/sl/screen2.123c82a831a1d14a.png) Ne čutite obveznosti, da morate natančno ujemati ta izgled – uporabite ga kot navdih in naredite svojo različico! diff --git a/translations/sl/7-bank-project/4-state-management/README.md b/translations/sl/7-bank-project/4-state-management/README.md index f2f0a4094..229ea2a74 100644 --- a/translations/sl/7-bank-project/4-state-management/README.md +++ b/translations/sl/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Kot potop Titanica, ki je bil zasnovan z več ločenimi predelki, ki so naenkrat Namesto da bi se lovili v začaranem krogu, bomo ustvarili **centraliziran sistem upravljanja stanja**. Predstavljajte si, da imate eno zelo organizirano osebo, ki je odgovorna za vse pomembne stvari: -![Shema, ki prikazuje podatkovne tokove med HTML, uporabniškimi dejanji in stanjem](../../../../translated_images/data-flow.fa2354e0908fecc8.sl.png) +![Shema, ki prikazuje podatkovne tokove med HTML, uporabniškimi dejanji in stanjem](../../../../translated_images/sl/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Ta izziv vam bo pomagal razmišljati kot profesionalni razvijalec, ki upošteva Tukaj je primer rezultata po dokončani domači nalogi: -![Posnetek zaslona, ki prikazuje primer dialoga "Dodaj transakcijo"](../../../../translated_images/dialog.93bba104afeb79f1.sl.png) +![Posnetek zaslona, ki prikazuje primer dialoga "Dodaj transakcijo"](../../../../translated_images/sl/dialog.93bba104afeb79f1.png) --- diff --git a/translations/sl/7-bank-project/4-state-management/assignment.md b/translations/sl/7-bank-project/4-state-management/assignment.md index f6844cede..103779256 100644 --- a/translations/sl/7-bank-project/4-state-management/assignment.md +++ b/translations/sl/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Oglejte si [dokumentacijo strežniškega API-ja](../api/README.md) za: **Pričakovani rezultat:** Po dokončanju te naloge bi morala vaša bančna aplikacija imeti popolnoma funkcionalno funkcijo "Dodaj transakcijo", ki izgleda profesionalno in se obnaša ustrezno: -![Posnetek zaslona, ki prikazuje primer pogovornega okna "Dodaj transakcijo"](../../../../translated_images/dialog.93bba104afeb79f1.sl.png) +![Posnetek zaslona, ki prikazuje primer pogovornega okna "Dodaj transakcijo"](../../../../translated_images/sl/dialog.93bba104afeb79f1.png) ## Testiranje vaše implementacije diff --git a/translations/sl/7-bank-project/README.md b/translations/sl/7-bank-project/README.md index 45d818e03..30e840663 100644 --- a/translations/sl/7-bank-project/README.md +++ b/translations/sl/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: V tem projektu se boste naučili, kako zgraditi izmišljeno banko. Te lekcije vključujejo navodila za postavitev spletne aplikacije in zagotavljanje poti, izdelavo obrazcev, upravljanje stanja ter pridobivanje podatkov iz API-ja, iz katerega lahko pridobite podatke banke. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.sl.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.sl.png) | +| ![Screen1](../../../translated_images/sl/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/sl/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Lekcije diff --git a/translations/sl/8-code-editor/1-using-a-code-editor/README.md b/translations/sl/8-code-editor/1-using-a-code-editor/README.md index e4bb3400d..4691eec00 100644 --- a/translations/sl/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/sl/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Tako kot je telefon Alexandra Grahama Bella povezoval oddaljene lokacije, se s p Ko se vse naloži, boste videli lepo urejeno delovno okolje, zasnovano tako, da vas osredotoči na tisto, kar šteje – vašo kodo! -![Privzeti vmesnik VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.sl.png) +![Privzeti vmesnik VSCode.dev](../../../../translated_images/sl/default-vscode-dev.5d06881d65c1b323.png) **Tukaj je vaš ogled po bližnji okolici:** - **Vrstica aktivnosti** (ta trak na levi): vaša glavna navigacija z Explorerjem 📁, Iskanjem 🔍, Source Control 🌿, Razširitvami 🧩 in Nastavitvami ⚙️ @@ -229,7 +229,7 @@ Popolno, kadar začnete v VSCode.dev in želite odpreti določeno skladišče. J 1. Obiščite [vscode.dev](https://vscode.dev), če še niste tam 2. Poiščite gumb »Open Remote Repository« na uvodnem zaslonu in kliknite nanj - ![Odpri oddaljeno skladišče](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.sl.png) + ![Odpri oddaljeno skladišče](../../../../translated_images/sl/open-remote-repository.bd9c2598b8949e7f.png) 3. Prilepite katerikoli URL GitHub skladišča (poskusite tega: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Pritisnite Enter in opazujte čarovnijo! @@ -238,7 +238,7 @@ Popolno, kadar začnete v VSCode.dev in želite odpreti določeno skladišče. J Želite se počutiti kot čarovnik kodiranja? Poskusite to bližnjico na tipkovnici: Ctrl+Shift+P (ali Cmd+Shift+P na Macu), da odprete Ukazno paleto: -![Ukazna paleta](../../../../translated_images/palette-menu.4946174e07f42622.sl.png) +![Ukazna paleta](../../../../translated_images/sl/palette-menu.4946174e07f42622.png) **Ukazna paleta je kot iskalnik za vse, kar zmorete:** - Vtipkajte »open remote« in našel vam bo odpiranje skladišč @@ -300,7 +300,7 @@ Tako kot arhitekt ureja načrte v pisarni, ustvarjanje datotek v VSCode.dev sled 3. Vnesite ime datoteke skupaj z ustrezno pripono (`style.css`, `script.js`, `index.html`) 4. Pritisnite Enter za ustvarjanje datoteke -![Ustvarjanje nove datoteke](../../../../translated_images/create-new-file.2814e609c2af9aeb.sl.png) +![Ustvarjanje nove datoteke](../../../../translated_images/sl/create-new-file.2814e609c2af9aeb.png) **Pravila poimenovanja:** - Uporabljajte opisna imena, ki povedo namen datoteke @@ -318,7 +318,7 @@ Tu se začne prava zabava! Urejevalnik VSCode.dev je poln koristnih funkcij, ki 2. Začnite tipkati in opazujte, kako vam VSCode.dev pomaga z barvami, predlogi in zaznavanjem napak 3. Shranite delo s Ctrl+S (Windows/Linux) ali Cmd+S (Mac) – pa vendar se tudi samodejno shranjuje! -![Urejanje datotek v VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.sl.png) +![Urejanje datotek v VSCode.dev](../../../../translated_images/sl/edit-a-file.52c0ee665ef19f08.png) **Kul stvari, ki se dogajajo med kodiranjem:** - Vaša koda je lepo barvno označena, kar olajša branje @@ -339,7 +339,7 @@ Tako kot arheologi ustvarjajo podrobne zapise plasti izkopavanj, Git spremlja sp 2. Spremenjene datoteke so prikazane v razdelku »Changes« 3. Barvno označevanje kaže vrste sprememb: zeleno za dodatke, rdeče za odstranitve -![Pregled sprememb v Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.sl.png) +![Pregled sprememb v Source Control](../../../../translated_images/sl/working-tree.c58eec08e6335c79.png) **Shranjevanje dela (postopek commitiranja):** @@ -431,7 +431,7 @@ Trgovina z razširitvami je zelo dobro organizirana, zato se ne boste izgubili, 2. Brskajte ali poiščite kaj konkretnega 3. Kliknite karkoli, kar vam je zanimivo, da izveste več -![Uporabniški vmesnik trgovine z razširitvami](../../../../translated_images/extensions.eca0e0c7f59a10b5.sl.png) +![Uporabniški vmesnik trgovine z razširitvami](../../../../translated_images/sl/extensions.eca0e0c7f59a10b5.png) **Kaj boste tam videli:** @@ -484,7 +484,7 @@ Večina razširitev ima nastavitve, ki jih lahko prilagodite, da delujejo točno 3. Izberite "Extension Settings" iz spustnega menija 4. Nastavite stvari, dokler ne bo vse točno tako, kot želite za svoj potek dela -![Prilagajanje nastavitev razširitve](../../../../translated_images/extension-settings.21c752ae4f4cdb78.sl.png) +![Prilagajanje nastavitev razširitve](../../../../translated_images/sl/extension-settings.21c752ae4f4cdb78.png) **Pogoste stvari, ki jih boste morda želeli prilagoditi:** - Kako se vaša koda oblikuje (tabulatorji proti presledkom, dolžina vrstic itd.) diff --git a/translations/sl/8-code-editor/1-using-a-code-editor/assignment.md b/translations/sl/8-code-editor/1-using-a-code-editor/assignment.md index bd4d09626..a25239ad6 100644 --- a/translations/sl/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/sl/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Ker VSCode.dev zahteva vsaj eno datoteko za odpiranje repozitorija, bomo glavno 4. **Napišite** sporočilo za commit: "Dodaj začetno HTML strukturo" 5. **Kliknite** "Commit new file", da shranite spremembe -![Ustvarjanje začetne datoteke na GitHubu](../../../../translated_images/new-file-github.com.c886796d800e8056.sl.png) +![Ustvarjanje začetne datoteke na GitHubu](../../../../translated_images/sl/new-file-github.com.c886796d800e8056.png) **Kaj doseže ta začetna nastavitev:** - **Vzpostavi** pravilno strukturo dokumenta HTML5 s semantičnimi elementi @@ -104,7 +104,7 @@ Zdaj, ko je temelj vašega repozitorija vzpostavljen, preidimo na VSCode.dev za ✅ **Indikator uspeha**: Videti bi morali datoteke svojega projekta v stranski vrstici Explorer in `index.html`, ki je na voljo za urejanje v glavnem urejevalnem območju. -![Projekt naložen v VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.sl.png) +![Projekt naložen v VSCode.dev](../../../../translated_images/sl/project-on-vscode.dev.e79815a9a95ee7fe.png) **Kaj boste videli v vmesniku:** - **Stranska vrstica Explorer**: **Prikazuje** datoteke vašega repozitorija in strukturo map @@ -448,7 +448,7 @@ Razširitve izboljšajo vašo izkušnjo razvoja z omogočanjem funkcij, kot so p **Takojšnji rezultati po namestitvi:** Ko je CodeSwing nameščen, se bo v urejevalniku prikazal predogled vaše spletne strani z življenjepisom v živo. To vam omogoča, da vidite, kako vaša stran izgleda, medtem ko jo spreminjate. -![Razširitev CodeSwing prikazuje predogled v živo](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.sl.png) +![Razširitev CodeSwing prikazuje predogled v živo](../../../../translated_images/sl/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Razumevanje izboljšanega vmesnika:** - **Razdeljen pogled**: **Prikazuje** vašo kodo na eni strani in predogled v živo na drugi diff --git a/translations/sl/9-chat-project/README.md b/translations/sl/9-chat-project/README.md index 2141d563c..eb51a79e1 100644 --- a/translations/sl/9-chat-project/README.md +++ b/translations/sl/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Tako bo videti vaš končni projekt: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.sl.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/sl/screenshot.0a1ee0d123df681b.png) ## 🗺️ Vaša pot učenja razvoja AI aplikacij @@ -189,7 +189,7 @@ mindmap ``` **Osnovno načelo**: Razvoj AI aplikacij združuje tradicionalne spletne razvojne veščine s integracijo AI storitev, ustvarjajoč inteligentne aplikacije, ki se uporabnikom zdijo naravne in odzivne. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.sl.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/sl/playground.d2b927122224ff8f.png) **Zakaj je playground tako uporaben:** - **Preizkusite** različne AI modele, kot so GPT-4o-mini, Claude in drugi (vsi brezplačni!) @@ -199,7 +199,7 @@ mindmap Ko se poigrate, kliknite zavihek "Code" in izberite programski jezik za pridobitev potrebne implementacijske kode. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.sl.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/sl/playground-choice.1d23ba7d407f4758.png) ## Nastavitev Python backend integracije @@ -2352,14 +2352,14 @@ Veščine, ki ste jih razvili v tem tečaju, so neposredno uporabne v sodobnih k - **Odprite** [Web Dev For Beginners repozitorij](https://github.com/microsoft/Web-Dev-For-Beginners) - **Kliknite** "Use this template" v zgornjem desnem kotu (preverite, da ste prijavljeni v GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.sl.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/sl/template.67ad477109d29a2b.png) **Korak 2: Zaženite Codespaces** - **Odprite** novoustanovljeni repozitorij - **Kliknite** zeleno tipko "Code" in izberite "Codespaces" - **Izberite** "Create codespace on main", da začnete razvojno okolje -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.sl.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/sl/codespace.bcecbdf5d2747d3d.png) **Korak 3: Konfiguracija okolja** Ko se vaš Codespace naloži, boste imeli dostop do: diff --git a/translations/sl/README.md b/translations/sl/README.md index 83995aba3..374210ab8 100644 --- a/translations/sl/README.md +++ b/translations/sl/README.md @@ -72,13 +72,13 @@ Ne zamudi našega novega kurikuluma o Generativni AI! Obišči [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) za začetek! -![Background](../../translated_images/background.148a8d43afde5730.sl.png) +![Background](../../translated_images/sl/background.148a8d43afde5730.png) - Lekcije obsegajo vse od osnov do RAG. - Komuniciraj z zgodovinskimi liki s pomočjo GenAI in naše spremljevalne aplikacije. - Zabavna in privlačna pripoved, potoval boš skozi čas! -![character](../../translated_images/character.5c0dd8e067ffd693.sl.png) +![character](../../translated_images/sl/character.5c0dd8e067ffd693.png) Vsaka lekcija vključuje nalogo za dokončanje, preverjanje znanja in izziv, ki te vodi pri učenju tem, kot so: @@ -115,7 +115,7 @@ Sledite tem korakom: V svoji kopiji tega repozitorija, ki ste jo ustvarili, kliknite na gumb **Code** in izberite **Open with Codespaces**. To bo ustvarilo nov Codespace za vaše delo. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.sl.png) +![Codespace](../../translated_images/sl/createcodespace.0238bbf4d7a8d955.png) #### Izvajanje kurikuluma lokalno na računalniku diff --git a/translations/sl/for-teachers.md b/translations/sl/for-teachers.md index 407b93d03..9790d35e5 100644 --- a/translations/sl/for-teachers.md +++ b/translations/sl/for-teachers.md @@ -42,10 +42,10 @@ Ta učni načrt vključuje uvozne pakete za običajne LMS delovne tokove. - Moodle Cloud ima omejeno podporo za Common Cartridge. Raje uporabite zgornjo datoteko Moodle, ki jo lahko naložite tudi v Canvas. - Po uvozu pregledajte module, roke in nastavitve kvizov, da se ujemajo z vašim urnikom semestra. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.sl.png) +![Moodle](../../translated_images/sl/moodle.94eb93d714a50cb2.png) > Učni načrt v učilnici Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.sl.png) +![Canvas](../../translated_images/sl/canvas.fbd605ff8e5b8aff.png) > Učni načrt v Canvas ### Neposredna uporaba repozitorija (brez Classroom) diff --git a/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/README.md index d437421fe..175223d39 100644 --- a/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/sr/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.sr.png) +![Intro Programming](../../../../translated_images/sr/webdev101-programming.d6e3f98e61ac4bff.png) > Скечнот од [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sr/1-getting-started-lessons/2-github-basics/README.md b/translations/sr/1-getting-started-lessons/2-github-basics/README.md index 05eba3c93..6beff971c 100644 --- a/translations/sr/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/sr/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.sr.png) +![Intro to GitHub](../../../../translated_images/sr/webdev101-github.8846d7971abef6f9.png) > Sketchnote by [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -606,7 +606,7 @@ flowchart TD ✅ Добар начин за проналажење „пријатељских за почетнике“ репозиторијума је да [претражите по тагу 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Copy a repo locally](../../../../translated_images/clone_repo.5085c48d666ead57.sr.png) +![Copy a repo locally](../../../../translated_images/sr/clone_repo.5085c48d666ead57.png) Постоји више начина да копирате код. Један од начина је да „клонирате“ садржај репозиторијума, користећи HTTPS, SSH или GitHub CLI (Command Line Interface). diff --git a/translations/sr/1-getting-started-lessons/3-accessibility/README.md b/translations/sr/1-getting-started-lessons/3-accessibility/README.md index ab116babc..c672b61e2 100644 --- a/translations/sr/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/sr/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Креирање приступачних веб страница -![Све о приступачности](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.sr.png) +![Све о приступачности](../../../../translated_images/sr/webdev101-a11y.8ef3025c858d897a.png) > Скетчнот од [Томоми Имура](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ pie title "Уобичајени обрасци употребе АРИА" **Информативне слике** - преносе важне информације: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Декоративне слике** - искључиво визуелне, без информативне вредности: ```html - + ``` **Функционалне слике** - служе као дугмад или контроле: @@ -1066,7 +1066,7 @@ pie title "Уобичајени обрасци употребе АРИА" **Комплексне слике** - графикони, дијаграми, инфографике: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ pie title "Уобичајени обрасци употребе АРИА" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/sr/2-js-basics/1-data-types/README.md b/translations/sr/2-js-basics/1-data-types/README.md index 9b3a9278e..fbfe24d7e 100644 --- a/translations/sr/2-js-basics/1-data-types/README.md +++ b/translations/sr/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.sr.png) +![JavaScript Basics - Data types](../../../../translated_images/sr/webdev101-js-datatypes.4cc470179730702c.png) > Скетчнот од [Томоми Имура](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sr/2-js-basics/2-functions-methods/README.md b/translations/sr/2-js-basics/2-functions-methods/README.md index 57d3f16cd..05c042d66 100644 --- a/translations/sr/2-js-basics/2-functions-methods/README.md +++ b/translations/sr/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Основи JavaScript-а: Методи и функције -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.sr.png) +![JavaScript Basics - Functions](../../../../translated_images/sr/webdev101-js-functions.be049c4726e94f8b.png) > Скетчнот аутора [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sr/2-js-basics/3-making-decisions/README.md b/translations/sr/2-js-basics/3-making-decisions/README.md index 2b6283357..520537dc0 100644 --- a/translations/sr/2-js-basics/3-making-decisions/README.md +++ b/translations/sr/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Основе ЈаваСкрипта: Доношење одлука -![Основе ЈаваСкрипта - Доношење одлука](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.sr.png) +![Основе ЈаваСкрипта - Доношење одлука](../../../../translated_images/sr/webdev101-js-decisions.69e1b20f272dd1f0.png) > Скетчнот од [Томоми Имура](https://twitter.com/girlie_mac) diff --git a/translations/sr/2-js-basics/4-arrays-loops/README.md b/translations/sr/2-js-basics/4-arrays-loops/README.md index d7162ece8..066815e76 100644 --- a/translations/sr/2-js-basics/4-arrays-loops/README.md +++ b/translations/sr/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Основе JavaScript-а: Низови и Петље -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.sr.png) +![JavaScript Basics - Arrays](../../../../translated_images/sr/webdev101-js-arrays.439d7528b8a29455.png) > Скетчнот од [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sr/3-terrarium/1-intro-to-html/README.md b/translations/sr/3-terrarium/1-intro-to-html/README.md index 1a03a763a..17c339f9b 100644 --- a/translations/sr/3-terrarium/1-intro-to-html/README.md +++ b/translations/sr/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.sr.png) +![Introduction to HTML](../../../../translated_images/sr/webdev101-html.4389c2067af68e98.png) > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac) HTML, ili HyperText Markup Language, je osnova svake web stranice koju ste ikada posetili. Zamislite HTML kao kostur koji daje strukturu veb stranicama – on definiše gde sadržaj ide, kako je organizovan i šta svaki deo predstavlja. Dok će CSS kasnije "ukrasiti" vaš HTML bojama i rasporedima, a JavaScript oživeti interaktivnošću, HTML pruža osnovnu strukturu koja sve ostalo omogućava. @@ -86,7 +86,7 @@ Napravite poseban folder za projekat terarijuma i dodajte svoj prvi HTML fajl. E 4. U Explorer panelu kliknite na ikonu "New File" 5. Imenovajte fajl `index.html` -![VS Code Explorer showing new file creation](../../../../translated_images/vs-code-index.e2986cf919471eb9.sr.png) +![VS Code Explorer showing new file creation](../../../../translated_images/sr/vs-code-index.e2986cf919471eb9.png) **Opcija 2: Korišćenje komandne linije** ```bash @@ -236,48 +236,48 @@ Sada dodajte slike biljaka organizovane u dve kolone između vaših `
- 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/sr/3-terrarium/2-intro-to-css/README.md b/translations/sr/3-terrarium/2-intro-to-css/README.md index 38d2af0a3..295f10d93 100644 --- a/translations/sr/3-terrarium/2-intro-to-css/README.md +++ b/translations/sr/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Респонсив дизајн: 5: Student Огледала на стаклу: 5: Student ``` -![Uvod u CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.sr.png) +![Uvod u CSS](../../../../translated_images/sr/webdev101-css.3f7af5991bf53a20.png) > Sketchnote autora [Tomomi Imura](https://twitter.com/girlie_mac) Sećate li se kako je vaš HTML terarijum izgledao prilično osnovno? CSS je mesto gde tu običnu strukturu pretvaramo u nešto vizuelno privlačno. @@ -202,7 +202,7 @@ body { Otvorite alatke za razvojne programere u pregledaču (F12), idite na karticu Elements i pregledajte `

` element. Videćete da nasleđuje font familiju od ``: -![inherited font](../../../../translated_images/1.cc07a5cbe114ad1d.sr.png) +![inherited font](../../../../translated_images/sr/1.cc07a5cbe114ad1d.png) ✅ **Eksperimentisanje**: Pokušajte da postavite druga svojstva koja se nasleđuju na `` kao što su `color`, `line-height` ili `text-align`. Šta se dešava sa vašim naslovom i drugim elementima? @@ -332,7 +332,7 @@ U našem terarijumu, svaka biljka treba sličan stil, ali i jedinstveno pozicion **Evo HTML strukture za svaku biljku:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ flowchart LR Направићете суптилне наглашене беле или светле овалне облике за стаклене рефлексије. Овај приступ подсећа на начин на који су ренесансни сликари попут Јана ван Ајка користили светлост и одраз да би направили тродимензионални изглед на сликаном стаклу. Ево шта циљате: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.sr.png) +![finished terrarium](../../../../translated_images/sr/terrarium-final.2f07047ffc597d0a.png) **Ваш задатак:** - **Креирајте** суптилне беле или светле овалне облике за стаклене рефлексије diff --git a/translations/sr/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/sr/3-terrarium/3-intro-to-DOM-and-closures/README.md index ebd682e85..ec2da8bd1 100644 --- a/translations/sr/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/sr/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.sr.png) +![DOM и затварање](../../../../translated_images/sr/webdev101-js.10280393044d7eaa.png) > Скетчнот од [Tomomi Imura](https://twitter.com/girlie_mac) Добродошли у један од најузбудљивијих аспеката веб развоја – чинење ствари интерактивним! Document Object Model (DOM) је као мост између вашег HTML-а и JavaScript-а, а данас ћемо га користити да оживимо ваш тераријум. Када је Тим Бернерс-Ли направио први веб прегледач, замишљао је веб где документи могу бити динамички и интерактивни – DOM чини ту визију могућом. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Приказ стабла DOM-а](../../../../translated_images/dom-tree.7daf0e763cbbba92.sr.png) +![Приказ стабла DOM-а](../../../../translated_images/sr/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.sr.png) +![Приказ стабла DOM-а](../../../../translated_images/sr/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.sr.png) +![finished terrarium](../../../../translated_images/sr/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/sr/3-terrarium/solution/README.md b/translations/sr/3-terrarium/solution/README.md index 2c8cd3589..0203dcdfc 100644 --- a/translations/sr/3-terrarium/solution/README.md +++ b/translations/sr/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Мала вежба са превлачењем и пуштањем. Уз мало HTML-а, JS-а и CSS-а, можете направити веб интерфејс, стилизовати га и додати интеракцију. -![мој тераријум](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.sr.png) +![мој тераријум](../../../../translated_images/sr/screenshot_gray.0c796099a1f9f25e.png) ## Кредити diff --git a/translations/sr/5-browser-extension/1-about-browsers/README.md b/translations/sr/5-browser-extension/1-about-browsers/README.md index a42e5a797..fe878b67a 100644 --- a/translations/sr/5-browser-extension/1-about-browsers/README.md +++ b/translations/sr/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Отkloniti грешке: 4: Student Побољшати искуство: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.sr.jpg) +![Browser sketchnote](../../../../translated_images/sr/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.sr.jpg) +![early browsers](../../../../translated_images/sr/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.sr.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/sr/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.sr.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/sr/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.sr.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/sr/2.1dae52ff08042246.png) ### Креирање формулара за подешавање diff --git a/translations/sr/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/sr/5-browser-extension/2-forms-browsers-local-storage/README.md index 2c8324e82..9ad1cf169 100644 --- a/translations/sr/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/sr/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Уклони сачуване податке ClearStorage --> FirstTime: Назад на подешавање ``` -![Локални панел складишта](../../../../translated_images/localstorage.472f8147b6a3f8d1.sr.png) +![Локални панел складишта](../../../../translated_images/sr/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Безбедносна напомена**: У продукцијским апликацијама чување API кључева у LocalStorage представља безбедносни ризик јер JavaScript може приступити тим подацима. За потребе учења овај приступ је прихватљив, али праве апликације треба да користе безбедно чување на серверској страни за осетљиве креденцијале. diff --git a/translations/sr/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/sr/5-browser-extension/3-background-tasks-and-performance/README.md index 91bc6660e..929bed5ee 100644 --- a/translations/sr/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/sr/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ flowchart LR Ајде да пробамо ово. Отворите сајт (Microsoft.com добро функционише) и кликните на дугме 'Record'. Сада освежите страницу и пратите како профајлер снима све што се дешава. Када зауставите снимање, видећете детаљан преглед како прегледач „скриптује“, „рендерује“ и „црта“ страницу. Подсећа ме како контролна мисија прати сваки систем током лансирања ракете – добијате податке у реалном времену о томе шта се тачно дешава и када. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.sr.png) +![Edge profiler](../../../../translated_images/sr/profiler.5a4a62479c5df01c.png) ✅ [Microsoft документација](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.sr.png) +![Edge profiler snapshot](../../../../translated_images/sr/snapshot.97750180ebcad737.png) Погледајте панел дневника догађаја да бисте проверили да ли је неки догађај трајао дуже од 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.sr.png) +![Edge event log](../../../../translated_images/sr/log.804026979f3707e0.png) ✅ Упознајте свој профајлер! Отворите девелопер алате на овом сајту и погледајте да ли има било каквих уских грла. Који је најспорији ресурс? Који најбржи? diff --git a/translations/sr/5-browser-extension/README.md b/translations/sr/5-browser-extension/README.md index 81e8a4ca0..5243751d0 100644 --- a/translations/sr/5-browser-extension/README.md +++ b/translations/sr/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### Захвалнице -![зелена екстензија за прегледач](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![зелена екстензија за прегледач](../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Захвалнице diff --git a/translations/sr/5-browser-extension/solution/README.md b/translations/sr/5-browser-extension/solution/README.md index a88e1b4b4..c6917a6ac 100644 --- a/translations/sr/5-browser-extension/solution/README.md +++ b/translations/sr/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користећи tmrow-ов C02 Signal API за праћење потрошње електричне енергије, направите екстензију за претраживач како бисте имали подсетник директно у вашем претраживачу о томе колико је потрошња електричне енергије у вашем региону велика. Коришћење ове екстензије ад хок ће вам помоћи да донесете одлуке о вашим активностима на основу ових информација. -![скриншот екстензије](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![скриншот екстензије](../../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Почетак @@ -31,7 +31,7 @@ npm run build Да бисте инсталирали на Edge, користите мени са 'три тачке' у горњем десном углу претраживача да пронађете панел за екстензије. Одатле изаберите 'Load Unpacked' да учитате нову екстензију. Отворите фасциклу 'dist' када се појави упит, и екстензија ће се учитати. Да бисте је користили, потребан вам је API кључ за CO2 Signal API ([набавите га овде путем е-поште](https://www.co2signal.com/) - унесите вашу е-пошту у поље на овој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) који одговара [Electricity Map](https://www.electricitymap.org/map) (на пример, у Бостону користим 'US-NEISO'). -![инсталирање](../../../../translated_images/install-on-edge.78634f02842c4828.sr.png) +![инсталирање](../../../../translated_images/sr/install-on-edge.78634f02842c4828.png) Када унесете API кључ и регион у интерфејс екстензије, обојена тачка у траци екстензије претраживача би требало да се промени како би одразила потрошњу енергије у вашем региону и дала вам смернице о томе које активности са великом потрошњом енергије би биле прикладне за вас. Концепт иза овог система 'тачке' добио сам од [Energy Lollipop екстензије](https://energylollipop.com/) за емисије у Калифорнији. diff --git a/translations/sr/5-browser-extension/solution/translation/README.es.md b/translations/sr/5-browser-extension/solution/translation/README.es.md index a1f86719d..377be675f 100644 --- a/translations/sr/5-browser-extension/solution/translation/README.es.md +++ b/translations/sr/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користећи API за CO2 сигнал од tmrow за праћење потрошње електричне енергије, направите екстензију за прегледач како бисте имали подсетник директно у вашем прегледачу о потрошњи електричне енергије у вашем региону. Коришћење ове ад хок екстензије ће вам помоћи да доносите одлуке о вашим активностима на основу ових информација. -![снимак екрана екстензије](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.sr.png) +![снимак екрана екстензије](../../../../../translated_images/sr/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Почетак @@ -31,7 +31,7 @@ npm run build Да бисте инсталирали у Edge-у, користите мени са 'три тачке' у горњем десном углу прегледача да пронађете панел за Екстензије. Одатле изаберите 'Учитај распаковано' да бисте учитали нову екстензију. Када се од вас затражи, отворите фасциклу 'dist' и екстензија ће бити учитана. Да бисте је користили, биће вам потребан API кључ за CO2 Signal API ([набавите га овде путем е-поште](https://www.co2signal.com/) - унесите вашу е-пошту у поље на овој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) који одговара [Мапи електричне енергије](https://www.electricitymap.org/map) (на пример, у Бостону користим 'US-NEISO'). -![инсталација](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.sr.png) +![инсталација](../../../../../translated_images/sr/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Када унесете API кључ и регион у интерфејс екстензије, тачка у боји на траци екстензије у прегледачу треба да се промени како би одражавала потрошњу енергије у вашем региону и дала вам индикатор о активностима са високим утрошком енергије које би биле прикладне за вас. Концепт иза овог система "тачака" добио сам од [екстензије Energy Lollipop](https://energylollipop.com/) за емисије у Калифорнији. diff --git a/translations/sr/5-browser-extension/solution/translation/README.fr.md b/translations/sr/5-browser-extension/solution/translation/README.fr.md index e81602995..9bdb797ad 100644 --- a/translations/sr/5-browser-extension/solution/translation/README.fr.md +++ b/translations/sr/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користећи API C02 Signal од tmrow за праћење потрошње електричне енергије, направите екстензију за прегледач како бисте могли директно у свом прегледачу добијати подсетнике о потрошњи електричне енергије у вашем региону. Коришћење ове екстензије ће вам помоћи да доносите одлуке о својим активностима на основу ових информација. -![снимак екстензије](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![снимак екстензије](../../../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Почетак @@ -31,7 +31,7 @@ npm run build Да бисте инсталирали на Edge, користите мени „три тачке“ у горњем десном углу прегледача да пронађете панел за екстензије. Одатле изаберите „Учитајте распаковану екстензију“ да бисте додали нову екстензију. На упиту отворите фолдер 'dist' и екстензија ће се учитати. Да бисте је користили, биће вам потребан API кључ за CO2 Signal API ([набавите га овде путем е-поште](https://www.co2signal.com/) - унесите своју е-пошту у поље на тој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) који одговара [Мапи електричне енергије](https://www.electricitymap.org/map) (на пример, за Бостон користим 'US-NEISO'). -![инсталација](../../../../../translated_images/install-on-edge.78634f02842c4828.sr.png) +![инсталација](../../../../../translated_images/sr/install-on-edge.78634f02842c4828.png) Када унесете API кључ и регион у интерфејс екстензије, обојена тачка у траци екстензија вашег прегледача треба да се промени како би одразила потрошњу енергије у вашем региону и дала вам индикатор о активностима које троше енергију, а које би било прикладно обављати. Концепт иза овог система „тачака“ инспирисан је [екстензијом Energy Lollipop](https://energylollipop.com/) за емисије у Калифорнији. diff --git a/translations/sr/5-browser-extension/solution/translation/README.hi.md b/translations/sr/5-browser-extension/solution/translation/README.hi.md index 4fb0fb6a9..966c8b395 100644 --- a/translations/sr/5-browser-extension/solution/translation/README.hi.md +++ b/translations/sr/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користећи tmrow-ов C02 Signal API за праћење потрошње електричне енергије, направљена је екстензија за браузер која вас подсећа колико је потрошња електричне енергије у вашем региону у датом тренутку. Коришћење ове екстензије може вам помоћи да донесете одлуке о својим активностима на основу ове информације. -![Снимак екрана екстензије](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![Снимак екрана екстензије](../../../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Почетак @@ -31,7 +31,7 @@ npm run build Да бисте инсталирали на Edge, користите мени са „три тачке“ у горњем десном углу браузера да пронађете панел за екстензије. Одатле изаберите „Load unpacked“ да бисте учитали нову екстензију. Када се појави упит, отворите фолдер „dist“ и екстензија ће бити учитана. Да бисте је користили, потребан вам је API кључ за CO2 Signal ([добијте га овде путем е-поште](https://www.co2snal.com/) – унесите своју е-пошту у поље на тој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) са [Electricity Map](https://www.electricitymap.org/map) (на пример, за Бостон користим 'US-NEISO'). -![инсталација](../../../../../translated_images/install-on-edge.78634f02842c4828.sr.png) +![инсталација](../../../../../translated_images/sr/install-on-edge.78634f02842c4828.png) Када унесете API кључ и регион у интерфејс екстензије, обојена тачка у траци екстензија вашег браузера требало би да се промени како би одражавала потрошњу енергије у вашем региону. Ово ће вам дати индикатор о томе које активности су прикладне у зависности од енергетске потрошње. Концепт ове „тачкасте“ системе инспирисан је [Energy Lollipop екстензијом](https://energylollipop.com/) за емисије у Калифорнији. diff --git a/translations/sr/5-browser-extension/solution/translation/README.it.md b/translations/sr/5-browser-extension/solution/translation/README.it.md index 773bdcac8..329467948 100644 --- a/translations/sr/5-browser-extension/solution/translation/README.it.md +++ b/translations/sr/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користићемо API Signal C02 од tmrow за праћење потрошње електричне енергије како бисмо направили проширење за прегледач које ће вам омогућити да директно у прегледачу добијете подсетник о томе колико је потрошња електричне енергије у вашем региону оптерећујућа. Коришћење овог прилагођеног проширења помоћи ће вам да процените своје активности на основу ових информација. -![снимак екрана проширења](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![снимак екрана проширења](../../../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Како започети @@ -31,7 +31,7 @@ npm run build За инсталацију на Edge, користите мени "три тачке" у горњем десном углу прегледача да бисте пронашли панел за проширења. Ако већ није активирано, укључите режим за програмере (у доњем левом углу). Изаберите "Учитај распаковано" да бисте учитали ново проширење. Отворите фасциклу "dist" када се појави упит, и проширење ће бити учитано. Да бисте га користили, биће вам потребан API кључ за CO2 Signal API (можете га [добити овде путем е-поште](https://www.co2signal.com/) - унесите своју е-пошту у поље на овој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) који одговара [електричној мапи](https://www.electricitymap.org/map) (на пример, за Бостон, "US-NEISO"). -![инсталација](../../../../../translated_images/install-on-edge.78634f02842c4828.sr.png) +![инсталација](../../../../../translated_images/sr/install-on-edge.78634f02842c4828.png) Када унесете API кључ и регион у интерфејс проширења, обојена тачка у траци проширења прегледача би требало да се промени како би одражавала потрошњу енергије у региону и пружила смернице о томе које активности са високом потрошњом енергије би биле прикладне за извршавање. Концепт који стоји иза овог система са "тачкама" инспирисан је [Energy Lollipop проширењем](https://energylollipop.com/) за емисије у Калифорнији. diff --git a/translations/sr/5-browser-extension/solution/translation/README.ja.md b/translations/sr/5-browser-extension/solution/translation/README.ja.md index 469d93f5b..544d31aad 100644 --- a/translations/sr/5-browser-extension/solution/translation/README.ja.md +++ b/translations/sr/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користећи C02 Signal API од tmrow, направићемо екстензију за прегледач која приказује подсетник о томе колико је велика потрошња електричне енергије у вашем региону. Ова екстензија ће вам омогућити да пратите потрошњу струје и доносите одлуке о својим активностима на основу тих информација. -![скриншот екстензије](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![скриншот екстензије](../../../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Увод @@ -31,7 +31,7 @@ npm run build Да бисте инсталирали екстензију на Edge, пронађите панел „Екстензије“ у менију са „три тачке“ у горњем десном углу прегледача. Одатле изаберите „Load Unpacked“ и учитајте нову екстензију. Када се појави упит, отворите фасциклу „dist“, и екстензија ће бити учитана. Да бисте је користили, потребан вам је API кључ за CO2 Signal API ([набавите га овде путем е-поште](https://www.co2signal.com/) - унесите вашу е-пошту у поље на тој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) који је компатибилан са [Electricity Map](https://www.electricitymap.org/map) (на пример, за Бостон користите 'US-NEISO'). -![инсталација](../../../../../translated_images/install-on-edge.78634f02842c4828.sr.png) +![инсталација](../../../../../translated_images/sr/install-on-edge.78634f02842c4828.png) Када унесете API кључ и регион у интерфејс екстензије, боја тачке која се приказује на траци екстензија у вашем прегледачу ће се променити. Ова тачка одражава потрошњу енергије у вашем региону и помаже вам да одлучите које активности су прикладне у том тренутку. Концепт овог „система тачке“ инспирисан је [Energy Lollipop екстензијом](https://energylollipop.com/) за праћење емисија у Калифорнији. diff --git a/translations/sr/5-browser-extension/solution/translation/README.ms.md b/translations/sr/5-browser-extension/solution/translation/README.ms.md index c042b6482..407fdc303 100644 --- a/translations/sr/5-browser-extension/solution/translation/README.ms.md +++ b/translations/sr/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користећи API за CO2 сигнал tmrow за праћење потрошње електричне енергије, направите додатак за прегледач који ће вам омогућити да добијете обавештења у вашем прегледачу о томе колико је велика потрошња електричне енергије у вашем региону. Коришћење овог додатка ће вам помоћи да донесете одлуке о вашим активностима на основу ових информација. -![снимак додатка за прегледач](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![снимак додатка за прегледач](../../../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Почетак @@ -31,7 +31,7 @@ npm run build Да бисте инсталирали на Edge, користите мени „три тачке“ у горњем десном углу прегледача да бисте пронашли панел Додаци. Одатле изаберите „Load Unpacked“ да бисте учитали нови додатак. Отворите фасциклу „dist“ на захтев и додатак ће бити учитан. Да бисте га користили, потребан вам је API кључ за CO2 сигнал ([набавите га овде путем е-поште](https://www.co2signal.com/) - унесите вашу е-пошту у поље на овој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) који одговара [Електричној мапи](https://www.electricitymap.org/map) (у Бостону, на пример, ја користим 'US-NEISO'). -![преузимање](../../../../../translated_images/install-on-edge.78634f02842c4828.sr.png) +![преузимање](../../../../../translated_images/sr/install-on-edge.78634f02842c4828.png) Када унесете API кључ и регион у интерфејс додатка, обојена тачка на траци додатка у прегледачу ће се променити како би одразила потрошњу енергије у вашем региону и дала вам препоруке о активностима које су прикладне за вас. Концепт иза овог система „тачке“ добио сам од [додатка за прегледач Energy Lollipop](https://energylollipop.com/) за емисије у Калифорнији. diff --git a/translations/sr/5-browser-extension/start/README.md b/translations/sr/5-browser-extension/start/README.md index 1b2367cb6..fc3415e47 100644 --- a/translations/sr/5-browser-extension/start/README.md +++ b/translations/sr/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Користећи tmrow-ов C02 Signal API за праћење потрошње електричне енергије, направите екстензију за претраживач како бисте имали подсетник директно у вашем претраживачу о томе колика је потрошња електричне енергије у вашем региону. Коришћење ове екстензије ће вам помоћи да доносите одлуке о вашим активностима на основу ових информација. -![скриншот екстензије](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sr.png) +![скриншот екстензије](../../../../translated_images/sr/extension-screenshot.0e7f5bfa110e92e3.png) ## Како започети @@ -31,7 +31,7 @@ npm run build Да бисте инсталирали на Edge, користите мени са 'три тачке' у горњем десном углу претраживача да пронађете панел за Екстензије. Одатле изаберите 'Учитај неупаковано' да бисте учитали нову екстензију. На упиту отворите фасциклу 'dist' и екстензија ће се учитати. Да бисте је користили, биће вам потребан API кључ за CO2 Signal API ([набавите га овде путем е-поште](https://www.co2signal.com/) - унесите вашу е-пошту у поље на овој страници) и [код за ваш регион](http://api.electricitymap.org/v3/zones) који одговара [Electricity Map](https://www.electricitymap.org/map) (на пример, у Бостону користим 'US-NEISO'). -![инсталација](../../../../translated_images/install-on-edge.78634f02842c4828.sr.png) +![инсталација](../../../../translated_images/sr/install-on-edge.78634f02842c4828.png) Када унесете API кључ и регион у интерфејс екстензије, обојена тачка у траци екстензије претраживача би требало да се промени како би одразила потрошњу енергије у вашем региону и дала вам смернице о томе које активности са великом потрошњом енергије би биле прикладне за вас. Концепт иза овог система 'тачке' инспирисан је [Energy Lollipop екстензијом](https://energylollipop.com/) за емисије у Калифорнији. diff --git a/translations/sr/6-space-game/2-drawing-to-canvas/README.md b/translations/sr/6-space-game/2-drawing-to-canvas/README.md index 57e618041..68e7451c6 100644 --- a/translations/sr/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/sr/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] ``` -![mрежа canvas-а](../../../../translated_images/canvas_grid.5f209da785ded492.sr.png) +![mрежа canvas-а](../../../../translated_images/sr/canvas_grid.5f209da785ded492.png) > Слика са [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Да бисте цртали на canvas елементу, пратите исти тростепени поступак који чини основу целе canvas графике. Када то урадите неколико пута, постаје друга природа: @@ -323,11 +323,11 @@ flowchart TD - Херојски брод - ![Hero ship](../../../../translated_images/player.dd24c1afa8c71e9b.sr.png) + ![Hero ship](../../../../translated_images/sr/player.dd24c1afa8c71e9b.png) - 5*5 чудовишта - ![Monster ship](../../../../translated_images/enemyShip.5df2a822c16650c2.sr.png) + ![Monster ship](../../../../translated_images/sr/enemyShip.5df2a822c16650c2.png) ### Препоручени кораци за почетак развоја @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Потпун резултат треба да изгледа овако: -![Црни екран са херојем и 5*5 чудовишта](../../../../translated_images/partI-solution.36c53b48c9ffae2a.sr.png) +![Црни екран са херојем и 5*5 чудовишта](../../../../translated_images/sr/partI-solution.36c53b48c9ffae2a.png) ## Решење diff --git a/translations/sr/6-space-game/5-keeping-score/README.md b/translations/sr/6-space-game/5-keeping-score/README.md index dcce6c50c..e14fd401f 100644 --- a/translations/sr/6-space-game/5-keeping-score/README.md +++ b/translations/sr/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Систем бодовања**: Сваки уништени непријатељски брод доноси 100 поена (кругли бројеви су лакши за умно рачунање). Резултат се приказује у доњем левом углу. -- **Бројач живота**: Ваш херој почиње са три живота - стандард који су поставиле ране аркадне игре ради баланса између изазова и игрувости. Свако судар са непријатељем кошта један живот. Преостале животе приказујемо у доњем десном углу користећи иконе бродова ![life image](../../../../translated_images/life.6fb9f50d53ee0413.sr.png). +- **Бројач живота**: Ваш херој почиње са три живота - стандард који су поставиле ране аркадне игре ради баланса између изазова и игрувости. Свако судар са непријатељем кошта један живот. Преостале животе приказујемо у доњем десном углу користећи иконе бродова ![life image](../../../../translated_images/sr/life.6fb9f50d53ee0413.png). ## Хајде да почнемо са изградњом! diff --git a/translations/sr/7-bank-project/1-template-route/README.md b/translations/sr/7-bank-project/1-template-route/README.md index 017b329a8..8fbdf545f 100644 --- a/translations/sr/7-bank-project/1-template-route/README.md +++ b/translations/sr/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Коришћењем `history.pushState` се креирају нови уноси у историји навигације прегледача. Можете то проверити тако што ћете држати *дугме назад* у вашем прегледачу, треба да видите нешто овако: -![Снимање екрана историје навигације](../../../../translated_images/history.7fdabbafa521e064.sr.png) +![Снимање екрана историје навигације](../../../../translated_images/sr/history.7fdabbafa521e064.png) Ако више пута кликнете на дугме назад, видећете да се тренутни URL мења и историја се ажурира, али исти шаблон се наставља приказивати. diff --git a/translations/sr/7-bank-project/2-forms/README.md b/translations/sr/7-bank-project/2-forms/README.md index 0eb91f38f..0f045165d 100644 --- a/translations/sr/7-bank-project/2-forms/README.md +++ b/translations/sr/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ graph TD 2. Пратите промене у адресној линији претраживача 3. Обратите пажњу како се страница освежава и подаци појављују у URL-у -![Снимак екрана промене URL-а претраживача након клика на дугме Региструј се](../../../../translated_images/click-register.e89a30bf0d4bc9ca.sr.png) +![Снимак екрана промене URL-а претраживача након клика на дугме Региструј се](../../../../translated_images/sr/click-register.e89a30bf0d4bc9ca.png) ### Поређење HTTP метода @@ -346,7 +346,7 @@ graph TD 2. **Кликните** дугме „Креирај налог“ 3. **Пратите** одговор сервера у вашем претраживачу -![Прегледач на адреси localhost:5000/api/accounts са JSON низом корисничких података](../../../../translated_images/form-post.61de4ca1b964d91a.sr.png) +![Прегледач на адреси localhost:5000/api/accounts са JSON низом корисничких података](../../../../translated_images/sr/form-post.61de4ca1b964d91a.png) **Шта треба да видите:** - **Претраживач преусмерава** на API крајњу тачку @@ -609,7 +609,7 @@ async function register() { 3. **Кликните** на "Create Account" 4. **Пратите** поруке у конзоли и повратне информације кориснику -![Снимак екрана који приказује поруку у конзоли прегледача](../../../../translated_images/browser-console.efaf0b51aaaf6778.sr.png) +![Снимак екрана који приказује поруку у конзоли прегледача](../../../../translated_images/sr/browser-console.efaf0b51aaaf6778.png) **Шта бисте требали видети:** - **Статус учитавања** се појављује на дугмету за слање @@ -783,7 +783,7 @@ input:focus:invalid { 3. **Унесите** специјалне знакове у поље за корисничко име 4. **Унесите** негативан износ стања на рачуну -![Снимак екрана који приказује грешку валидације при покушају слања формулара](../../../../translated_images/validation-error.8bd23e98d416c22f.sr.png) +![Снимак екрана који приказује грешку валидације при покушају слања формулара](../../../../translated_images/sr/validation-error.8bd23e98d416c22f.png) **Шта ћете приметити:** - **Прегледач приказује** нативне поруке о валидацији @@ -943,7 +943,7 @@ timeline Ево примера како може изгледати завршна страница за пријаву након мало стилизовања: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.sr.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/sr/result.96ef01f607bf856a.png) ## Квиз после предавања diff --git a/translations/sr/7-bank-project/3-data/README.md b/translations/sr/7-bank-project/3-data/README.md index 816cd640e..2fede71d8 100644 --- a/translations/sr/7-bank-project/3-data/README.md +++ b/translations/sr/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Врати потпуну HTML страницу Browser->>User: Прикаже нову страницу (блиц/преузимање) ``` -![Update workflow in a multi-page application](../../../../translated_images/mpa.7f7375a1a2d4aa77.sr.png) +![Update workflow in a multi-page application](../../../../translated_images/sr/mpa.7f7375a1a2d4aa77.png) **Зашто је овај приступ деловао нефлексибилно:** - Сваки клик је значио обнову целе странице од нуле @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Ажурира одређене елементе странице Browser->>User: Приказује ажуриран садржај (без поновног учитавања) ``` -![Update workflow in a single-page application](../../../../translated_images/spa.268ec73b41f992c2.sr.png) +![Update workflow in a single-page application](../../../../translated_images/sr/spa.268ec73b41f992c2.png) **Зашто SPA апликације делују много боље:** - Само делови који су се стварно променили се ажурирају (паметно, зар не?) @@ -516,7 +516,7 @@ if (data.error) { Сада када тестирате са неважећим налогом, видећете корисну поруку о грешци директно на страници! -![Снимак екрана који приказује поруку о грешци током пријаве](../../../../translated_images/login-error.416fe019b36a6327.sr.png) +![Снимак екрана који приказује поруку о грешци током пријаве](../../../../translated_images/sr/login-error.416fe019b36a6327.png) #### Корак 4: Будите инклузивни уз приступачност @@ -950,7 +950,7 @@ timeline Ево како би могла да изгледа уређена контрола табла: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.sr.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/sr/screen2.123c82a831a1d14a.png) Не морате да ничим пратите овај пример у потпуности — користите га као инспирацију и направите свој стил! diff --git a/translations/sr/7-bank-project/4-state-management/README.md b/translations/sr/7-bank-project/4-state-management/README.md index b748fa559..3d24d0fe9 100644 --- a/translations/sr/7-bank-project/4-state-management/README.md +++ b/translations/sr/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ mindmap Уместо да трчимо у круг, креираћемо **централизовани систем управљања стањем**. Замислите да имамо једну заиста организовану особу која контролише све битне ствари: -![Шема која приказује ток података између HTML-а, корисничких акција и стања](../../../../translated_images/data-flow.fa2354e0908fecc8.sr.png) +![Шема која приказује ток података између HTML-а, корисничких акција и стања](../../../../translated_images/sr/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ timeline Ево примера резултата након завршетка задатка: -![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/dialog.93bba104afeb79f1.sr.png) +![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/sr/dialog.93bba104afeb79f1.png) --- diff --git a/translations/sr/7-bank-project/4-state-management/assignment.md b/translations/sr/7-bank-project/4-state-management/assignment.md index e117a4593..55446384b 100644 --- a/translations/sr/7-bank-project/4-state-management/assignment.md +++ b/translations/sr/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **Очекивани резултат:** Након завршетка овог задатка, ваша апликација за банкарство треба да има потпуно функционалну функцију "Додај трансакцију" која изгледа и функционише професионално: -![Снимак екрана који приказује пример дијалога "Додај трансакцију"](../../../../translated_images/dialog.93bba104afeb79f1.sr.png) +![Снимак екрана који приказује пример дијалога "Додај трансакцију"](../../../../translated_images/sr/dialog.93bba104afeb79f1.png) ## Тестирање имплементације diff --git a/translations/sr/7-bank-project/README.md b/translations/sr/7-bank-project/README.md index 47d3adbab..2bf18a04c 100644 --- a/translations/sr/7-bank-project/README.md +++ b/translations/sr/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: У овом пројекту ћете научити како да направите измишљену банку. Ове лекције укључују упутства о томе како да распоредите веб апликацију и обезбедите руте, направите форме, управљате стањем и преузимате податке са API-ја од којег можете добити податке банке. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.sr.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.sr.png) | +| ![Screen1](../../../translated_images/sr/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/sr/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Лекције diff --git a/translations/sr/8-code-editor/1-using-a-code-editor/README.md b/translations/sr/8-code-editor/1-using-a-code-editor/README.md index 27bc11d69..10167dd9e 100644 --- a/translations/sr/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/sr/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ VSCode.dev доноси ове могућности у ваш прегледач Када се све учита, видећете прелепо чист радни простор дизајниран да вас држи фокусираним на оно што је важно – ваш код! -![Подразумевани интерфејс VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.sr.png) +![Подразумевани интерфејс VSCode.dev](../../../../translated_images/sr/default-vscode-dev.5d06881d65c1b323.png) **Ево обиласка околине:** - **Трака активности** (она трака са леве стране): Ваш главни навигациони мени са Explorer 📁, Претрага 🔍, Source Control 🌿, Екстензије 🧩 и Подешавања ⚙️ @@ -229,7 +229,7 @@ flowchart TB 1. Идите на [vscode.dev](https://vscode.dev) ако већ нисте тамо 2. Потражите дугме „Open Remote Repository“ на почетном екрану и кликните на њега - ![Отварање удаљеног репозиторијума](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.sr.png) + ![Отварање удаљеног репозиторијума](../../../../translated_images/sr/open-remote-repository.bd9c2598b8949e7f.png) 3. Убаците било који URL GitHub репозиторијума (пробајте ово: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Притисните Enter и гледајте како магија почиње! @@ -238,7 +238,7 @@ flowchart TB Желите да изгледате као мајстор кодирања? Испробајте ову пречицу: Ctrl+Shift+P (или Cmd+Shift+P на Mac) да отворите Command Palette: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.sr.png) +![Command Palette](../../../../translated_images/sr/palette-menu.4946174e07f42622.png) **Command Palette је као претраживач за све што можете да урадите:** - Откуцајте „open remote“ и пронаћи ће опцију за отварање репозиторијума @@ -300,7 +300,7 @@ flowchart TB 3. Унесите име фајла са одговарајућом екстензијом (`style.css`, `script.js`, `index.html`) 4. Притисните Enter да бисте креирали фајл -![Креирање новог фајла](../../../../translated_images/create-new-file.2814e609c2af9aeb.sr.png) +![Креирање новог фајла](../../../../translated_images/sr/create-new-file.2814e609c2af9aeb.png) **Правила именовања:** - Користите описна имена која показују сврху фајла @@ -318,7 +318,7 @@ flowchart TB 2. Почните да куцате и гледајте како вам VSCode.dev помаже бојама, предлозима и уочавањем грешака 3. Сачувајте рад са Ctrl+S (Windows/Linux) или Cmd+S (Mac) – иако се аутоматски чува! -![Уређивање фајла у VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.sr.png) +![Уређивање фајла у VSCode.dev](../../../../translated_images/sr/edit-a-file.52c0ee665ef19f08.png) **Фантастичне ствари које се дешавају док куцате:** - Ваш код је прелепо обојен тако да се лако чита @@ -339,7 +339,7 @@ flowchart TB 2. Модификовани фајлови се приказују у одељку „Changes“ 3. Боје означавају врсту измена: зелена за додатке, црвена за брисање -![Приказ измена у Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.sr.png) +![Приказ измена у Source Control](../../../../translated_images/sr/working-tree.c58eec08e6335c79.png) **Чување рада (радни ток комита):** @@ -431,7 +431,7 @@ Marketplace екстензија је изузетно добро организ 2. Прегледајте или претражујте нешто конкретно 3. Кликните на нешто што вам изгледа занимљиво да сазнате више -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.sr.png) +![Extension marketplace interface](../../../../translated_images/sr/extensions.eca0e0c7f59a10b5.png) **Шта ћете видети тамо:** @@ -484,7 +484,7 @@ Marketplace екстензија је изузетно добро организ 3. Изаберите „Extension Settings“ из падајућег менија 4. Подесите опције док не осетите да вам одговара за рад -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.sr.png) +![Customizing extension settings](../../../../translated_images/sr/extension-settings.21c752ae4f4cdb78.png) **Уобичајене ствари које можете желети да подесите:** - Како се ваш код форматира (табови уместо размаке, дужина линије, итд.) diff --git a/translations/sr/8-code-editor/1-using-a-code-editor/assignment.md b/translations/sr/8-code-editor/1-using-a-code-editor/assignment.md index dc42f55dc..f8b0b9e2a 100644 --- a/translations/sr/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/sr/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **Напишите** поруку за commit: "Додат почетни HTML структура" 5. **Кликните** "Commit new file" да бисте сачували промене -![Креирање почетног фајла на GitHub-у](../../../../translated_images/new-file-github.com.c886796d800e8056.sr.png) +![Креирање почетног фајла на GitHub-у](../../../../translated_images/sr/new-file-github.com.c886796d800e8056.png) **Ево шта ова почетна поставка постиже:** - **Успоставља** правилну HTML5 структуру документа са семантичким елементима @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **Индикатор успеха**: Требало би да видите фајлове вашег пројекта у бочној траци Explorer-а и `index.html` доступан за уређивање у главном уређивачком простору. -![Пројекат учитан у VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.sr.png) +![Пројекат учитан у VSCode.dev](../../../../translated_images/sr/project-on-vscode.dev.e79815a9a95ee7fe.png) **Шта ћете видети у интерфејсу:** - **Бочна трака Explorer-а**: **Приказује** фајлове и структуру фасцикли вашег репозиторијума @@ -448,7 +448,7 @@ li:before { **Одмах након инсталације:** Када је CodeSwing инсталиран, видећете живи преглед вашег веб-сајта за резиме који се појављује у уређивачу. Ово вам омогућава да видите тачно како ваш сајт изгледа док правите промене. -![CodeSwing екстензија приказује живи преглед](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.sr.png) +![CodeSwing екстензија приказује живи преглед](../../../../translated_images/sr/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Разумевање побољшаног интерфејса:** - **Подељен приказ**: **Приказује** ваш код са једне стране и живи преглед са друге diff --git a/translations/sr/9-chat-project/README.md b/translations/sr/9-chat-project/README.md index 36a3d8e32..0db9fbd7b 100644 --- a/translations/sr/9-chat-project/README.md +++ b/translations/sr/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Ево како ће завршени пројекат изгледати: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.sr.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/sr/screenshot.0a1ee0d123df681b.png) ## 🗺️ Ваш Пут Кроз Развој AI Апликација @@ -189,7 +189,7 @@ mindmap ``` **Основни Принцип**: Развој AI апликација комбинује традиционалне вештине веб развоја са интеграцијом AI сервиса, креирајући интелигентне апликације које делују природно и реагују на кориснике. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.sr.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/sr/playground.d2b927122224ff8f.png) **Ево шта чини игралиште тако корисним:** - **Испробајте** различите AI моделе као GPT-4o-mini, Claude и друге (сви бесплатно!) @@ -199,7 +199,7 @@ mindmap Када се мало поиграте, једноставно кликните на таб "Code" и изаберите свој програмски језик да бисте добили код за имплементацију. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.sr.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/sr/playground-choice.1d23ba7d407f4758.png) ## Подешавање Python Бекенд Интеграције @@ -2350,14 +2350,14 @@ mindmap - **Идите** на [Web Dev For Beginners репозиторијум](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.sr.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/sr/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.sr.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/sr/codespace.bcecbdf5d2747d3d.png) **Корак 3: Конфигурација окружења** Када се ваш Codespace учита, имате приступ: diff --git a/translations/sr/README.md b/translations/sr/README.md index 541ac24b2..527514163 100644 --- a/translations/sr/README.md +++ b/translations/sr/README.md @@ -72,13 +72,13 @@ CO_OP_TRANSLATOR_METADATA: Посетите [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) да започнете! -![Позадина](../../translated_images/background.148a8d43afde5730.sr.png) +![Позадина](../../translated_images/sr/background.148a8d43afde5730.png) - Лекције обухватају све од основа до RAG. - Комуницирајте са историјским ликовима користећи GenAI и нашу придружену апликацију. - Забавна и занимаљива приповест, путоваћете кроз време! -![лик](../../translated_images/character.5c0dd8e067ffd693.sr.png) +![лик](../../translated_images/sr/character.5c0dd8e067ffd693.png) Свака лекција укључује задатак за завршетак, проверу знања и изазов који вас води у учењу тема као што су: @@ -114,7 +114,7 @@ CO_OP_TRANSLATOR_METADATA: У својој копији овог репозиторијума коју сте направили, кликните на дугме **Code** и изаберите **Open with Codespaces**. Ово ће креирати нови Codespace у којем ћете радити. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.sr.png) +![Codespace](../../translated_images/sr/createcodespace.0238bbf4d7a8d955.png) #### Покретање наставног плана локално на вашем рачунару diff --git a/translations/sr/for-teachers.md b/translations/sr/for-teachers.md index 8931e1622..b2d6d93f2 100644 --- a/translations/sr/for-teachers.md +++ b/translations/sr/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud има ограничену подршку за Common Cartridge. Преферирајте горњу Moodle датотеку, која се такође може учитати у Canvas. - Након увоза, прегледајте модуле, датуме предаје и подешавања квизова како би одговарали вашем распореду термина. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.sr.png) +![Moodle](../../translated_images/sr/moodle.94eb93d714a50cb2.png) > Наставни план у Moodle учионици -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.sr.png) +![Canvas](../../translated_images/sr/canvas.fbd605ff8e5b8aff.png) > Наставни план у Canvas-у ### Коришћење репозиторијума директно (без Classroom-а) diff --git a/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 8e56f5270..c13f8ea38 100644 --- a/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/sv/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Vi tar det från början: jag förstår helt om programmering känns skrämmande Idag ska vi utforska de otroliga verktyg som gör modern webbprogrammering inte bara möjlig, utan riktigt beroendeframkallande. Jag menar precis samma redigerare, webbläsare och arbetsflöden som utvecklare på Netflix, Spotify och din favorit indieapp-studio använder varje dag. Och här kommer det som får dig att vilja dansa glädjedans: de flesta av dessa professionella, branschstandardverktyg är helt gratis! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.sv.png) +![Intro Programming](../../../../translated_images/sv/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sv/1-getting-started-lessons/2-github-basics/README.md b/translations/sv/1-getting-started-lessons/2-github-basics/README.md index 78c99c80a..c7d9753f6 100644 --- a/translations/sv/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/sv/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Jag vet att det här kan kännas mycket i början – jag minns att jag stirrade Vi kommer att ta den här resan tillsammans, steg för steg. Ingen stress, inget tryck – bara du, jag och några riktigt coola verktyg som snart kommer att bli dina nya bästa vänner! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.sv.png) +![Intro to GitHub](../../../../translated_images/sv/webdev101-github.8846d7971abef6f9.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -606,7 +606,7 @@ Först, låt oss hitta ett repository (eller **repo**) på GitHub som intressera ✅ Ett bra sätt att hitta "nybörjarvänliga" repos är att [söka efter taggen 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Kopiera ett repo lokalt](../../../../translated_images/clone_repo.5085c48d666ead57.sv.png) +![Kopiera ett repo lokalt](../../../../translated_images/sv/clone_repo.5085c48d666ead57.png) Det finns flera sätt att kopiera kod. Ett sätt är att "klona" innehållet i repot, med HTTPS, SSH eller med GitHub CLI (Command Line Interface). diff --git a/translations/sv/1-getting-started-lessons/3-accessibility/README.md b/translations/sv/1-getting-started-lessons/3-accessibility/README.md index 10ac77f76..80c01280a 100644 --- a/translations/sv/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/sv/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Skapa tillgängliga webbsidor -![Allt om tillgänglighet](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.sv.png) +![Allt om tillgänglighet](../../../../translated_images/sv/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1050,12 +1050,12 @@ Varje bild på din webbplats har ett syfte. Att förstå detta syfte hjälper di **Informativa bilder** - förmedlar viktig information: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Dekorativa bilder** - rent visuella utan informationsvärde: ```html - + ``` **Funktionella bilder** - fungerar som knappar eller kontroller: @@ -1067,7 +1067,7 @@ Varje bild på din webbplats har ett syfte. Att förstå detta syfte hjälper di **Komplexa bilder** - diagram, scheman, informationsgrafik: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1107,7 +1107,7 @@ Varje bild på din webbplats har ett syfte. Att förstå detta syfte hjälper di - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/sv/2-js-basics/1-data-types/README.md b/translations/sv/2-js-basics/1-data-types/README.md index 415ce8f8f..686a073c6 100644 --- a/translations/sv/2-js-basics/1-data-types/README.md +++ b/translations/sv/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Basics: Datatyper -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.sv.png) +![JavaScript Basics - Data types](../../../../translated_images/sv/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sv/2-js-basics/2-functions-methods/README.md b/translations/sv/2-js-basics/2-functions-methods/README.md index 66860c9d9..25bdf76d7 100644 --- a/translations/sv/2-js-basics/2-functions-methods/README.md +++ b/translations/sv/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript-grunder: Metoder och Funktioner -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.sv.png) +![JavaScript Basics - Functions](../../../../translated_images/sv/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sv/2-js-basics/3-making-decisions/README.md b/translations/sv/2-js-basics/3-making-decisions/README.md index e46b59257..41d68a3fd 100644 --- a/translations/sv/2-js-basics/3-making-decisions/README.md +++ b/translations/sv/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript-grunder: Att fatta beslut -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.sv.png) +![JavaScript Basics - Making decisions](../../../../translated_images/sv/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/sv/2-js-basics/4-arrays-loops/README.md b/translations/sv/2-js-basics/4-arrays-loops/README.md index 4f3a4fae1..7e3662312 100644 --- a/translations/sv/2-js-basics/4-arrays-loops/README.md +++ b/translations/sv/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Basics: Arrays och loopar -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.sv.png) +![JavaScript Basics - Arrays](../../../../translated_images/sv/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sv/3-terrarium/1-intro-to-html/README.md b/translations/sv/3-terrarium/1-intro-to-html/README.md index a850a3c0a..c43efaa43 100644 --- a/translations/sv/3-terrarium/1-intro-to-html/README.md +++ b/translations/sv/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Förbättra tillgänglighet: 5: Student Bygg terrarium: 5: Student ``` -![Introduktion till HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.sv.png) +![Introduktion till HTML](../../../../translated_images/sv/webdev101-html.4389c2067af68e98.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) HTML, eller HyperText Markup Language, är grunden för varje webbplats du någonsin besökt. Tänk på HTML som skelettet som ger struktur åt webbsidor – det definierar var innehåll ska placeras, hur det organiseras och vad varje del representerar. Medan CSS senare kommer att "klä upp" din HTML med färger och layouter, och JavaScript kommer att ge liv åt den med interaktivitet, tillhandahåller HTML den grundläggande strukturen som gör allt annat möjligt. @@ -86,7 +86,7 @@ Du kommer att skapa en dedikerad mapp för ditt terrariumprojekt och lägga till 4. I Explorerpanelen klicka på ikonen "New File" 5. Namnge din fil `index.html` -![VS Code Explorer som visar skapande av ny fil](../../../../translated_images/vs-code-index.e2986cf919471eb9.sv.png) +![VS Code Explorer som visar skapande av ny fil](../../../../translated_images/sv/vs-code-index.e2986cf919471eb9.png) **Alternativ 2: Använda terminalkommandon** ```bash @@ -236,48 +236,48 @@ Lägg nu till växtbilder organiserade i två kolumner mellan dina `
- 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/sv/3-terrarium/2-intro-to-css/README.md b/translations/sv/3-terrarium/2-intro-to-css/README.md index 7fd9cf7e1..a32987e18 100644 --- a/translations/sv/3-terrarium/2-intro-to-css/README.md +++ b/translations/sv/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Responsiv design: 5: Student Glasreflektioner: 5: Student ``` -![Introduktion till CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.sv.png) +![Introduktion till CSS](../../../../translated_images/sv/webdev101-css.3f7af5991bf53a20.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) Kommer du ihåg hur ditt HTML-terrarium såg ganska enkelt ut? CSS är där vi förvandlar den där enkla strukturen till något visuellt tilltalande. @@ -202,7 +202,7 @@ body { Öppna webbläsarens utvecklarverktyg (F12), navigera till Elements-fliken och inspektera ditt `

`-element. Du kommer se att det ärver fontfamilj från body: -![inherited font](../../../../translated_images/1.cc07a5cbe114ad1d.sv.png) +![inherited font](../../../../translated_images/sv/1.cc07a5cbe114ad1d.png) ✅ **Experimentera**: Testa att sätta andra arvbara egenskaper på `` som `color`, `line-height` eller `text-align`. Vad händer med din rubrik och andra element? @@ -332,7 +332,7 @@ I vårt terrarium behöver varje växt liknande styling men även individuell po **Här är HTML-strukturen för varje växt:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Redo att förstärka ditt terrarium med realistiska glasreflektioner? Denna tekn Du skapar subtila högdagrar som simulerar hur ljus reflekteras från glasytor. Detta liknar hur renässansmålare som Jan van Eyck använde ljus och reflektion för att få målat glas att se tredimensionellt ut. Så här ser målet ut: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.sv.png) +![finished terrarium](../../../../translated_images/sv/terrarium-final.2f07047ffc597d0a.png) **Din uppgift:** - **Skapa** subtila vita eller ljusa ovala former för glasreflektioner diff --git a/translations/sv/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/sv/3-terrarium/3-intro-to-DOM-and-closures/README.md index 215a00af6..95a8a594d 100644 --- a/translations/sv/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/sv/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Testa funktionalitet: 5: Student Slutför terrarium: 5: Student ``` -![DOM och en closure](../../../../translated_images/webdev101-js.10280393044d7eaa.sv.png) +![DOM och en closure](../../../../translated_images/sv/webdev101-js.10280393044d7eaa.png) > Sketchnote av [Tomomi Imura](https://twitter.com/girlie_mac) Välkommen till en av de mest engagerande aspekterna av webbutveckling – att göra saker interaktiva! Document Object Model (DOM) är som en bro mellan din HTML och JavaScript, och idag ska vi använda den för att ge liv åt ditt terrarium. När Tim Berners-Lee skapade den första webbläsaren, såg han framför sig en web där dokument kunde vara dynamiska och interaktiva – DOM gör denna vision möjlig. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![DOM-trädrepresentation](../../../../translated_images/dom-tree.7daf0e763cbbba92.sv.png) +![DOM-trädrepresentation](../../../../translated_images/sv/dom-tree.7daf0e763cbbba92.png) > En representation av DOM och HTML-markupen som refererar till den. Från [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Förstå closures**: Closures är ett stort ämne inom JavaScript, och många utvecklare använder dem i åratal innan de fullt förstår alla teoretiska delar. Idag fokuserar vi på praktisk tillämpning – du kommer naturligt att se closures uppstå när vi bygger våra interaktiva funktioner. Förståelsen växer när du ser hur de löser verkliga problem. -![DOM-trädrepresentation](../../../../translated_images/dom-tree.7daf0e763cbbba92.sv.png) +![DOM-trädrepresentation](../../../../translated_images/sv/dom-tree.7daf0e763cbbba92.png) > En representation av DOM och HTML-markupen som refererar till den. Från [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Testa nu ditt interaktiva terrarium! Öppna din `index.html`-fil i en webbläsar - **Stöd för alla enheter**: Fungerar på desktop och mobil - **Prestandamedvetenhet**: Inga minnesläckor eller onödiga beräkningar -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.sv.png) +![finished terrarium](../../../../translated_images/sv/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/sv/3-terrarium/solution/README.md b/translations/sv/3-terrarium/solution/README.md index 60d04e852..58ce35094 100644 --- a/translations/sv/3-terrarium/solution/README.md +++ b/translations/sv/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: En liten drag-och-släpp-kodmeditation. Med lite HTML, JS och CSS kan du bygga ett webbgränssnitt, styla det och lägga till interaktion. -![mitt terrarium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.sv.png) +![mitt terrarium](../../../../translated_images/sv/screenshot_gray.0c796099a1f9f25e.png) ## Krediter diff --git a/translations/sv/5-browser-extension/1-about-browsers/README.md b/translations/sv/5-browser-extension/1-about-browsers/README.md index 7776ab2c5..c0c8f7e12 100644 --- a/translations/sv/5-browser-extension/1-about-browsers/README.md +++ b/translations/sv/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Felsök problem: 4: Student Förbättra upplevelsen: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.sv.jpg) +![Browser sketchnote](../../../../translated_images/sv/browser.60317c9be8b7f84a.jpg) > Sketchnote av [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Förföreläsningsquiz @@ -77,7 +77,7 @@ Denna process speglar hur den första webbläsaren, WorldWideWeb, designades av ✅ **Lite historia**: Den första webbläsaren kallades "WorldWideWeb" och skapades av Sir Timothy Berners-Lee 1990. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.sv.jpg) +![early browsers](../../../../translated_images/sv/earlybrowsers.d984b711cdf3a42d.jpg) > Några tidiga webbläsare, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Hur webbläsare bearbetar webbinnehåll @@ -194,7 +194,7 @@ quadrantChart Att förstå installationsprocessen för tillägg hjälper dig att förutse användarupplevelsen när personer installerar ditt tillägg. Installationsprocessen är standardiserad över moderna webbläsare med små skillnader i gränssnittsdesign. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.sv.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/sv/install-on-edge.d68781acaf0b3d3d.png) > **Viktigt**: Se till att aktivera utvecklarläge och tillåt tillägg från andra butiker när du testar dina egna tillägg. @@ -308,10 +308,10 @@ Detta följer principen om progressiv avslöjande som använts i gränssnittsdes ### Översikt av tilläggsvyer **Inställningsvy** – Konfiguration för första gången: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.sv.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/sv/1.b6da8c1394b07491.png) **Resultatvy** – Visning av koldioxidavtrycksdata: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.sv.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/sv/2.1dae52ff08042246.png) ### Bygga konfigurationsformuläret diff --git a/translations/sv/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/sv/5-browser-extension/2-forms-browsers-local-storage/README.md index 722887f96..f99179a44 100644 --- a/translations/sv/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/sv/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Ta bort sparad data ClearStorage --> FirstTime: Tillbaka till installation ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.sv.png) +![Local storage pane](../../../../translated_images/sv/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Säkerhetsaspekt:** I produktionsapplikationer innebär lagring av API-nycklar i LocalStorage säkerhetsrisker eftersom JavaScript kan komma åt dessa data. För lärande ändamål fungerar det bra, men riktiga applikationer bör använda säker serverlagring för känsliga uppgifter. diff --git a/translations/sv/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/sv/5-browser-extension/3-background-tasks-and-performance/README.md index a95265202..1cfa31dd2 100644 --- a/translations/sv/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/sv/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ För att öppna utvecklarverktygen i Edge klickar du på de tre prickarna uppe t Låt oss prova. Öppna en webbplats (Microsoft.com fungerar bra för detta) och klicka på 'Spela in'-knappen. Uppdatera sidan och se hur profileraren fångar allt som händer. När du stoppar inspelningen ser du en detaljerad sammanställning av hur webbläsaren 'skriver skript', 'renderar' och 'målar' sidan. Det påminner om hur mission control övervakar varje system under en raketuppskjutning – du får realtidsdata på exakt vad som händer och när. -![Edge profilerer](../../../../translated_images/profiler.5a4a62479c5df01c.sv.png) +![Edge profilerer](../../../../translated_images/sv/profiler.5a4a62479c5df01c.png) ✅ [Microsoft Dokumentationen](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) har massor mer detaljer om du vill fördjupa dig @@ -133,11 +133,11 @@ Välj delar av profiler-tidslinjen för att zooma in på händelser som sker med Få en ögonblicksbild av din sidas prestanda genom att välja en del av profiler-tidslinjen och titta i sammanfattningspanelen: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.sv.png) +![Edge profiler snapshot](../../../../translated_images/sv/snapshot.97750180ebcad737.png) Kolla i Event Log-panelen för att se om något event tog längre än 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.sv.png) +![Edge event log](../../../../translated_images/sv/log.804026979f3707e0.png) ✅ Lär känna din profiler! Öppna utvecklarverktygen på denna sida och se om det finns några flaskhalsar. Vad är den långsammaste tillgången att ladda? Den snabbaste? diff --git a/translations/sv/5-browser-extension/README.md b/translations/sv/5-browser-extension/README.md index 367225024..917431eaf 100644 --- a/translations/sv/5-browser-extension/README.md +++ b/translations/sv/5-browser-extension/README.md @@ -23,7 +23,7 @@ Detta tillägg kan användas ad hoc av en användare när en API-nyckel och regi ### Krediter -![ett grönt webbläsartillägg](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sv.png) +![ett grönt webbläsartillägg](../../../translated_images/sv/extension-screenshot.0e7f5bfa110e92e3.png) ## Krediter diff --git a/translations/sv/5-browser-extension/solution/README.md b/translations/sv/5-browser-extension/solution/README.md index 2eba9cedc..f014e6fc3 100644 --- a/translations/sv/5-browser-extension/solution/README.md +++ b/translations/sv/5-browser-extension/solution/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. Genom att använda detta tillägg spontant 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 på Edge, använd menyn med 'tre punkter' 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 upp packat' för att ladda ett nytt tillägg. Ö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 Signal:s API ([skaffa en här via e-post](https://www.co2signal.com/) - ange din e-post 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 angetts 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/5-browser-extension/solution/translation/README.es.md b/translations/sv/5-browser-extension/solution/translation/README.es.md index 377ceb5e0..ce92b8fa6 100644 --- a/translations/sv/5-browser-extension/solution/translation/README.es.md +++ b/translations/sv/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Med hjälp av tmrows CO2-signal-API för att spåra elförbrukning kan du skapa ett webbläsartillägg som ger dig en påminnelse direkt i din webbläsare om elförbrukningen i din region. Att använda detta ad hoc-tillägg hjälper dig att fatta beslut om dina aktiviteter baserat på denna information. -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.sv.png) +![extension screenshot](../../../../../translated_images/sv/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Komma igång @@ -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 upp packat' 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-API:t ([få 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](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.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.sv.png) +![installing](../../../../../translated_images/sv/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) När API-nyckeln och regionen har angetts i tilläggets gränssnitt, bör färgpunkten i webbläsarens tilläggsfält ändras för att återspegla energiförbrukningen i din region och ge dig en indikation på vilka högenergikrävande aktiviteter som är lämpliga för dig. Konceptet bakom detta "punkt"-system fick jag från [Energy Lollipop-tillägget](https://energylollipop.com/) för utsläpp i Kalifornien. diff --git a/translations/sv/5-browser-extension/solution/translation/README.fr.md b/translations/sv/5-browser-extension/solution/translation/README.fr.md index a8c00c900..74a35d48e 100644 --- a/translations/sv/5-browser-extension/solution/translation/README.fr.md +++ b/translations/sv/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Med hjälp av tmrows API C02 Signal för att spåra elförbrukning, skapa ett webbläsartillägg så att du kan få en påminnelse direkt i din webbläsare om elförbrukningen i ditt område. Att använda detta tillägg kan hjälpa dig att fatta beslut om dina aktiviteter baserat på denna information. -![tilläggsskärmdump](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sv.png) +![tilläggsskärmdump](../../../../../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 '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 upp okomprimerat tillägg' för att lägga till ett nytt tillägg. Ö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 Signal API ([skaffa en via e-post här](https://www.co2signal.com/) - ange din e-postadress 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'). -![installation](../../../../../translated_images/install-on-edge.78634f02842c4828.sv.png) +![installation](../../../../../translated_images/sv/install-on-edge.78634f02842c4828.png) När API-nyckeln och regionen har angetts i tilläggets gränssnitt, bör den färgade punkten i webbläsarens tilläggsfält ändras för att återspegla energiförbrukningen i ditt område och ge dig en indikator på vilka energikrävande aktiviteter som kan vara lämpliga att utföra. Konceptet bakom detta 'punkt'-system inspirerades av [Energy Lollipop-tillägget](https://energylollipop.com/) för utsläpp i Kalifornien. diff --git a/translations/sv/5-browser-extension/solution/translation/README.hi.md b/translations/sv/5-browser-extension/solution/translation/README.hi.md index 11c14eb03..b1bbf9124 100644 --- a/translations/sv/5-browser-extension/solution/translation/README.hi.md +++ b/translations/sv/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Användning av tmrow:s C02 Signal API för att spåra elförbrukning, bygga en webbläsartillägg som påminner dig om hur tungt elförbrukningen är i ditt område direkt i din webbläsare. Genom att använda detta tillägg kan du fatta beslut om dina aktiviteter baserat på denna information. -![Skärmdump av tillägget](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sv.png) +![Skärmdump av tillägget](../../../../../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 "tre prickar"-menyn i det övre högra hörnet av webbläsaren för att hitta tilläggspanelen. Därifrån, välj "Ladda uppackat" för att ladda ett nytt tillägg. Öppna mappen "dist" vid prompten, och tillägget kommer att laddas. För att använda det behöver du en API-nyckel för CO2 Signal ([få den via e-post här](https://www.co2signal.com/) - ange din e-post i rutan på den sidan) och [koden för ditt område](http://api.electricitymap.org/v3/zones) från [Electricity Map](https://www.electricitymap.org/map) (till exempel, i Boston använder jag "US-NEISO"). -![installera](../../../../../translated_images/install-on-edge.78634f02842c4828.sv.png) +![installera](../../../../../translated_images/sv/install-on-edge.78634f02842c4828.png) När API-nyckeln och området har matats in i tilläggets gränssnitt, bör den färgade pricken i webbläsartilläggsfältet ändras för att återspegla energiförbrukningen i ditt område och ge dig en indikator på vilka energiintensiva aktiviteter som är lämpliga att utföra. Konceptet bakom detta "prick"-system inspirerades av [Energy Lollipop Extension](https://energylollipop.com/) för Kaliforniens utsläpp. diff --git a/translations/sv/5-browser-extension/solution/translation/README.it.md b/translations/sv/5-browser-extension/solution/translation/README.it.md index 33224fe17..1d1b0cb96 100644 --- a/translations/sv/5-browser-extension/solution/translation/README.it.md +++ b/translations/sv/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Signal C02-API från tmrow kommer att användas för att övervaka elförbrukningen och skapa ett 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. Användningen av detta skräddarsydda tillägg hjälper dig att bedöma dina aktiviteter baserat på denna information. -![skärmdump av tillägget](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sv.png) +![skärmdump av tillägget](../../../../../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 "tre punkter" i det övre högra hörnet av webbläsaren för att hitta panelen Tillägg. Om det inte redan är aktiverat, slå på Utvecklarläge (längst ner till vänster). Välj "Ladda upp packat" för att ladda ett nytt tillägg. Öppna mappen "dist" vid prompten, och tillägget kommer att laddas. För att använda det behöver du en API-nyckel för CO2 Signal-API:t (du kan [få en via e-post här](https://www.co2signal.com/) - ange din e-postadress i rutan på den här sidan) och [koden för din region](http://api.electricitymap.org/v3/zones) som motsvarar [el-kartan](https://www.electricitymap.org/map) (i Boston, till exempel, "US-NEISO"). -![installation](../../../../../translated_images/install-on-edge.78634f02842c4828.sv.png) +![installation](../../../../../translated_images/sv/install-on-edge.78634f02842c4828.png) När API-nyckeln och regionen har angetts i tilläggets gränssnitt, bör den färgade punkten i webbläsartilläggsfältet ändras för att återspegla regionens energiförbrukning och ge en indikation på vilka aktiviteter med hög energiförbrukning som skulle vara lämpliga att utföra. Konceptet bakom detta "punkt"-system har inspirerats av [Energy Lollipop-tillägget](https://energylollipop.com/) för utsläpp i Kalifornien.