From 0c185c1ddfd5b2c3ab7a5220aef678551c172835 Mon Sep 17 00:00:00 2001 From: "localizeflow[bot]" Date: Thu, 15 Jan 2026 11:13:16 +0000 Subject: [PATCH] chore(i18n): sync translations with latest source changes (chunk 30/44, 100 files) --- .../README.md | 2 +- .../2-github-basics/README.md | 4 +-- .../3-accessibility/README.md | 10 +++--- .../ro/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../ro/2-js-basics/4-arrays-loops/README.md | 2 +- .../ro/3-terrarium/1-intro-to-html/README.md | 32 +++++++++---------- .../ro/3-terrarium/2-intro-to-css/README.md | 8 ++--- .../3-intro-to-DOM-and-closures/README.md | 8 ++--- .../ro/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +++--- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 ++-- translations/ro/5-browser-extension/README.md | 2 +- .../ro/5-browser-extension/solution/README.md | 4 +-- .../solution/translation/README.es.md | 4 +-- .../solution/translation/README.fr.md | 4 +-- .../solution/translation/README.hi.md | 4 +-- .../solution/translation/README.it.md | 4 +-- .../solution/translation/README.ja.md | 4 +-- .../solution/translation/README.ms.md | 4 +-- .../ro/5-browser-extension/start/README.md | 4 +-- .../2-drawing-to-canvas/README.md | 8 ++--- .../ro/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../ro/7-bank-project/2-forms/README.md | 10 +++--- .../ro/7-bank-project/3-data/README.md | 8 ++--- .../4-state-management/README.md | 4 +-- .../4-state-management/assignment.md | 2 +- translations/ro/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 16 +++++----- .../1-using-a-code-editor/assignment.md | 6 ++-- translations/ro/9-chat-project/README.md | 10 +++--- translations/ro/README.md | 6 ++-- translations/ro/for-teachers.md | 4 +-- .../README.md | 2 +- .../2-github-basics/README.md | 4 +-- .../3-accessibility/README.md | 10 +++--- .../ru/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../ru/2-js-basics/4-arrays-loops/README.md | 2 +- .../ru/3-terrarium/1-intro-to-html/README.md | 32 +++++++++---------- .../ru/3-terrarium/2-intro-to-css/README.md | 8 ++--- .../3-intro-to-DOM-and-closures/README.md | 8 ++--- .../ru/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +++--- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 ++-- translations/ru/5-browser-extension/README.md | 2 +- .../ru/5-browser-extension/solution/README.md | 4 +-- .../solution/translation/README.es.md | 4 +-- .../solution/translation/README.fr.md | 4 +-- .../solution/translation/README.hi.md | 4 +-- .../solution/translation/README.it.md | 4 +-- .../solution/translation/README.ja.md | 4 +-- .../solution/translation/README.ms.md | 4 +-- .../ru/5-browser-extension/start/README.md | 4 +-- .../2-drawing-to-canvas/README.md | 8 ++--- .../ru/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../ru/7-bank-project/2-forms/README.md | 10 +++--- .../ru/7-bank-project/3-data/README.md | 8 ++--- .../4-state-management/README.md | 4 +-- .../4-state-management/assignment.md | 2 +- translations/ru/7-bank-project/README.md | 2 +- .../1-using-a-code-editor/README.md | 16 +++++----- .../1-using-a-code-editor/assignment.md | 6 ++-- translations/ru/9-chat-project/README.md | 10 +++--- translations/ru/README.md | 6 ++-- translations/ru/for-teachers.md | 4 +-- .../README.md | 2 +- .../2-github-basics/README.md | 4 +-- .../3-accessibility/README.md | 10 +++--- .../sk/2-js-basics/1-data-types/README.md | 2 +- .../2-js-basics/2-functions-methods/README.md | 2 +- .../2-js-basics/3-making-decisions/README.md | 2 +- .../sk/2-js-basics/4-arrays-loops/README.md | 2 +- .../sk/3-terrarium/1-intro-to-html/README.md | 32 +++++++++---------- .../sk/3-terrarium/2-intro-to-css/README.md | 8 ++--- .../3-intro-to-DOM-and-closures/README.md | 8 ++--- .../sk/3-terrarium/solution/README.md | 2 +- .../1-about-browsers/README.md | 10 +++--- .../2-forms-browsers-local-storage/README.md | 2 +- .../README.md | 6 ++-- translations/sk/5-browser-extension/README.md | 2 +- .../sk/5-browser-extension/solution/README.md | 4 +-- .../solution/translation/README.es.md | 4 +-- .../solution/translation/README.fr.md | 4 +-- .../solution/translation/README.hi.md | 4 +-- .../solution/translation/README.it.md | 4 +-- .../solution/translation/README.ja.md | 4 +-- .../solution/translation/README.ms.md | 4 +-- .../sk/5-browser-extension/start/README.md | 4 +-- .../2-drawing-to-canvas/README.md | 8 ++--- .../sk/6-space-game/5-keeping-score/README.md | 2 +- .../7-bank-project/1-template-route/README.md | 2 +- .../sk/7-bank-project/2-forms/README.md | 10 +++--- .../sk/7-bank-project/3-data/README.md | 8 ++--- 100 files changed, 284 insertions(+), 284 deletions(-) diff --git a/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md index c69836ab3..5b1a351d7 100644 --- a/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Uite, înțeleg perfect dacă programarea pare intimidantă acum. Când am înce Astăzi, vom explora uneltele incredibile care fac dezvoltarea web modernă nu doar posibilă, ci și foarte captivantă. Vorbesc despre exact aceiași editori, browsere și workflow-uri pe care le folosesc zilnic dezvoltatorii de la Netflix, Spotify și studioul tău indie preferat de aplicații. Și iată partea care te va face să dansezi de bucurie: majoritatea acestor unelte profesionale, standard în industrie, sunt complet gratuite! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.ro.png) +![Intro Programming](../../../../translated_images/ro/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ro/1-getting-started-lessons/2-github-basics/README.md b/translations/ro/1-getting-started-lessons/2-github-basics/README.md index ccce79798..00926187d 100644 --- a/translations/ro/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/ro/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Iată ce mă uimește total: fiecare aplicație de pe telefonul tău, fiecare si Vom parcurge acest drum împreună, pas cu pas. Fără grabă, fără presiune – doar tu, eu și niște unelte super tari care urmează să devină cei mai buni prieteni ai tăi! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.ro.png) +![Intro to GitHub](../../../../translated_images/ro/webdev101-github.8846d7971abef6f9.png) > Schiță realizată de [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -605,7 +605,7 @@ Mai întâi, hai să găsim un repository (sau **repo**) pe GitHub care să te i ✅ Un mod bun de a găsi repo-uri „prietenoase pentru începători” este să [cauți după eticheta 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Copiază un repo local](../../../../translated_images/clone_repo.5085c48d666ead57.ro.png) +![Copiază un repo local](../../../../translated_images/ro/clone_repo.5085c48d666ead57.png) Există mai multe modalități de a copia codul. Un mod este să „clonezi” conținutul repository-ului, folosind HTTPS, SSH sau folosind GitHub CLI (interfața de linie de comandă GitHub). diff --git a/translations/ro/1-getting-started-lessons/3-accessibility/README.md b/translations/ro/1-getting-started-lessons/3-accessibility/README.md index c83b7dc30..15a7fde47 100644 --- a/translations/ro/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/ro/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Crearea Paginilor Web Accesibile -![Totul Despre Accesibilitate](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.ro.png) +![Totul Despre Accesibilitate](../../../../translated_images/ro/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Fiecare imagine de pe site-ul tău are un scop. Înțelegerea acestui scop te aj **Imagini informative** – transmit informații importante: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Imagini decorative** – doar vizuale, fără valoare informativă: ```html - + ``` **Imagini funcționale** – servesc ca butoane sau controale: @@ -1066,7 +1066,7 @@ Fiecare imagine de pe site-ul tău are un scop. Înțelegerea acestui scop te aj **Imagini complexe** – grafice, diagrame, infografice: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Fiecare imagine de pe site-ul tău are un scop. Înțelegerea acestui scop te aj - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/ro/2-js-basics/1-data-types/README.md b/translations/ro/2-js-basics/1-data-types/README.md index 1db700335..dda7e34e7 100644 --- a/translations/ro/2-js-basics/1-data-types/README.md +++ b/translations/ro/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Bazele JavaScript: Tipuri de date -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.ro.png) +![JavaScript Basics - Data types](../../../../translated_images/ro/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote realizat de [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ro/2-js-basics/2-functions-methods/README.md b/translations/ro/2-js-basics/2-functions-methods/README.md index 28dbd4e9f..6fac17254 100644 --- a/translations/ro/2-js-basics/2-functions-methods/README.md +++ b/translations/ro/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Noțiuni de bază JavaScript: Metode și Funcții -![Noțiuni de bază JavaScript - Funcții](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.ro.png) +![Noțiuni de bază JavaScript - Funcții](../../../../translated_images/ro/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ro/2-js-basics/3-making-decisions/README.md b/translations/ro/2-js-basics/3-making-decisions/README.md index eb5a6a65c..56c66cf05 100644 --- a/translations/ro/2-js-basics/3-making-decisions/README.md +++ b/translations/ro/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Bazele JavaScript: Luarea Deciziilor -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ro.png) +![JavaScript Basics - Making decisions](../../../../translated_images/ro/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/ro/2-js-basics/4-arrays-loops/README.md b/translations/ro/2-js-basics/4-arrays-loops/README.md index fabee0f60..a9f4c7ed2 100644 --- a/translations/ro/2-js-basics/4-arrays-loops/README.md +++ b/translations/ro/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Bazele JavaScript: Array-uri și Bucla -![Bazele JavaScript - Array-uri](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.ro.png) +![Bazele JavaScript - Array-uri](../../../../translated_images/ro/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ro/3-terrarium/1-intro-to-html/README.md b/translations/ro/3-terrarium/1-intro-to-html/README.md index fe1c2851a..fd74d6d75 100644 --- a/translations/ro/3-terrarium/1-intro-to-html/README.md +++ b/translations/ro/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Îmbunătățește accesibilitatea: 5: Student Construiește terariu: 5: Student ``` -![Introducere în HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.ro.png) +![Introducere în HTML](../../../../translated_images/ro/webdev101-html.4389c2067af68e98.png) > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac) HTML, sau HyperText Markup Language, este fundația fiecărui site web pe care l-ai vizitat vreodată. Gândește-te la HTML ca scheletul care oferă structură paginilor web – definește unde merge conținutul, cum este organizat și ce reprezintă fiecare element. În timp ce CSS va „îmbrăca” mai târziu HTML-ul tău cu culori și layout-uri, iar JavaScript îl va anima cu interactivitate, HTML oferă structura esențială care face tot restul posibil. @@ -86,7 +86,7 @@ Vei crea un folder dedicat pentru proiectul terrarium și vei adăuga primul tă 4. În panoul Explorer, apasă pe pictograma "New File" 5. Denumește fișierul `index.html` -![Explorator VS Code arătând crearea unui fișier nou](../../../../translated_images/vs-code-index.e2986cf919471eb9.ro.png) +![Explorator VS Code arătând crearea unui fișier nou](../../../../translated_images/ro/vs-code-index.e2986cf919471eb9.png) **Opțiunea 2: Folosind Comenzi în Terminal** ```bash @@ -236,48 +236,48 @@ Adaugă acum imaginile plantelor organizate în două coloane între etichetele
- 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/ro/3-terrarium/2-intro-to-css/README.md b/translations/ro/3-terrarium/2-intro-to-css/README.md index 6a10d84cd..6c5493802 100644 --- a/translations/ro/3-terrarium/2-intro-to-css/README.md +++ b/translations/ro/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Design responsiv: 5: Student Reflexii pe sticlă: 5: Student ``` -![Introducere în CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.ro.png) +![Introducere în CSS](../../../../translated_images/ro/webdev101-css.3f7af5991bf53a20.png) > Sketchnote realizat de [Tomomi Imura](https://twitter.com/girlie_mac) Îți amintești cum arăta terrariul tău HTML destul de simplu? CSS este locul unde transformăm acea structură simplă într-un ceva atrăgător vizual. @@ -202,7 +202,7 @@ body { Deschide unelte pentru dezvoltatori în browserul tău (F12), navighează la fila Elements, și inspectează elementul `

`. Vei vedea că acesta moștenește familia fontului de la body: -![font moștenit](../../../../translated_images/1.cc07a5cbe114ad1d.ro.png) +![font moștenit](../../../../translated_images/ro/1.cc07a5cbe114ad1d.png) ✅ **Experiment**: Încearcă să setezi alte proprietăți moștenitoare pe `` precum `color`, `line-height` sau `text-align`. Ce se întâmplă cu titlul și celelalte elemente? @@ -332,7 +332,7 @@ Selectorii de clase folosesc simbolul `.` și sunt perfecți când vrei să apli **Iată structura HTML pentru fiecare plantă:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Ești gata să îmbunătățești terrariul cu reflecții realiste de sticlă? A Vei crea accente subtile care simulează modul în care lumina se reflectă pe suprafețele de sticlă. Această abordare este similară cu modul în care pictorii Renașterii, precum Jan van Eyck, foloseau lumina și reflectarea pentru a face sticla pictată să pară tridimensională. Iată ce vizezi: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.ro.png) +![finished terrarium](../../../../translated_images/ro/terrarium-final.2f07047ffc597d0a.png) **Provocarea ta:** - **Creează** forme ovale albe sau deschise la culoare pentru reflexiile sticlei diff --git a/translations/ro/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ro/3-terrarium/3-intro-to-DOM-and-closures/README.md index 1660d5492..4de5f84c7 100644 --- a/translations/ro/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/ro/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Test functionality: 5: Student Complete terrarium: 5: Student ``` -![DOM și o închidere](../../../../translated_images/webdev101-js.10280393044d7eaa.ro.png) +![DOM și o închidere](../../../../translated_images/ro/webdev101-js.10280393044d7eaa.png) > Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac) Bine ați venit la unul dintre cele mai atractive aspecte ale dezvoltării web - a face lucrurile interactive! Document Object Model (DOM) este ca un pod între HTML-ul tău și JavaScript, iar astăzi îl vom folosi pentru a da viață terariului tău. Când Tim Berners-Lee a creat primul browser web, și-a imaginat o web unde documentele pot fi dinamice și interactive - DOM face această viziune posibilă. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Reprezentare arbore DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.ro.png) +![Reprezentare arbore DOM](../../../../translated_images/ro/dom-tree.7daf0e763cbbba92.png) > O reprezentare a DOM și a marcajului HTML care îl referențiază. De la [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Înțelegerea închiderilor**: Închiderile sunt un subiect important în JavaScript, iar mulți dezvoltatori le folosesc ani de zile înainte să înțeleagă pe deplin toate aspectele teoretice. Astăzi ne concentrăm pe aplicația practică - vei vedea cum închiderile apar natural pe măsură ce construim caracteristicile noastre interactive. Înțelegerea va crește pe măsură ce vezi cum rezolvă probleme reale. -![Reprezentare arbore DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.ro.png) +![Reprezentare arbore DOM](../../../../translated_images/ro/dom-tree.7daf0e763cbbba92.png) > O reprezentare a DOM și a marcajului HTML care îl referențiază. De la [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Acum testează-ți terariul interactiv! Deschide fișierul `index.html` într-un - **Suport cross-device**: Funcționează pe desktop și pe mobil - **Conștientizare a performanței**: Fără scurgeri de memorie sau calcule redundante -![terrariu finalizat](../../../../translated_images/terrarium-final.0920f16e87c13a84.ro.png) +![terrariu finalizat](../../../../translated_images/ro/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/ro/3-terrarium/solution/README.md b/translations/ro/3-terrarium/solution/README.md index 20cc2f59c..ac5eca99a 100644 --- a/translations/ro/3-terrarium/solution/README.md +++ b/translations/ro/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Un mic exercițiu de tip drag and drop. Cu puțin HTML, JS și CSS, poți construi o interfață web, să o stilizezi și să adaugi interacțiuni. -![terariul meu](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.ro.png) +![terariul meu](../../../../translated_images/ro/screenshot_gray.0c796099a1f9f25e.png) ## Credite diff --git a/translations/ro/5-browser-extension/1-about-browsers/README.md b/translations/ro/5-browser-extension/1-about-browsers/README.md index 2abb61e9f..fe6b18b60 100644 --- a/translations/ro/5-browser-extension/1-about-browsers/README.md +++ b/translations/ro/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Depanează problemele: 4: Student Perfecționează experiența: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.ro.jpg) +![Browser sketchnote](../../../../translated_images/ro/browser.60317c9be8b7f84a.jpg) > Sketchnote de [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Chestionar Pre-Prelegere @@ -77,7 +77,7 @@ Acest proces reflectă modul în care primul browser web, WorldWideWeb, a fost p ✅ **Puțină istorie**: Primul browser se numea 'WorldWideWeb' și a fost creat de Sir Timothy Berners-Lee în 1990. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.ro.jpg) +![early browsers](../../../../translated_images/ro/earlybrowsers.d984b711cdf3a42d.jpg) > Unele browsere timpurii, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Cum Processează Browserele Conținutul Web @@ -194,7 +194,7 @@ quadrantChart Înțelegerea procesului de instalare a extensiilor te ajută să anticipezi experiența utilizatorului când oamenii își instalează extensia ta. Procesul de instalare este standardizat în browserele moderne, cu variații minore în designul interfeței. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.ro.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/ro/install-on-edge.d68781acaf0b3d3d.png) > **Important**: Asigură-te că activezi modul dezvoltator și permiți extensiile din alte magazine când testezi extensiile proprii. @@ -308,10 +308,10 @@ Aceasta urmează principiul dezvăluirii progresive folosit în designul interfe ### Prezentarea Vederilor Extensiei **Vederea de configurare** - Configurare inițială pentru utilizatorii noi: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.ro.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/ro/1.b6da8c1394b07491.png) **Vederea de rezultate** - Afișarea datelor despre amprenta de carbon: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.ro.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/ro/2.1dae52ff08042246.png) ### Construirea Formularului de Configurare diff --git a/translations/ro/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ro/5-browser-extension/2-forms-browsers-local-storage/README.md index 6c1552d5c..738a062e5 100644 --- a/translations/ro/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/ro/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Șterge datele salvate ClearStorage --> FirstTime: Înapoi la configurare ``` -![Local storage pane](../../../../translated_images/localstorage.472f8147b6a3f8d1.ro.png) +![Local storage pane](../../../../translated_images/ro/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Considerație de Securitate**: În aplicațiile de producție, stocarea cheilor API în LocalStorage poate reprezenta un risc de securitate, deoarece JavaScript poate accesa aceste date. Pentru scopuri educaționale, această metodă este acceptabilă, dar aplicațiile reale ar trebui să folosească stocare sigură pe server pentru credențiale sensibile. diff --git a/translations/ro/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ro/5-browser-extension/3-background-tasks-and-performance/README.md index b91962570..9c4f5e6bc 100644 --- a/translations/ro/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/ro/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Pentru a deschide Developer Tools în Edge, fă clic pe cele trei puncte din col Hai să încercăm asta. Deschide un site (Microsoft.com este potrivit pentru asta) și apasă butonul 'Record'. Acum reîncarcă pagina și urmărește cum profilatorul surprinde tot ce se întâmplă. Când oprești înregistrarea, vei vedea o defalcare detaliată a modului în care browserul 'scriptuiește', 'randează' și 'pictează' site-ul. Îmi amintește cum centrul de comandă monitorizează fiecare sistem în timpul lansării unei rachete – primești date în timp real despre exact ce se întâmplă și când. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.ro.png) +![Edge profiler](../../../../translated_images/ro/profiler.5a4a62479c5df01c.png) ✅ Documentația [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) are o mulțime de detalii dacă vrei să explorezi mai mult. @@ -133,11 +133,11 @@ Selectează elemente din cronologia profilului pentru a mări evenimentele care Obține o imagine de ansamblu a performanței paginii tale selectând o parte din cronologia profilului și uitându-te în panoul de sumar: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.ro.png) +![Edge profiler snapshot](../../../../translated_images/ro/snapshot.97750180ebcad737.png) Verifică panoul Event Log pentru a vedea dacă vreun eveniment a durat mai mult de 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.ro.png) +![Edge event log](../../../../translated_images/ro/log.804026979f3707e0.png) ✅ Familiarizează-te cu profilatorul tău! Deschide uneltele pentru dezvoltatori pe acest site și vezi dacă există blocaje. Care este elementul cel mai lent la încărcare? Cel mai rapid? diff --git a/translations/ro/5-browser-extension/README.md b/translations/ro/5-browser-extension/README.md index b6ecb6668..90c80426b 100644 --- a/translations/ro/5-browser-extension/README.md +++ b/translations/ro/5-browser-extension/README.md @@ -23,7 +23,7 @@ Această extensie poate fi utilizată ad-hoc de un utilizator, odată ce o cheie ### Credite -![o extensie verde pentru browser](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![o extensie verde pentru browser](../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Credite diff --git a/translations/ro/5-browser-extension/solution/README.md b/translations/ro/5-browser-extension/solution/README.md index 2414fdf51..fc0e40f3d 100644 --- a/translations/ro/5-browser-extension/solution/README.md +++ b/translations/ro/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Folosind API-ul C02 Signal de la tmrow pentru a monitoriza consumul de electricitate, construiește o extensie de browser care să îți ofere un memento direct în browser despre cât de intens este consumul de electricitate în regiunea ta. Utilizarea acestei extensii în mod ad-hoc te va ajuta să iei decizii informate cu privire la activitățile tale bazate pe aceste informații. -![captură de ecran extensie](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![captură de ecran extensie](../../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Începe @@ -31,7 +31,7 @@ npm run build Pentru a instala pe Edge, folosește meniul „trei puncte” din colțul din dreapta sus al browserului pentru a găsi panoul Extensii. De acolo, selectează „Load Unpacked” pentru a încărca o extensie nouă. Deschide folderul „dist” la prompt și extensia va fi încărcată. Pentru a o utiliza, vei avea nevoie de o cheie API pentru API-ul CO2 Signal ([obține una aici prin email](https://www.co2signal.com/) - introdu adresa ta de email în caseta de pe această pagină) și de [codul pentru regiunea ta](http://api.electricitymap.org/v3/zones) corespunzător [Electricity Map](https://www.electricitymap.org/map) (în Boston, de exemplu, folosesc „US-NEISO”). -![instalare](../../../../translated_images/install-on-edge.78634f02842c4828.ro.png) +![instalare](../../../../translated_images/ro/install-on-edge.78634f02842c4828.png) După ce cheia API și regiunea sunt introduse în interfața extensiei, punctul colorat din bara extensiei browserului ar trebui să se schimbe pentru a reflecta consumul de energie din regiunea ta și să îți ofere o sugestie despre ce activități consumatoare de energie ar fi potrivite să desfășori. Conceptul din spatele acestui sistem de „puncte” mi-a fost inspirat de extensia [Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/5-browser-extension/solution/translation/README.es.md b/translations/ro/5-browser-extension/solution/translation/README.es.md index 72899212d..4d76715b6 100644 --- a/translations/ro/5-browser-extension/solution/translation/README.es.md +++ b/translations/ro/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Folosind API-ul CO2 Signal de la tmrow pentru a urmări consumul de electricitate, creați o extensie de browser care să vă ofere un memento direct în browser despre consumul de electricitate din regiunea dumneavoastră. Utilizarea acestei extensii ad hoc vă va ajuta să luați decizii cu privire la activitățile dumneavoastră bazându-vă pe aceste informații. -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.ro.png) +![extension screenshot](../../../../../translated_images/ro/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Început @@ -31,7 +31,7 @@ npm run build Pentru instalare în Edge, utilizați meniul cu 'trei puncte' din colțul din dreapta sus al browserului pentru a găsi panoul Extensii. De acolo, selectați 'Încărcare neambalată' pentru a adăuga o extensie nouă. Deschideți folderul 'dist' când vi se solicită și extensia va fi încărcată. Pentru a o utiliza, veți avea nevoie de o cheie API pentru API-ul CO2 Signal ([obțineți una aici prin e-mail](https://www.co2signal.com/) - introduceți adresa de e-mail în câmpul de pe această pagină) și de [codul pentru regiunea dumneavoastră](http://api.electricitymap.org/v3/zones) corespunzător [Hărții de electricitate](https://www.electricitymap.org/map) (în Boston, de exemplu, folosesc 'US-NEISO'). -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.ro.png) +![installing](../../../../../translated_images/ro/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Odată ce introduceți cheia API și regiunea în interfața extensiei, punctul colorat din bara extensiei browserului ar trebui să se schimbe pentru a reflecta consumul de energie din regiunea dumneavoastră și să vă ofere un indicator despre activitățile cu consum ridicat de energie care ar fi potrivite pentru dumneavoastră. Conceptul din spatele acestui sistem de "puncte" mi-a fost inspirat de [extensia Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/5-browser-extension/solution/translation/README.fr.md b/translations/ro/5-browser-extension/solution/translation/README.fr.md index 41fa0c75d..d5bbf9ae5 100644 --- a/translations/ro/5-browser-extension/solution/translation/README.fr.md +++ b/translations/ro/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Folosind API-ul CO2 Signal de la tmrow pentru a monitoriza consumul de electricitate, creați o extensie de browser care să vă ofere un memento direct în browser despre consumul de electricitate din regiunea dumneavoastră. Utilizarea acestei extensii ad-hoc vă va ajuta să luați decizii informate cu privire la activitățile dumneavoastră pe baza acestor informații. -![captură de extensie](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![captură de extensie](../../../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Începeți @@ -31,7 +31,7 @@ npm run build Pentru a instala pe Edge, utilizați meniul „trei puncte” din colțul din dreapta sus al browserului pentru a găsi panoul Extensii. De acolo, selectați „Încărcați extensia dezarhivată” pentru a adăuga o nouă extensie. La solicitare, deschideți folderul „dist” și extensia va fi încărcată. Pentru a o utiliza, veți avea nevoie de o cheie API pentru API-ul CO2 Signal ([obțineți una aici prin e-mail](https://www.co2signal.com/) - introduceți adresa dumneavoastră de e-mail în câmpul de pe această pagină) și de [codul pentru regiunea dumneavoastră](http://api.electricitymap.org/v3/zones) corespunzător [Hărții electricității](https://www.electricitymap.org/map) (de exemplu, în Boston, folosesc „US-NEISO”). -![instalare](../../../../../translated_images/install-on-edge.78634f02842c4828.ro.png) +![instalare](../../../../../translated_images/ro/install-on-edge.78634f02842c4828.png) Odată ce cheia API și regiunea sunt introduse în interfața extensiei, punctul colorat din bara de extensii a browserului ar trebui să se schimbe pentru a reflecta consumul de energie din regiunea dumneavoastră și să vă ofere un indicator despre activitățile consumatoare de energie pe care ar fi potrivit să le desfășurați. Conceptul din spatele acestui sistem de „puncte” mi-a fost inspirat de [extensia Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/5-browser-extension/solution/translation/README.hi.md b/translations/ro/5-browser-extension/solution/translation/README.hi.md index 6001333eb..fb1961f93 100644 --- a/translations/ro/5-browser-extension/solution/translation/README.hi.md +++ b/translations/ro/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Construirea unei extensii de browser care utilizează API-ul CO2 Signal de la tmrow pentru a urmări consumul de energie electrică, astfel încât să primiți un memento în browser despre cât de intens este consumul de energie electrică în zona dumneavoastră. Utilizarea acestei extensii vă poate ajuta să luați decizii informate cu privire la activitățile dumneavoastră pe baza acestor informații. -![Captură de ecran a extensiei](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![Captură de ecran a extensiei](../../../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Început @@ -31,7 +31,7 @@ npm run build Pentru a instala pe Edge, utilizați meniul „trei puncte” din colțul din dreapta sus al browserului pentru a găsi panoul de extensii. De acolo, selectați „Load unpacked” pentru a încărca o extensie nouă. La prompt, deschideți folderul „dist” și extensia va fi încărcată. Pentru a o utiliza, veți avea nevoie de o cheie API pentru CO2 Signal ([obțineți-o prin e-mail aici](https://www.co2signal.com/) - introduceți adresa dumneavoastră de e-mail în caseta de pe această pagină) și de [codul zonei dumneavoastră](http://api.electricitymap.org/v3/zones) de pe [Electricity Map](https://www.electricitymap.org/map) (de exemplu, pentru Boston, eu folosesc „US-NEISO”). -![instalare](../../../../../translated_images/install-on-edge.78634f02842c4828.ro.png) +![instalare](../../../../../translated_images/ro/install-on-edge.78634f02842c4828.png) Odată ce cheia API și codul zonei sunt introduse în interfața extensiei, punctul colorat din bara extensiei browserului ar trebui să se schimbe pentru a reflecta consumul de energie din zona dumneavoastră și să vă ofere un indicator despre ce activități consumatoare de energie sunt potrivite pentru moment. Conceptul din spatele acestui sistem de „puncte” mi-a fost inspirat de extensia [Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/5-browser-extension/solution/translation/README.it.md b/translations/ro/5-browser-extension/solution/translation/README.it.md index f507f9acb..33dc7140c 100644 --- a/translations/ro/5-browser-extension/solution/translation/README.it.md +++ b/translations/ro/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Se va utiliza API-ul Signal CO2 de la tmrow pentru a monitoriza utilizarea energiei electrice, cu scopul de a crea o extensie de browser care să ofere un memento direct în browser despre cât de intensă este utilizarea energiei electrice în regiunea ta. Utilizarea acestei extensii personalizate va ajuta la evaluarea activităților proprii pe baza acestor informații. -![captură de ecran a extensiei](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![captură de ecran a extensiei](../../../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Pentru a începe @@ -31,7 +31,7 @@ npm run build Pentru a instala pe Edge, folosește meniul „trei puncte” din colțul din dreapta sus al browserului pentru a accesa panoul Extensii. Dacă nu este deja activată, activează Modul dezvoltator (în partea de jos, stânga). Selectează „Încarcă necomprimat” pentru a adăuga o nouă extensie. Deschide folderul „dist” la prompt, iar extensia va fi încărcată. Pentru a o utiliza, vei avea nevoie de o cheie API pentru API-ul CO2 Signal (poți [obține una prin e-mail aici](https://www.co2signal.com/) - introdu adresa ta de e-mail în caseta de pe această pagină) și de [codul pentru regiunea ta](http://api.electricitymap.org/v3/zones) corespunzător [hărții electrice](https://www.electricitymap.org/map) (de exemplu, pentru Boston, „US-NEISO”). -![instalare](../../../../../translated_images/install-on-edge.78634f02842c4828.ro.png) +![instalare](../../../../../translated_images/ro/install-on-edge.78634f02842c4828.png) După ce cheia API și regiunea au fost introduse în interfața extensiei, punctul colorat din bara extensiei browserului ar trebui să se schimbe pentru a reflecta utilizarea energiei din regiune și să ofere o sugestie despre ce activități cu consum ridicat de energie ar fi potrivite de realizat. Conceptul din spatele acestui sistem de „puncte” a fost inspirat de [extensia Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/5-browser-extension/solution/translation/README.ja.md b/translations/ro/5-browser-extension/solution/translation/README.ja.md index e282538f1..928a4416e 100644 --- a/translations/ro/5-browser-extension/solution/translation/README.ja.md +++ b/translations/ro/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Construiește o extensie de browser care utilizează API-ul CO2 Signal de la tmrow pentru a urmări consumul de energie și pentru a afișa, ca un memento, cât de intens este consumul de energie în regiunea ta. Folosind această extensie în mod ad-hoc, poți lua decizii informate cu privire la activitățile tale pe baza acestor informații. -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![extension screenshot](../../../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Introducere @@ -31,7 +31,7 @@ npm run build Pentru a instala pe Edge, găsește panoul „Extensii” din meniul „trei puncte” din colțul din dreapta sus al browserului. De acolo, selectează „Load Unpacked” pentru a încărca noua extensie. Când apare promptul, deschide folderul „dist” și extensia va fi încărcată. Pentru utilizare, vei avea nevoie de o cheie API pentru CO2 Signal ([obține una aici prin email](https://www.co2signal.com/) - introdu adresa ta de email în caseta de pe această pagină) și de [codul corespunzător regiunii tale](http://api.electricitymap.org/v3/zones) de pe [Electricity Map](https://www.electricitymap.org/map) (de exemplu, pentru Boston, folosește 'US-NEISO'). -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.ro.png) +![installing](../../../../../translated_images/ro/install-on-edge.78634f02842c4828.png) După ce introduci cheia API și regiunea în interfața extensiei, punctul colorat afișat în bara extensiei browserului se va schimba pentru a reflecta consumul de energie din regiunea ta. Acesta îți va indica ce tip de activități care necesită energie sunt potrivite în acel moment. Conceptul acestui sistem de „puncte” mi-a fost inspirat de extensia [Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/5-browser-extension/solution/translation/README.ms.md b/translations/ro/5-browser-extension/solution/translation/README.ms.md index 6465d5fc4..039089b88 100644 --- a/translations/ro/5-browser-extension/solution/translation/README.ms.md +++ b/translations/ro/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Folosind API-ul CO2 Signal de la tmrow pentru a monitoriza consumul de electricitate, construiește o extensie de browser care să te alerteze în legătură cu nivelul de utilizare a energiei electrice din regiunea ta. Utilizarea acestei extensii te va ajuta să iei decizii mai informate cu privire la activitățile tale, bazându-te pe aceste informații. -![captură de ecran a extensiei de browser](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![captură de ecran a extensiei de browser](../../../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Începe de Aici @@ -31,7 +31,7 @@ npm run build Pentru a o instala în Edge, folosește meniul cu „trei puncte” din colțul din dreapta sus al browserului pentru a accesa panoul Extensii. De acolo, selectează „Load Unpacked” pentru a încărca o extensie nouă. Deschide folderul „dist” când ți se cere, iar extensia va fi încărcată. Pentru a o utiliza, vei avea nevoie de o cheie API pentru API-ul CO2 Signal ([obține una aici prin e-mail](https://www.co2signal.com/) - introdu adresa ta de e-mail în câmpul de pe această pagină) și de [codul regiunii tale](http://api.electricitymap.org/v3/zones), care corespunde cu [Electricity Map](https://www.electricitymap.org/map) (de exemplu, în Boston, eu folosesc „US-NEISO”). -![descărcare în curs](../../../../../translated_images/install-on-edge.78634f02842c4828.ro.png) +![descărcare în curs](../../../../../translated_images/ro/install-on-edge.78634f02842c4828.png) După ce introduci cheia API și regiunea în interfața extensiei, punctul colorat din bara extensiei browserului se va schimba pentru a reflecta consumul de energie din regiunea ta și îți va oferi sugestii despre activitățile potrivite pe care le poți desfășura. Conceptul din spatele acestui sistem de „puncte” mi-a fost inspirat de [extensia de browser Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/5-browser-extension/start/README.md b/translations/ro/5-browser-extension/start/README.md index 4ba28078c..fa7618464 100644 --- a/translations/ro/5-browser-extension/start/README.md +++ b/translations/ro/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Folosind API-ul CO2 Signal de la tmrow pentru a monitoriza consumul de energie electrică, construiește o extensie de browser astfel încât să ai un memento direct în browser despre cât de intens este consumul de energie electrică în regiunea ta. Utilizarea acestei extensii în mod ad-hoc te va ajuta să iei decizii informate cu privire la activitățile tale, bazându-te pe aceste informații. -![captură de ecran a extensiei](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ro.png) +![captură de ecran a extensiei](../../../../translated_images/ro/extension-screenshot.0e7f5bfa110e92e3.png) ## Începe @@ -31,7 +31,7 @@ npm run build Pentru a instala pe Edge, folosește meniul „trei puncte” din colțul din dreapta sus al browserului pentru a găsi panoul Extensii. De acolo, selectează „Load Unpacked” pentru a încărca o extensie nouă. La prompt, deschide folderul „dist” și extensia va fi încărcată. Pentru a o utiliza, vei avea nevoie de o cheie API pentru API-ul CO2 Signal ([obține una aici prin email](https://www.co2signal.com/) - introdu adresa ta de email în căsuța de pe această pagină) și de [codul pentru regiunea ta](http://api.electricitymap.org/v3/zones) corespunzător [Electricity Map](https://www.electricitymap.org/map) (de exemplu, în Boston, folosesc „US-NEISO”). -![instalare](../../../../translated_images/install-on-edge.78634f02842c4828.ro.png) +![instalare](../../../../translated_images/ro/install-on-edge.78634f02842c4828.png) Odată ce cheia API și regiunea sunt introduse în interfața extensiei, punctul colorat din bara extensiei browserului ar trebui să se schimbe pentru a reflecta consumul de energie din regiunea ta și să îți ofere o sugestie despre ce activități consumatoare de energie ar fi potrivite să le desfășori. Conceptul din spatele acestui sistem de „puncte” mi-a fost inspirat de [extensia Energy Lollipop](https://energylollipop.com/) pentru emisiile din California. diff --git a/translations/ro/6-space-game/2-drawing-to-canvas/README.md b/translations/ro/6-space-game/2-drawing-to-canvas/README.md index 2a13c7a79..6d7ad8d8b 100644 --- a/translations/ro/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/ro/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] ``` -![grila canvas-ului](../../../../translated_images/canvas_grid.5f209da785ded492.ro.png) +![grila canvas-ului](../../../../translated_images/ro/canvas_grid.5f209da785ded492.png) > Imagine de la [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Pentru a desena pe elementul canvas, vei urma același proces în trei pași care formează baza tuturor graficilor canvas. Odată ce îl faci de câteva ori, devine ceva natural: @@ -323,11 +323,11 @@ Vei construi o pagină web cu un element Canvas. Aceasta ar trebui să redea un - Nava eroului - ![Nava eroului](../../../../translated_images/player.dd24c1afa8c71e9b.ro.png) + ![Nava eroului](../../../../translated_images/ro/player.dd24c1afa8c71e9b.png) - Monstru 5*5 - ![Nava monstrului](../../../../translated_images/enemyShip.5df2a822c16650c2.ro.png) + ![Nava monstrului](../../../../translated_images/ro/enemyShip.5df2a822c16650c2.png) ### Pași Recomandați pentru a începe dezvoltarea @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Rezultatul final ar trebui să arate astfel: -![Black screen with a hero and 5*5 monsters](../../../../translated_images/partI-solution.36c53b48c9ffae2a.ro.png) +![Black screen with a hero and 5*5 monsters](../../../../translated_images/ro/partI-solution.36c53b48c9ffae2a.png) ## Soluție diff --git a/translations/ro/6-space-game/5-keeping-score/README.md b/translations/ro/6-space-game/5-keeping-score/README.md index e47157fb3..33151060e 100644 --- a/translations/ro/6-space-game/5-keeping-score/README.md +++ b/translations/ro/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Sistem de punctaj**: Fiecare navă inamic distrusă acordă 100 de puncte (numere rotunde sunt mai ușor de calculat mental pentru jucători). Scorul se afișează în colțul din stânga jos. -- **Contor de vieți**: Eroul tău începe cu trei vieți - un standard stabilit de jocurile arcade timpurii pentru a echilibra provocarea cu jucabilitatea. Fiecare coliziune cu un inamic costă o viață. Vom afișa viețile rămase în colțul din dreapta jos folosind icoane de navă ![life image](../../../../translated_images/life.6fb9f50d53ee0413.ro.png). +- **Contor de vieți**: Eroul tău începe cu trei vieți - un standard stabilit de jocurile arcade timpurii pentru a echilibra provocarea cu jucabilitatea. Fiecare coliziune cu un inamic costă o viață. Vom afișa viețile rămase în colțul din dreapta jos folosind icoane de navă ![life image](../../../../translated_images/ro/life.6fb9f50d53ee0413.png). ## Să începem construcția! diff --git a/translations/ro/7-bank-project/1-template-route/README.md b/translations/ro/7-bank-project/1-template-route/README.md index 41c2cdf7a..dc7d1575b 100644 --- a/translations/ro/7-bank-project/1-template-route/README.md +++ b/translations/ro/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Folosirea `history.pushState` creează intrări noi în istoricul de navigare al browserului. Poți verifica ținând apăsat *butonul înapoi* al browserului, ar trebui să afișeze ceva de genul: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.ro.png) +![Screenshot of navigation history](../../../../translated_images/ro/history.7fdabbafa521e064.png) Dacă apeși butonul înapoi de câteva ori, vei vedea că URL-ul se schimbă și istoricul este actualizat, dar același șablon continuă să fie afișat. diff --git a/translations/ro/7-bank-project/2-forms/README.md b/translations/ro/7-bank-project/2-forms/README.md index 99bef6c47..a10b961ed 100644 --- a/translations/ro/7-bank-project/2-forms/README.md +++ b/translations/ro/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Mai întâi, să observăm ce se întâmplă cu o trimitere simplă a formularul 2. Observă schimbările din bara de adrese a browserului 3. Observă cum pagina se reîncarcă și apar date în URL -![Captură de ecran cu schimbarea URL-ului în browser după ce s-a apăsat butonul Înregistrează](../../../../translated_images/click-register.e89a30bf0d4bc9ca.ro.png) +![Captură de ecran cu schimbarea URL-ului în browser după ce s-a apăsat butonul Înregistrează](../../../../translated_images/ro/click-register.e89a30bf0d4bc9ca.png) ### Compararea metodelor HTTP @@ -346,7 +346,7 @@ Să configurăm formularul tău de înregistrare să comunice corect cu API-ul b 2. **Apasă** butonul „Creare Cont” 3. **Observă** răspunsul serverului în browser -![Fereastră de browser la adresa localhost:5000/api/accounts, arătând un șir JSON cu datele utilizatorului](../../../../translated_images/form-post.61de4ca1b964d91a.ro.png) +![Fereastră de browser la adresa localhost:5000/api/accounts, arătând un șir JSON cu datele utilizatorului](../../../../translated_images/ro/form-post.61de4ca1b964d91a.png) **Ce ar trebui să vezi:** - **Browserul redirecționează** către URL-ul endpoint-ului API @@ -609,7 +609,7 @@ async function register() { 3. **Apasă** pe "Creează cont" 4. **Observă** mesajele din consolă și feedback-ul utilizatorului -![Screenshot showing log message in the browser console](../../../../translated_images/browser-console.efaf0b51aaaf6778.ro.png) +![Screenshot showing log message in the browser console](../../../../translated_images/ro/browser-console.efaf0b51aaaf6778.png) **Ce ar trebui să vezi:** - **Stare de încărcare** apare pe butonul de trimitere @@ -783,7 +783,7 @@ Să îmbunătățim formularul tău de înregistrare cu o validare robustă care 3. **Încearcă** caractere speciale în câmpul de nume utilizator 4. **Introdu** o sumă negativă în sold -![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/validation-error.8bd23e98d416c22f.ro.png) +![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/ro/validation-error.8bd23e98d416c22f.png) **Ce vei observa:** - **Browserul afișează** mesaje native de validare @@ -943,7 +943,7 @@ Afișează un mesaj de eroare în HTML dacă utilizatorul există deja. Iată un exemplu de cum poate arăta pagina finală de login după un pic de stilizare: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.ro.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/ro/result.96ef01f607bf856a.png) ## Chestionar Post-Lecție diff --git a/translations/ro/7-bank-project/3-data/README.md b/translations/ro/7-bank-project/3-data/README.md index b6827394b..4e12d2cb1 100644 --- a/translations/ro/7-bank-project/3-data/README.md +++ b/translations/ro/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Returnează pagina HTML completă Browser->>User: Afișează pagina nouă (clipire/reîncărcare) ``` -![Fluxul de actualizare într-o aplicație multi-pagină](../../../../translated_images/mpa.7f7375a1a2d4aa77.ro.png) +![Fluxul de actualizare într-o aplicație multi-pagină](../../../../translated_images/ro/mpa.7f7375a1a2d4aa77.png) **De ce această abordare părea stângace:** - Fiecare clic implica reconstruirea completă a paginii de la zero @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Actualizează elemente specifice ale paginii Browser->>User: Afișează conținut actualizat (fără reîncărcare) ``` -![Fluxul de actualizare într-o aplicație single-page](../../../../translated_images/spa.268ec73b41f992c2.ro.png) +![Fluxul de actualizare într-o aplicație single-page](../../../../translated_images/ro/spa.268ec73b41f992c2.png) **De ce SPA-urile se simt mult mai bine:** - Doar părțile care s-au schimbat de fapt sunt actualizate (inteligent, nu?) @@ -516,7 +516,7 @@ if (data.error) { Acum, când testezi cu un cont invalid, vei vedea un mesaj de eroare util chiar pe pagină! -![Screenshot showing the error message displayed during login](../../../../translated_images/login-error.416fe019b36a6327.ro.png) +![Screenshot showing the error message displayed during login](../../../../translated_images/ro/login-error.416fe019b36a6327.png) #### Pasul 4: Incluzivitate și Accesibilitate @@ -950,7 +950,7 @@ Ești gata să duci aplicația ta bancară la nivelul următor? Hai să o facem Iată cum ar putea arăta un dashboard finisat: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.ro.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/ro/screen2.123c82a831a1d14a.png) Nu trebuie să se potrivească exact - folosește-l ca inspirație și fă-l să fie al tău! diff --git a/translations/ro/7-bank-project/4-state-management/README.md b/translations/ro/7-bank-project/4-state-management/README.md index e364afde1..e2da536e3 100644 --- a/translations/ro/7-bank-project/4-state-management/README.md +++ b/translations/ro/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Ca designul compartimentalizat al Titanicului care părea robust până când ma În loc să ne învârtim în cerc, vom crea un sistem **centralizat de gestionare a stării**. Gândește-te la asta ca la o persoană foarte organizată care răspunde de toate lucrurile importante: -![Schema care arată fluxurile de date între HTML, acțiunile utilizatorului și stare](../../../../translated_images/data-flow.fa2354e0908fecc8.ro.png) +![Schema care arată fluxurile de date între HTML, acțiunile utilizatorului și stare](../../../../translated_images/ro/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Această provocare vă va ajuta să gândiți ca un dezvoltator profesionist, ca Iată un exemplu de rezultat după finalizarea temei: -![Captură de ecran care arată un exemplu de dialog „Adaugă tranzacție”](../../../../translated_images/dialog.93bba104afeb79f1.ro.png) +![Captură de ecran care arată un exemplu de dialog „Adaugă tranzacție”](../../../../translated_images/ro/dialog.93bba104afeb79f1.png) --- diff --git a/translations/ro/7-bank-project/4-state-management/assignment.md b/translations/ro/7-bank-project/4-state-management/assignment.md index cca55e9bd..f5686c339 100644 --- a/translations/ro/7-bank-project/4-state-management/assignment.md +++ b/translations/ro/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Consultă [documentația API-ului serverului](../api/README.md) pentru: **Rezultat așteptat:** După finalizarea acestei teme, aplicația ta bancară ar trebui să aibă o funcționalitate completă "Adaugă tranzacție" care să arate și să funcționeze profesional: -![Captură de ecran care arată un exemplu de dialog "Adaugă tranzacție"](../../../../translated_images/dialog.93bba104afeb79f1.ro.png) +![Captură de ecran care arată un exemplu de dialog "Adaugă tranzacție"](../../../../translated_images/ro/dialog.93bba104afeb79f1.png) ## Testarea implementării diff --git a/translations/ro/7-bank-project/README.md b/translations/ro/7-bank-project/README.md index 39a10f118..55216a85e 100644 --- a/translations/ro/7-bank-project/README.md +++ b/translations/ro/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: În acest proiect, vei învăța cum să construiești o bancă fictivă. Aceste lecții includ instrucțiuni despre cum să creezi structura unei aplicații web și să oferi rute, să construiești formulare, să gestionezi starea, și să obții date de la un API de unde poți prelua informațiile băncii. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.ro.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.ro.png) | +| ![Screen1](../../../translated_images/ro/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/ro/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Lecții diff --git a/translations/ro/8-code-editor/1-using-a-code-editor/README.md b/translations/ro/8-code-editor/1-using-a-code-editor/README.md index 6ce5ff592..b8f9a7e2f 100644 --- a/translations/ro/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/ro/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Așa cum telefonul lui Alexander Graham Bell conecta locații îndepărtate, con Odată ce totul s-a încărcat, vei vedea un spațiu de lucru frumos curat, conceput să te mențină concentrat pe ceea ce contează – codul tău! -![Interfața implicită VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.ro.png) +![Interfața implicită VSCode.dev](../../../../translated_images/ro/default-vscode-dev.5d06881d65c1b323.png) **Iată un tur al cartierului:** - **Bară de Activitate** (această bandă din stânga): Navigarea ta principală cu Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩 și Settings ⚙️ @@ -229,7 +229,7 @@ Perfectă când începi în VSCode.dev și vrei să deschizi un depozit specific 1. Mergi la [vscode.dev](https://vscode.dev) dacă nu ești deja acolo 2. Caută butonul "Open Remote Repository" pe ecranul de bun venit și dă click pe el - ![Deschide depozit la distanță](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.ro.png) + ![Deschide depozit la distanță](../../../../translated_images/ro/open-remote-repository.bd9c2598b8949e7f.png) 3. Lipsește orice URL GitHub de depozit (încearcă asta: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Apasă Enter și privește magia! @@ -238,7 +238,7 @@ Perfectă când începi în VSCode.dev și vrei să deschizi un depozit specific Vrei să te simți ca un vrăjitor al codului? Încearcă comanda rapidă Ctrl+Shift+P (sau Cmd+Shift+P pe Mac) pentru a deschide Command Palette: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.ro.png) +![Command Palette](../../../../translated_images/ro/palette-menu.4946174e07f42622.png) **Command Palette este ca un motor de căutare pentru tot ce poți face:** - Tastează „open remote” și va găsi deschizătorul de depozite pentru tine @@ -300,7 +300,7 @@ Ca atunci când organizezi planuri într-un birou de arhitect, crearea fișierel 3. Introdu numele fișierului cu extensia potrivită (`style.css`, `script.js`, `index.html`) 4. Apasă Enter pentru a crea fișierul -![Crearea unui fișier nou](../../../../translated_images/create-new-file.2814e609c2af9aeb.ro.png) +![Crearea unui fișier nou](../../../../translated_images/ro/create-new-file.2814e609c2af9aeb.png) **Convenții de denumire:** - Folosește nume descriptive care indică scopul fișierului @@ -318,7 +318,7 @@ Aici începe distracția adevărată! Editorul VSCode.dev este plin de caracteri 2. Începe să tastezi și privește cum VSCode.dev te ajută cu culori, sugestii și detectarea erorilor 3. Salvează-ți munca cu Ctrl+S (Windows/Linux) sau Cmd+S (Mac) – deși editorul salvează automat! -![Editarea unui fișier în VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.ro.png) +![Editarea unui fișier în VSCode.dev](../../../../translated_images/ro/edit-a-file.52c0ee665ef19f08.png) **Ce se întâmplă în timp ce codezi:** - Codul tău este frumos colorat pentru o lectură ușoară @@ -339,7 +339,7 @@ Așa cum arheologii creează înregistrări detaliate ale straturilor de săpăt 2. Fișierele modificate apar în secțiunea „Changes” 3. Codarea color indică tipurile de schimbări: verde pentru adaosuri, roșu pentru ștergeri -![Vizualizarea modificărilor în Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.ro.png) +![Vizualizarea modificărilor în Source Control](../../../../translated_images/ro/working-tree.c58eec08e6335c79.png) **Salvarea muncii tale (fluxul de commit):** @@ -431,7 +431,7 @@ Marketplace-ul extensiilor este foarte bine organizat, astfel încât să nu te 2. Răsfoiește sau caută ceva anume 3. Apasă pe orice arată interesant ca să afli mai multe -![Interfața marketplace-ului de extensii](../../../../translated_images/extensions.eca0e0c7f59a10b5.ro.png) +![Interfața marketplace-ului de extensii](../../../../translated_images/ro/extensions.eca0e0c7f59a10b5.png) **Ce vei vedea acolo:** @@ -484,7 +484,7 @@ Majoritatea extensiilor vin cu setări pe care le poți ajusta ca să funcțione 3. Alege „Extension Settings” din meniul derulant 4. Ajustează ce trebuie până când se potrivește perfect fluxului tău de lucru -![Personalizarea setărilor extensiei](../../../../translated_images/extension-settings.21c752ae4f4cdb78.ro.png) +![Personalizarea setărilor extensiei](../../../../translated_images/ro/extension-settings.21c752ae4f4cdb78.png) **Setări comune pe care s-ar putea să vrei să le modifici:** - Cum este formatat codul tău (taburi vs spații, lungimea liniei etc.) diff --git a/translations/ro/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ro/8-code-editor/1-using-a-code-editor/assignment.md index 0188f052a..dd02bbfa7 100644 --- a/translations/ro/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/ro/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Deoarece VSCode.dev necesită cel puțin un fișier pentru a deschide un depozit 4. **Scrie** un mesaj de commit: "Adaugă structura HTML inițială" 5. **Apasă** "Commit new file" pentru a salva modificările -![Crearea fișierului inițial pe GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.ro.png) +![Crearea fișierului inițial pe GitHub](../../../../translated_images/ro/new-file-github.com.c886796d800e8056.png) **Iată ce realizează această configurare inițială:** - **Stabilește** structura corectă a documentului HTML5 cu elemente semantice @@ -104,7 +104,7 @@ Acum că fundația depozitului tău este stabilită, să trecem la VSCode.dev pe ✅ **Indicator de succes**: Ar trebui să vezi fișierele proiectului tău în bara laterală Explorer și `index.html` disponibil pentru editare în zona principală a editorului. -![Proiect încărcat în VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ro.png) +![Proiect încărcat în VSCode.dev](../../../../translated_images/ro/project-on-vscode.dev.e79815a9a95ee7fe.png) **Ce vei vedea în interfață:** - **Bara laterală Explorer**: **Afișează** fișierele și structura folderelor depozitului tău @@ -448,7 +448,7 @@ Extensiile îmbunătățesc experiența de dezvoltare oferind capabilități de **Rezultate imediate după instalare:** Odată ce CodeSwing este instalat, vei vedea o previzualizare live a site-ului tău de CV apărând în editor. Acest lucru îți permite să vezi exact cum arată site-ul tău pe măsură ce faci modificări. -![Extensia CodeSwing afișând previzualizarea live](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ro.png) +![Extensia CodeSwing afișând previzualizarea live](../../../../translated_images/ro/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Înțelegerea interfeței îmbunătățite:** - **Vizualizare divizată**: **Afișează** codul pe o parte și previzualizarea live pe cealaltă diff --git a/translations/ro/9-chat-project/README.md b/translations/ro/9-chat-project/README.md index 8e91d1630..95d45fc7a 100644 --- a/translations/ro/9-chat-project/README.md +++ b/translations/ro/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Iată cum va arăta proiectul tău finalizat: -![Interfață aplicație de chat arătând conversație între utilizator și asistentul AI](../../../translated_images/screenshot.0a1ee0d123df681b.ro.png) +![Interfață aplicație de chat arătând conversație între utilizator și asistentul AI](../../../translated_images/ro/screenshot.0a1ee0d123df681b.png) ## 🗺️ Călătoria ta de învățare prin dezvoltarea aplicațiilor AI @@ -189,7 +189,7 @@ mindmap ``` **Principiu de bază**: dezvoltarea aplicațiilor AI combină abilități tradiționale de dezvoltare web cu integrarea serviciilor AI, creând aplicații inteligente care par naturale și responsive pentru utilizatori. -![Interfață GitHub Models AI Playground cu selecție de model și zonă de testare](../../../translated_images/playground.d2b927122224ff8f.ro.png) +![Interfață GitHub Models AI Playground cu selecție de model și zonă de testare](../../../translated_images/ro/playground.d2b927122224ff8f.png) **Ce face playground-ul atât de util:** - **Încearcă** diferite modele AI precum GPT-4o-mini, Claude și altele (toate gratuite!) @@ -199,7 +199,7 @@ mindmap După ce te joci puțin, apasă pe fila „Code” și alege limbajul de programare pentru a obține codul de implementare de care ai nevoie. -![Alegerea în Playground arătând opțiuni de generare cod pentru diferite limbaje de programare](../../../translated_images/playground-choice.1d23ba7d407f4758.ro.png) +![Alegerea în Playground arătând opțiuni de generare cod pentru diferite limbaje de programare](../../../translated_images/ro/playground-choice.1d23ba7d407f4758.png) ## Configurarea Integrației Backend în Python @@ -2353,14 +2353,14 @@ Vrei să încerci acest proiect într-un mediu de dezvoltare în cloud? GitHub C - **Navighează** la [depozitul Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Apasă** pe „Use this template” în colțul din dreapta sus (asigură-te că ești logat în GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.ro.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/ro/template.67ad477109d29a2b.png) **Pasul 2: Pornește Codespaces** - **Deschide** depozitul proaspăt creat - **Apasă** pe butonul verde „Code” și selectează „Codespaces” - **Alege** „Create codespace on main” pentru a începe mediul de dezvoltare -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.ro.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/ro/codespace.bcecbdf5d2747d3d.png) **Pasul 3: Configurarea Mediului** Odată ce Codespace-ul tău este gata, vei avea acces la: diff --git a/translations/ro/README.md b/translations/ro/README.md index 0f5ce4414..a5c018ed8 100644 --- a/translations/ro/README.md +++ b/translations/ro/README.md @@ -72,13 +72,13 @@ Nu rata noul nostru curriculum pentru Generative AI! Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe! -![Background](../../translated_images/background.148a8d43afde5730.ro.png) +![Background](../../translated_images/ro/background.148a8d43afde5730.png) - Lecții acoperind totul, de la elementele de bază până la RAG. - Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion. - Narațiune distractivă și captivantă, vei călători în timp! -![character](../../translated_images/character.5c0dd8e067ffd693.ro.png) +![character](../../translated_images/ro/character.5c0dd8e067ffd693.png) Fiecare lecție include o temă de completat, o verificare a cunoștințelor și o provocare pentru a te ghida în învățarea unor subiecte precum: @@ -115,7 +115,7 @@ Urmărește acești pași: În copia ta de repository pe care ai creat-o, dă click pe butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace pentru tine unde să lucrezi. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.ro.png) +![Codespace](../../translated_images/ro/createcodespace.0238bbf4d7a8d955.png) #### Rularea curriculum-ului local pe calculatorul tău diff --git a/translations/ro/for-teachers.md b/translations/ro/for-teachers.md index b78c332a8..a6229a169 100644 --- a/translations/ro/for-teachers.md +++ b/translations/ro/for-teachers.md @@ -42,10 +42,10 @@ Acest curriculum include pachete importabile pentru fluxuri de lucru comune LMS. - Moodle Cloud are suport limitat pentru Common Cartridge. Preferabil să utilizați fișierul Moodle de mai sus, care poate fi încărcat și în Canvas. - După import, revizuiți modulele, termenele limită și setările chestionarelor pentru a se potrivi cu programul dvs. de semestru. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.ro.png) +![Moodle](../../translated_images/ro/moodle.94eb93d714a50cb2.png) > Curriculumul într-o clasă Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.ro.png) +![Canvas](../../translated_images/ro/canvas.fbd605ff8e5b8aff.png) > Curriculumul în Canvas ### Utilizare directă a depozitului (fără Classroom) diff --git a/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 6f41fb9e8..ac8e88fdb 100644 --- a/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/ru/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: Сегодня мы изучим невероятные инструменты, которые делают современную веб-разработку не только возможной, но и по-настоящему увлекательной. Я говорю о тех же редакторах, браузерах и рабочих процессах, которые разработчики Netflix, Spotify и твоей любимой студии приложений используют каждый день. И вот что заставит тебя пуститься в пляс от радости: большинство этих профессиональных инструментов, которые являются стандартом в индустрии, абсолютно бесплатны! -![Введение в программирование](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.ru.png) +![Введение в программирование](../../../../translated_images/ru/webdev101-programming.d6e3f98e61ac4bff.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ru/1-getting-started-lessons/2-github-basics/README.md b/translations/ru/1-getting-started-lessons/2-github-basics/README.md index 4df5ee208..502d72912 100644 --- a/translations/ru/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/ru/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: Мы пройдем этот путь вместе, шаг за шагом. Без спешки, без давления – только ты, я и несколько действительно крутых инструментов, которые скоро станут твоими лучшими друзьями! -![Введение в GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.ru.png) +![Введение в GitHub](../../../../translated_images/ru/webdev101-github.8846d7971abef6f9.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -604,7 +604,7 @@ flowchart TD ✅ Хороший способ найти репозитории, подходящие для новичков, – [искать по тегу 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Скопировать репозиторий локально](../../../../translated_images/clone_repo.5085c48d666ead57.ru.png) +![Скопировать репозиторий локально](../../../../translated_images/ru/clone_repo.5085c48d666ead57.webp) Существует несколько способов копирования кода. Один из них – "клонировать" содержимое репозитория, используя HTTPS, SSH или GitHub CLI (Command Line Interface). diff --git a/translations/ru/1-getting-started-lessons/3-accessibility/README.md b/translations/ru/1-getting-started-lessons/3-accessibility/README.md index dea913881..0eb26066e 100644 --- a/translations/ru/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/ru/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Создание доступных веб-страниц -![Все о доступности](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.ru.png) +![Все о доступности](../../../../translated_images/ru/webdev101-a11y.8ef3025c858d897a.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1060,12 +1060,12 @@ pie title "Common ARIA Usage Patterns" **Информативные изображения** - передают важную информацию: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Декоративные изображения** - исключительно визуальные, без информационной ценности: ```html - + ``` **Функциональные изображения** - служат кнопками или элементами управления: @@ -1077,7 +1077,7 @@ pie title "Common ARIA Usage Patterns" **Сложные изображения** - графики, диаграммы, инфографика: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1117,7 +1117,7 @@ pie title "Common ARIA Usage Patterns" - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/ru/2-js-basics/1-data-types/README.md b/translations/ru/2-js-basics/1-data-types/README.md index 6b88e9483..07e71ebf9 100644 --- a/translations/ru/2-js-basics/1-data-types/README.md +++ b/translations/ru/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Основы JavaScript: Типы данных -![Основы JavaScript - Типы данных](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.ru.png) +![Основы JavaScript - Типы данных](../../../../translated_images/ru/webdev101-js-datatypes.4cc470179730702c.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ru/2-js-basics/2-functions-methods/README.md b/translations/ru/2-js-basics/2-functions-methods/README.md index cecaaef95..e7e226700 100644 --- a/translations/ru/2-js-basics/2-functions-methods/README.md +++ b/translations/ru/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Основы JavaScript: Методы и функции -![Основы JavaScript - Функции](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.ru.png) +![Основы JavaScript - Функции](../../../../translated_images/ru/webdev101-js-functions.be049c4726e94f8b.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ru/2-js-basics/3-making-decisions/README.md b/translations/ru/2-js-basics/3-making-decisions/README.md index 2d9acd384..c99821d4f 100644 --- a/translations/ru/2-js-basics/3-making-decisions/README.md +++ b/translations/ru/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Основы JavaScript: принятие решений -![Основы JavaScript - Принятие решений](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.ru.png) +![Основы JavaScript - Принятие решений](../../../../translated_images/ru/webdev101-js-decisions.69e1b20f272dd1f0.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/ru/2-js-basics/4-arrays-loops/README.md b/translations/ru/2-js-basics/4-arrays-loops/README.md index d0d7b3e75..20fa8e232 100644 --- a/translations/ru/2-js-basics/4-arrays-loops/README.md +++ b/translations/ru/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Основы JavaScript: Массивы и циклы -![Основы JavaScript - Массивы](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.ru.png) +![Основы JavaScript - Массивы](../../../../translated_images/ru/webdev101-js-arrays.439d7528b8a29455.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/ru/3-terrarium/1-intro-to-html/README.md b/translations/ru/3-terrarium/1-intro-to-html/README.md index 217fa36ce..53b4b8e59 100644 --- a/translations/ru/3-terrarium/1-intro-to-html/README.md +++ b/translations/ru/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![Введение в HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.ru.png) +![Введение в HTML](../../../../translated_images/ru/webdev101-html.4389c2067af68e98.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) HTML, или язык гипертекстовой разметки, является основой каждого веб-сайта, который вы когда-либо посещали. Представьте HTML как скелет, который придает структуру веб-страницам – он определяет, где размещается контент, как он организован и что представляет собой каждый элемент. В то время как CSS позже "оденет" ваш HTML в цвета и макеты, а JavaScript оживит его с помощью интерактивности, HTML обеспечивает основную структуру, которая делает все остальное возможным. @@ -88,7 +88,7 @@ mindmap 4. В панели Explorer нажмите на значок "New File" 5. Назовите файл `index.html` -![Панель Explorer в VS Code, показывающая создание нового файла](../../../../translated_images/vs-code-index.e2986cf919471eb9.ru.png) +![Панель Explorer в VS Code, показывающая создание нового файла](../../../../translated_images/ru/vs-code-index.e2986cf919471eb9.webp) **Вариант 2: Использование команд терминала** ```bash @@ -239,48 +239,48 @@ HTML использует парные теги для определения э
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
- plant + plant
diff --git a/translations/ru/3-terrarium/2-intro-to-css/README.md b/translations/ru/3-terrarium/2-intro-to-css/README.md index a15ff6992..6215d103e 100644 --- a/translations/ru/3-terrarium/2-intro-to-css/README.md +++ b/translations/ru/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![Введение в CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.ru.png) +![Введение в CSS](../../../../translated_images/ru/webdev101-css.3f7af5991bf53a20.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) Помните, как ваш HTML-террариум выглядел довольно просто? С помощью CSS мы преобразуем эту простую структуру в нечто визуально привлекательное. @@ -205,7 +205,7 @@ body { Откройте инструменты разработчика вашего браузера (F12), перейдите на вкладку "Элементы" и проверьте ваш элемент `

`. Вы увидите, что он наследует семейство шрифтов от body: -![наследованный шрифт](../../../../translated_images/1.cc07a5cbe114ad1d.ru.png) +![наследованный шрифт](../../../../translated_images/ru/1.cc07a5cbe114ad1d.webp) ✅ **Время эксперимента**: Попробуйте установить другие наследуемые свойства для ``, такие как `color`, `line-height` или `text-align`. Что происходит с вашим заголовком и другими элементами? @@ -335,7 +335,7 @@ h1 { **Вот структура HTML для каждого растения:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -599,7 +599,7 @@ flowchart LR Вы создадите тонкие блики, которые имитируют отражение света на стеклянных поверхностях. Этот подход похож на то, как художники эпохи Возрождения, такие как Ян ван Эйк, использовали свет и отражение, чтобы сделать изображенное стекло трехмерным. Вот к чему вы стремитесь: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.ru.png) +![finished terrarium](../../../../translated_images/ru/terrarium-final.2f07047ffc597d0a.webp) **Ваше задание:** - **Создайте** тонкие белые или светлые овальные формы для отражений на стекле diff --git a/translations/ru/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/ru/3-terrarium/3-intro-to-DOM-and-closures/README.md index 4d474eb38..58cca5a46 100644 --- a/translations/ru/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/ru/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -26,7 +26,7 @@ journey Complete terrarium: 5: Student ``` -![DOM и замыкание](../../../../translated_images/webdev101-js.10280393044d7eaa.ru.png) +![DOM и замыкание](../../../../translated_images/ru/webdev101-js.10280393044d7eaa.webp) > Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac) Добро пожаловать в одну из самых увлекательных частей веб-разработки — создание интерактивности! Document Object Model (DOM) — это мост между вашим HTML и JavaScript, и сегодня мы используем его, чтобы оживить ваш террариум. Когда Тим Бернерс-Ли создал первый веб-браузер, он представлял себе веб, где документы могли быть динамичными и интерактивными — DOM делает эту мечту реальностью. @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![Представление дерева DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.ru.png) +![Представление дерева DOM](../../../../translated_images/ru/dom-tree.7daf0e763cbbba92.webp) > Представление DOM и HTML-разметки, которая на него ссылается. Автор [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -150,7 +150,7 @@ flowchart LR > 💡 **Понимание замыканий**: Замыкания — это значимая тема в JavaScript, и многие разработчики используют их годами, прежде чем полностью понять все теоретические аспекты. Сегодня мы сосредоточимся на практическом применении — вы увидите, как замыкания естественным образом возникают при создании наших интерактивных функций. Понимание будет развиваться по мере того, как вы увидите, как они решают реальные задачи. -![Представление дерева DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.ru.png) +![Представление дерева DOM](../../../../translated_images/ru/dom-tree.7daf0e763cbbba92.webp) > Представление DOM и HTML-разметки, которая на него ссылается. Автор [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -598,7 +598,7 @@ function stopElementDrag() { - **Поддержка разных устройств**: Работает на компьютерах и мобильных устройствах - **Забота о производительности**: Нет утечек памяти или лишних расчетов -![готовый террариум](../../../../translated_images/terrarium-final.0920f16e87c13a84.ru.png) +![готовый террариум](../../../../translated_images/ru/terrarium-final.0920f16e87c13a84.webp) --- diff --git a/translations/ru/3-terrarium/solution/README.md b/translations/ru/3-terrarium/solution/README.md index eca378d3b..bf7da933d 100644 --- a/translations/ru/3-terrarium/solution/README.md +++ b/translations/ru/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Небольшая медитация с перетаскиванием элементов. С помощью немного HTML, JS и CSS вы можете создать веб-интерфейс, стилизовать его и добавить интерактивность. -![мой террариум](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.ru.png) +![мой террариум](../../../../translated_images/ru/screenshot_gray.0c796099a1f9f25e.webp) ## Благодарности diff --git a/translations/ru/5-browser-extension/1-about-browsers/README.md b/translations/ru/5-browser-extension/1-about-browsers/README.md index 45d1ab090..932a573b3 100644 --- a/translations/ru/5-browser-extension/1-about-browsers/README.md +++ b/translations/ru/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![Скетч браузера](../../../../translated_images/browser.60317c9be8b7f84a.ru.jpg) +![Скетч браузера](../../../../translated_images/ru/browser.60317c9be8b7f84a.webp) > Скетч от [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Тест перед лекцией @@ -79,7 +79,7 @@ mindmap ✅ **Немного истории**: Первый браузер назывался 'WorldWideWeb' и был создан сэром Тимоти Бернерсом-Ли в 1990 году. -![ранние браузеры](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.ru.jpg) +![ранние браузеры](../../../../translated_images/ru/earlybrowsers.d984b711cdf3a42d.webp) > Некоторые из первых браузеров, фото от [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Как браузеры обрабатывают веб-контент @@ -198,7 +198,7 @@ quadrantChart Понимание процесса установки расширений помогает предвидеть пользовательский опыт при установке вашего расширения. Процесс установки стандартизирован во всех современных браузерах, с небольшими различиями в дизайне интерфейса. -![скриншот браузера Edge, показывающий открытую страницу edge://extensions и меню настроек](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.ru.png) +![скриншот браузера Edge, показывающий открытую страницу edge://extensions и меню настроек](../../../../translated_images/ru/install-on-edge.d68781acaf0b3d3d.webp) > **Важно**: Убедитесь, что включен режим разработчика и разрешена установка расширений из других магазинов при тестировании ваших собственных расширений. @@ -313,10 +313,10 @@ project-root/ ### Обзор экранов расширения **Экран настройки** - Конфигурация для первого использования: -![скриншот завершенного расширения, открытого в браузере, отображающего форму с полями ввода для имени региона и ключа API.](../../../../translated_images/1.b6da8c1394b07491.ru.png) +![скриншот завершенного расширения, открытого в браузере, отображающего форму с полями ввода для имени региона и ключа API.](../../../../translated_images/ru/1.b6da8c1394b07491.webp) **Экран результатов** - Отображение данных углеродного следа: -![скриншот завершенного расширения, отображающего значения углеродного использования и процент ископаемого топлива для региона US-NEISO.](../../../../translated_images/2.1dae52ff08042246.ru.png) +![скриншот завершенного расширения, отображающего значения углеродного использования и процент ископаемого топлива для региона US-NEISO.](../../../../translated_images/ru/2.1dae52ff08042246.webp) ### Создание формы настройки diff --git a/translations/ru/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/ru/5-browser-extension/2-forms-browsers-local-storage/README.md index 64d3b827d..736c1c450 100644 --- a/translations/ru/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/ru/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -266,7 +266,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![Панель локального хранилища](../../../../translated_images/localstorage.472f8147b6a3f8d1.ru.png) +![Панель локального хранилища](../../../../translated_images/ru/localstorage.472f8147b6a3f8d1.webp) > ⚠️ **Соображения безопасности**: В производственных приложениях хранение ключей API в LocalStorage представляет собой риск для безопасности, так как JavaScript может получить доступ к этим данным. Для учебных целей этот подход подходит, но в реальных приложениях следует использовать безопасное серверное хранилище для конфиденциальных данных. diff --git a/translations/ru/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/ru/5-browser-extension/3-background-tasks-and-performance/README.md index aa3a42309..7dd57ee98 100644 --- a/translations/ru/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/ru/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ flowchart LR Попробуйте это. Откройте любой сайт (например, Microsoft.com) и нажмите кнопку "Запись". Затем обновите страницу и наблюдайте, как профайлер фиксирует всё, что происходит. Когда вы остановите запись, вы увидите подробный анализ того, как браузер "скриптует", "рендерит" и "рисует" сайт. Это напоминает, как центр управления полётами отслеживает каждую систему во время запуска ракеты — вы получаете данные в реальном времени о том, что происходит и когда. -![Профайлер Edge](../../../../translated_images/profiler.5a4a62479c5df01c.ru.png) +![Профайлер Edge](../../../../translated_images/ru/profiler.5a4a62479c5df01c.webp) ✅ [Документация Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) содержит множество подробностей, если вы хотите углубиться. @@ -136,11 +136,11 @@ flowchart LR Получите снимок производительности вашей страницы, выбрав часть временной шкалы профиля и посмотрев на панель сводки: -![Снимок профайлера Edge](../../../../translated_images/snapshot.97750180ebcad737.ru.png) +![Снимок профайлера Edge](../../../../translated_images/ru/snapshot.97750180ebcad737.webp) Проверьте панель журнала событий, чтобы увидеть, заняло ли какое-либо событие больше 15 мс: -![Журнал событий Edge](../../../../translated_images/log.804026979f3707e0.ru.png) +![Журнал событий Edge](../../../../translated_images/ru/log.804026979f3707e0.webp) ✅ Ознакомьтесь с профайлером! Откройте инструменты разработчика на этом сайте и посмотрите, есть ли узкие места. Какой ресурс загружается дольше всего? Какой быстрее? diff --git a/translations/ru/5-browser-extension/README.md b/translations/ru/5-browser-extension/README.md index 76c7c32bb..a49c8119e 100644 --- a/translations/ru/5-browser-extension/README.md +++ b/translations/ru/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### Благодарности -![зеленое расширение для браузера](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ru.png) +![зеленое расширение для браузера](../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Благодарности diff --git a/translations/ru/5-browser-extension/solution/README.md b/translations/ru/5-browser-extension/solution/README.md index 4e534de3e..e21ac7ee6 100644 --- a/translations/ru/5-browser-extension/solution/README.md +++ b/translations/ru/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Используя API C02 Signal от tmrow для отслеживания потребления электроэнергии, создайте расширение для браузера, чтобы получать напоминания прямо в браузере о том, насколько интенсивно используется электроэнергия в вашем регионе. Использование этого расширения в повседневной жизни поможет вам принимать решения о своих действиях, основываясь на этой информации. -![скриншот расширения](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ru.png) +![скриншот расширения](../../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Начало работы @@ -31,7 +31,7 @@ npm run build Чтобы установить расширение в браузер Edge, используйте меню с «тремя точками» в правом верхнем углу браузера, чтобы найти панель расширений. Там выберите «Загрузить распакованное», чтобы загрузить новое расширение. На запрос откройте папку 'dist', и расширение будет загружено. Для использования вам потребуется API-ключ для API CO2 Signal ([получите его здесь по электронной почте](https://www.co2signal.com/) — введите ваш email в поле на этой странице) и [код вашего региона](http://api.electricitymap.org/v3/zones), соответствующий [Electricity Map](https://www.electricitymap.org/map) (например, в Бостоне я использую 'US-NEISO'). -![установка](../../../../translated_images/install-on-edge.78634f02842c4828.ru.png) +![установка](../../../../translated_images/ru/install-on-edge.78634f02842c4828.webp) После ввода API-ключа и региона в интерфейс расширения, цветная точка в панели расширений браузера должна измениться, отражая уровень потребления энергии в вашем регионе, и дать вам подсказку о том, какие энергоемкие действия будут уместны. Концепция этой системы «точек» была вдохновлена расширением [Energy Lollipop](https://energylollipop.com/) для выбросов в Калифорнии. diff --git a/translations/ru/5-browser-extension/solution/translation/README.es.md b/translations/ru/5-browser-extension/solution/translation/README.es.md index bd085c5fa..07aa15efe 100644 --- a/translations/ru/5-browser-extension/solution/translation/README.es.md +++ b/translations/ru/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Используя API CO2 Signal от tmrow для отслеживания потребления электроэнергии, создайте расширение для браузера, чтобы вы могли получать напоминания прямо в браузере о потреблении электроэнергии в вашем регионе. Использование этого специального расширения поможет вам принимать решения о ваших действиях, основываясь на этой информации. -![скриншот расширения](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.ru.png) +![скриншот расширения](../../../../../translated_images/ru/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Начало работы @@ -31,7 +31,7 @@ npm run build Чтобы установить расширение в Edge, используйте меню с "тремя точками" в правом верхнем углу браузера, чтобы найти панель "Расширения". Там выберите "Загрузить распакованное", чтобы добавить новое расширение. Когда появится запрос, откройте папку 'dist', и расширение будет загружено. Для использования вам понадобится API-ключ для CO2 Signal ([получите его здесь по электронной почте](https://www.co2signal.com/) — введите ваш адрес электронной почты в поле на этой странице) и [код вашего региона](http://api.electricitymap.org/v3/zones), соответствующий [карте электроэнергии](https://www.electricitymap.org/map) (например, для Бостона я использую 'US-NEISO'). -![установка](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.ru.png) +![установка](../../../../../translated_images/ru/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) После ввода API-ключа и региона в интерфейсе расширения цветная точка на панели расширений браузера должна измениться, чтобы отразить уровень потребления энергии в вашем регионе, и дать вам подсказку о том, какие действия с высоким энергопотреблением будут уместны. Концепция этой системы "точек" была вдохновлена [расширением Energy Lollipop](https://energylollipop.com/) для отслеживания выбросов в Калифорнии. diff --git a/translations/ru/5-browser-extension/solution/translation/README.fr.md b/translations/ru/5-browser-extension/solution/translation/README.fr.md index 02dad4dd8..4b9f3e414 100644 --- a/translations/ru/5-browser-extension/solution/translation/README.fr.md +++ b/translations/ru/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.ru.png) +![скриншот расширения](../../../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Начало работы @@ -31,7 +31,7 @@ npm run build Для установки в Edge используйте меню с "тремя точками" в правом верхнем углу браузера, чтобы найти панель "Расширения". Оттуда выберите "Загрузить распакованное расширение", чтобы добавить новое расширение. В появившемся окне выберите папку 'dist', и расширение будет загружено. Для использования вам понадобится API-ключ для API CO2 Signal ([получите его здесь по электронной почте](https://www.co2signal.com/) — введите ваш адрес электронной почты в поле на этой странице) и [код вашего региона](http://api.electricitymap.org/v3/zones), соответствующий [Картам электроэнергии](https://www.electricitymap.org/map) (например, для Бостона я использую 'US-NEISO'). -![установка](../../../../../translated_images/install-on-edge.78634f02842c4828.ru.png) +![установка](../../../../../translated_images/ru/install-on-edge.78634f02842c4828.webp) После того как API-ключ и регион будут введены в интерфейсе расширения, цветная точка в панели расширений браузера должна измениться, чтобы отразить потребление энергии в вашем регионе. Это даст вам индикатор, который поможет определить, какие энергозатратные действия лучше выполнять в данный момент. Концепция этой системы "точек" была вдохновлена [расширением Energy Lollipop](https://energylollipop.com/) для калифорнийских выбросов. diff --git a/translations/ru/5-browser-extension/solution/translation/README.hi.md b/translations/ru/5-browser-extension/solution/translation/README.hi.md index 3d5980917..dbfdb20d5 100644 --- a/translations/ru/5-browser-extension/solution/translation/README.hi.md +++ b/translations/ru/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Используя API CO2 Signal от tmrow для отслеживания потребления электроэнергии, создается браузерное расширение, которое напоминает вам о том, насколько интенсивно используется электроэнергия в вашем регионе. Использование этого расширения поможет вам принимать решения о своих действиях на основе этой информации. -![Скриншот расширения](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ru.png) +![Скриншот расширения](../../../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Начало работы @@ -31,7 +31,7 @@ npm run build Чтобы установить в Edge, используйте меню с "тремя точками" в правом верхнем углу браузера, чтобы найти панель расширений. Оттуда выберите "Загрузить распакованное" для добавления нового расширения. В появившемся окне откройте папку "dist", и расширение будет загружено. Для его использования вам понадобится API-ключ CO2 Signal ([получите его по электронной почте здесь](https://www.co2snal.com/) — введите свой email в поле на этой странице) и [код вашего региона](http://api.electricitymap.org/v3/zones) с [карты электроэнергии](https://www.electricitymap.org/map) (например, для Бостона я использую 'US-NEISO'). -![Установка](../../../../../translated_images/install-on-edge.78634f02842c4828.ru.png) +![Установка](../../../../../translated_images/ru/install-on-edge.78634f02842c4828.webp) После того как API-ключ и регион будут введены в интерфейсе расширения, цветная точка в панели браузера должна измениться, отражая использование энергии в вашем регионе. Это даст вам индикатор, какие энергоемкие действия будут подходящими в данный момент. Концепция этой "точечной" системы была вдохновлена расширением [Energy Lollipop](https://energylollipop.com/) для отслеживания выбросов в Калифорнии. diff --git a/translations/ru/5-browser-extension/solution/translation/README.it.md b/translations/ru/5-browser-extension/solution/translation/README.it.md index 012f28598..922cc5f1a 100644 --- a/translations/ru/5-browser-extension/solution/translation/README.it.md +++ b/translations/ru/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Мы будем использовать API Signal CO2 от tmrow для мониторинга потребления электроэнергии, чтобы создать расширение для браузера, которое будет напоминать вам о том, насколько интенсивно используется электричество в вашем регионе. Использование этого специального расширения поможет оценить свои действия, основываясь на предоставленной информации. -![скриншот расширения](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ru.png) +![скриншот расширения](../../../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Начало работы @@ -31,7 +31,7 @@ npm run build Чтобы установить расширение в Edge, используйте меню "три точки" в правом верхнем углу браузера, чтобы найти панель "Расширения". Если режим разработчика еще не активирован, включите его (внизу слева). Выберите "Загрузить распакованное", чтобы добавить новое расширение. В появившемся окне выберите папку "dist", и расширение будет загружено. Для использования вам понадобится API-ключ для CO2 Signal (его можно [получить по электронной почте](https://www.co2signal.com/) — введите свой адрес электронной почты в поле на этой странице) и [код вашего региона](http://api.electricitymap.org/v3/zones), соответствующий [электрической карте](https://www.electricitymap.org/map) (например, для Бостона — "US-NEISO"). -![установка](../../../../../translated_images/install-on-edge.78634f02842c4828.ru.png) +![установка](../../../../../translated_images/ru/install-on-edge.78634f02842c4828.webp) После того как API-ключ и регион будут введены в интерфейсе расширения, цветная точка на панели расширения браузера должна измениться, отражая уровень потребления энергии в регионе. Она также предоставит рекомендации о том, какие действия с высоким энергопотреблением будут наиболее подходящими в данный момент. Концепция этой системы "точек" была вдохновлена [расширением Energy Lollipop](https://energylollipop.com/) для мониторинга выбросов в Калифорнии. diff --git a/translations/ru/5-browser-extension/solution/translation/README.ja.md b/translations/ru/5-browser-extension/solution/translation/README.ja.md index bb0c8b499..c4c8151ac 100644 --- a/translations/ru/5-browser-extension/solution/translation/README.ja.md +++ b/translations/ru/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: С помощью API CO2 Signal от tmrow вы можете отслеживать потребление электроэнергии в вашем регионе и отображать напоминание об уровне энергопотребления прямо в браузере. Это расширение позволяет вам принимать решения о своей активности, основываясь на этой информации. -![скриншот расширения](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ru.png) +![скриншот расширения](../../../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Начало работы @@ -31,7 +31,7 @@ npm run build Чтобы установить расширение в Edge, откройте панель «Расширения», которую можно найти в меню «три точки» в правом верхнем углу браузера. Выберите «Load Unpacked» и загрузите новое расширение. В появившемся окне откройте папку «dist», чтобы загрузить расширение. Для использования вам понадобится API-ключ CO2 Signal ([получите его здесь по электронной почте](https://www.co2signal.com/) — просто введите свой email в поле на странице) и [код региона](http://api.electricitymap.org/v3/zones), соответствующий вашей местности, из [Electricity Map](https://www.electricitymap.org/map) (например, для Бостона используется 'US-NEISO'). -![установка](../../../../../translated_images/install-on-edge.78634f02842c4828.ru.png) +![установка](../../../../../translated_images/ru/install-on-edge.78634f02842c4828.webp) После ввода API-ключа и региона в интерфейс расширения цветной индикатор в панели расширений браузера начнет изменяться, отражая уровень энергопотребления в вашем регионе. Это поможет вам понять, какие действия, требующие энергии, наиболее уместны в данный момент. Концепция системы «точек» была вдохновлена расширением [Energy Lollipop](https://energylollipop.com/) для отслеживания выбросов в Калифорнии. diff --git a/translations/ru/5-browser-extension/solution/translation/README.ms.md b/translations/ru/5-browser-extension/solution/translation/README.ms.md index 059d95351..8babe4dbe 100644 --- a/translations/ru/5-browser-extension/solution/translation/README.ms.md +++ b/translations/ru/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Используя API CO2 Signal от tmrow для отслеживания потребления электроэнергии, создайте расширение для браузера, которое будет предупреждать вас о текущем уровне нагрузки на энергосистему вашего региона. Это расширение поможет вам принимать более осознанные решения о своих действиях, основываясь на этой информации. -![скриншот расширения браузера](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ru.png) +![скриншот расширения браузера](../../../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Начало работы @@ -31,7 +31,7 @@ npm run build Чтобы установить расширение в Edge, используйте меню с «тремя точками» в правом верхнем углу браузера, чтобы открыть панель расширений. Там выберите «Load Unpacked» для загрузки нового расширения. Откройте папку 'dist' по запросу, и расширение будет загружено. Для его использования вам понадобится API-ключ для CO2 Signal ([получите его здесь по электронной почте](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.ru.png) +![загрузка](../../../../../translated_images/ru/install-on-edge.78634f02842c4828.webp) После того как вы введете API-ключ и код региона в интерфейс расширения, цветная точка на панели расширений браузера будет изменяться, отражая уровень энергопотребления в вашем регионе, и подсказывать вам, какие энергозатратные действия лучше всего выполнять в данный момент. Идея системы «точек» была вдохновлена [расширением браузера Energy Lollipop](https://energylollipop.com/) для Калифорнии. diff --git a/translations/ru/5-browser-extension/start/README.md b/translations/ru/5-browser-extension/start/README.md index f20ee061e..376ab9c60 100644 --- a/translations/ru/5-browser-extension/start/README.md +++ b/translations/ru/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Используя API CO2 Signal от tmrow для отслеживания потребления электроэнергии, создайте расширение для браузера, чтобы вы могли получать напоминание прямо в браузере о том, насколько интенсивно используется электроэнергия в вашем регионе. Использование этого расширения поможет вам принимать решения о своих действиях, основываясь на этой информации. -![скриншот расширения](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.ru.png) +![скриншот расширения](../../../../translated_images/ru/extension-screenshot.0e7f5bfa110e92e3.webp) ## Начало работы @@ -31,7 +31,7 @@ npm run build Чтобы установить расширение в Edge, используйте меню с «тремя точками» в правом верхнем углу браузера, чтобы открыть панель расширений. Там выберите «Загрузить распакованное», чтобы загрузить новое расширение. В появившемся окне выберите папку 'dist', и расширение загрузится. Для использования вам потребуется API-ключ для API CO2 Signal ([получите его здесь по электронной почте](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.ru.png) +![установка](../../../../translated_images/ru/install-on-edge.78634f02842c4828.webp) После ввода API-ключа и региона в интерфейс расширения цветная точка в панели расширений браузера должна измениться, чтобы отразить уровень энергопотребления в вашем регионе, и дать вам подсказку о том, какие энергозатратные действия будут уместны. Концепция этой системы «точек» была вдохновлена [расширением Energy Lollipop](https://energylollipop.com/) для отслеживания выбросов в Калифорнии. diff --git a/translations/ru/6-space-game/2-drawing-to-canvas/README.md b/translations/ru/6-space-game/2-drawing-to-canvas/README.md index c554387d1..9b002ed92 100644 --- a/translations/ru/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/ru/6-space-game/2-drawing-to-canvas/README.md @@ -108,7 +108,7 @@ quadrantChart UI Elements: [0.9, 0.1] ``` -![сетка холста](../../../../translated_images/canvas_grid.5f209da785ded492.ru.png) +![сетка холста](../../../../translated_images/ru/canvas_grid.5f209da785ded492.webp) > Изображение с [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Чтобы рисовать на элементе canvas, вы будете следовать тому же трехэтапному процессу, который составляет основу всей графики на холсте. Как только вы сделаете это несколько раз, это станет привычным: @@ -329,11 +329,11 @@ flowchart TD - Корабль героя - ![Корабль героя](../../../../translated_images/player.dd24c1afa8c71e9b.ru.png) + ![Корабль героя](../../../../translated_images/ru/player.dd24c1afa8c71e9b.webp) - 5×5 монстров - ![Корабль монстра](../../../../translated_images/enemyShip.5df2a822c16650c2.ru.png) + ![Корабль монстра](../../../../translated_images/ru/enemyShip.5df2a822c16650c2.webp) ### Рекомендуемые шаги для начала разработки @@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Готовый результат должен выглядеть так: -![Черный экран с героем и 5*5 монстрами](../../../../translated_images/partI-solution.36c53b48c9ffae2a.ru.png) +![Черный экран с героем и 5*5 монстрами](../../../../translated_images/ru/partI-solution.36c53b48c9ffae2a.webp) ## Решение diff --git a/translations/ru/6-space-game/5-keeping-score/README.md b/translations/ru/6-space-game/5-keeping-score/README.md index 15ed81856..00839be56 100644 --- a/translations/ru/6-space-game/5-keeping-score/README.md +++ b/translations/ru/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **Система очков**: За каждый уничтоженный вражеский корабль начисляется 100 очков (круглые числа легче воспринимать игрокам). Счет отображается в нижнем левом углу. -- **Счетчик жизней**: Ваш герой начинает с трех жизней — стандарт, установленный ранними аркадными играми для баланса между сложностью и играбельностью. Каждое столкновение с врагом стоит одной жизни. Оставшиеся жизни будут отображаться в нижнем правом углу с помощью иконок кораблей ![life image](../../../../translated_images/life.6fb9f50d53ee0413.ru.png). +- **Счетчик жизней**: Ваш герой начинает с трех жизней — стандарт, установленный ранними аркадными играми для баланса между сложностью и играбельностью. Каждое столкновение с врагом стоит одной жизни. Оставшиеся жизни будут отображаться в нижнем правом углу с помощью иконок кораблей ![life image](../../../../translated_images/ru/life.6fb9f50d53ee0413.webp). ## Приступим к созданию! diff --git a/translations/ru/7-bank-project/1-template-route/README.md b/translations/ru/7-bank-project/1-template-route/README.md index 52653c959..8512f7a28 100644 --- a/translations/ru/7-bank-project/1-template-route/README.md +++ b/translations/ru/7-bank-project/1-template-route/README.md @@ -652,7 +652,7 @@ sequenceDiagram Использование `history.pushState` создает новые записи в истории навигации браузера. Вы можете проверить это, удерживая *кнопку назад* вашего браузера, она должна отображать что-то вроде этого: -![Скриншот истории навигации](../../../../translated_images/history.7fdabbafa521e064.ru.png) +![Скриншот истории навигации](../../../../translated_images/ru/history.7fdabbafa521e064.webp) Если вы попробуете несколько раз нажать кнопку назад, вы увидите, что текущий URL изменяется, и история обновляется, но тот же шаблон продолжает отображаться. diff --git a/translations/ru/7-bank-project/2-forms/README.md b/translations/ru/7-bank-project/2-forms/README.md index a3b53a8ad..5e18ddb15 100644 --- a/translations/ru/7-bank-project/2-forms/README.md +++ b/translations/ru/7-bank-project/2-forms/README.md @@ -295,7 +295,7 @@ graph TD 2. Наблюдайте изменения в адресной строке вашего браузера 3. Заметьте, как страница перезагружается, и данные появляются в URL -![Скриншот изменения URL браузера после нажатия кнопки Регистрация](../../../../translated_images/click-register.e89a30bf0d4bc9ca.ru.png) +![Скриншот изменения URL браузера после нажатия кнопки Регистрация](../../../../translated_images/ru/click-register.e89a30bf0d4bc9ca.webp) ### Сравнение методов HTTP @@ -350,7 +350,7 @@ graph TD 2. **Нажмите** кнопку "Создать аккаунт" 3. **Наблюдайте** ответ сервера в вашем браузере -![Окно браузера на адресе localhost:5000/api/accounts, показывающее строку JSON с данными пользователя](../../../../translated_images/form-post.61de4ca1b964d91a.ru.png) +![Окно браузера на адресе localhost:5000/api/accounts, показывающее строку JSON с данными пользователя](../../../../translated_images/ru/form-post.61de4ca1b964d91a.webp) **Что вы должны увидеть:** - **Браузер перенаправляет** на URL конечного адреса API @@ -615,7 +615,7 @@ async function register() { 3. **Нажмите** "Создать аккаунт" 4. **Наблюдайте** сообщения в консоли и обратную связь для пользователя -![Скриншот, показывающий сообщение в консоли браузера](../../../../translated_images/browser-console.efaf0b51aaaf6778.ru.png) +![Скриншот, показывающий сообщение в консоли браузера](../../../../translated_images/ru/browser-console.efaf0b51aaaf6778.webp) **Что вы должны увидеть:** - **Состояние загрузки** появляется на кнопке отправки @@ -790,7 +790,7 @@ input:focus:invalid { 3. **Попробуйте** специальные символы в поле имени пользователя 4. **Введите** отрицательное значение баланса -![Скриншот, показывающий ошибку проверки при попытке отправить форму](../../../../translated_images/validation-error.8bd23e98d416c22f.ru.png) +![Скриншот, показывающий ошибку проверки при попытке отправить форму](../../../../translated_images/ru/validation-error.8bd23e98d416c22f.webp) **Что вы заметите:** - **Браузер отображает** стандартные сообщения о проверке @@ -952,7 +952,7 @@ timeline Вот пример того, как может выглядеть итоговая страница входа после небольшой стилизации: -![Скриншот страницы входа после добавления стилей CSS](../../../../translated_images/result.96ef01f607bf856a.ru.png) +![Скриншот страницы входа после добавления стилей CSS](../../../../translated_images/ru/result.96ef01f607bf856a.webp) ## Викторина после лекции diff --git a/translations/ru/7-bank-project/3-data/README.md b/translations/ru/7-bank-project/3-data/README.md index 71fc40faf..ff5b62631 100644 --- a/translations/ru/7-bank-project/3-data/README.md +++ b/translations/ru/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![Рабочий процесс обновления в многостраничном приложении](../../../../translated_images/mpa.7f7375a1a2d4aa77.ru.png) +![Рабочий процесс обновления в многостраничном приложении](../../../../translated_images/ru/mpa.7f7375a1a2d4aa77.webp) **Почему этот подход казался неудобным:** - Каждый клик означал полную перезагрузку страницы @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![Рабочий процесс обновления в одностраничном приложении](../../../../translated_images/spa.268ec73b41f992c2.ru.png) +![Рабочий процесс обновления в одностраничном приложении](../../../../translated_images/ru/spa.268ec73b41f992c2.webp) **Почему SPA намного удобнее:** - Обновляются только те части, которые действительно изменились (умно, правда?) @@ -523,7 +523,7 @@ if (data.error) { Теперь, когда вы протестируете с недействительным аккаунтом, вы увидите полезное сообщение об ошибке прямо на странице! -![Скриншот, показывающий сообщение об ошибке при входе](../../../../translated_images/login-error.416fe019b36a6327.ru.png) +![Скриншот, показывающий сообщение об ошибке при входе](../../../../translated_images/ru/login-error.416fe019b36a6327.webp) #### Шаг 4: Забота об инклюзивности и доступности @@ -961,7 +961,7 @@ timeline Вот как может выглядеть стильная панель управления: -![Скриншот примера результата панели управления после стилизации](../../../../translated_images/screen2.123c82a831a1d14a.ru.png) +![Скриншот примера результата панели управления после стилизации](../../../../translated_images/ru/screen2.123c82a831a1d14a.webp) Не обязательно точно копировать этот пример - используйте его как вдохновение и создайте что-то свое! diff --git a/translations/ru/7-bank-project/4-state-management/README.md b/translations/ru/7-bank-project/4-state-management/README.md index 0b9a6ecc0..4d04c6226 100644 --- a/translations/ru/7-bank-project/4-state-management/README.md +++ b/translations/ru/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ mindmap Вместо того чтобы гоняться за собственным хвостом, мы создадим **централизованную систему управления состоянием**. Представьте, что есть один очень организованный человек, который отвечает за все важные дела: -![Схема, показывающая потоки данных между HTML, действиями пользователя и состоянием](../../../../translated_images/data-flow.fa2354e0908fecc8.ru.png) +![Схема, показывающая потоки данных между HTML, действиями пользователя и состоянием](../../../../translated_images/ru/data-flow.fa2354e0908fecc8.webp) ```mermaid flowchart TD @@ -803,7 +803,7 @@ timeline Вот пример результата после выполнения задания: -![Скриншот, показывающий пример диалога "Добавить транзакцию"](../../../../translated_images/dialog.93bba104afeb79f1.ru.png) +![Скриншот, показывающий пример диалога "Добавить транзакцию"](../../../../translated_images/ru/dialog.93bba104afeb79f1.webp) --- diff --git a/translations/ru/7-bank-project/4-state-management/assignment.md b/translations/ru/7-bank-project/4-state-management/assignment.md index cb3f2f946..39dd3dc1b 100644 --- a/translations/ru/7-bank-project/4-state-management/assignment.md +++ b/translations/ru/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **Ожидаемый результат:** После выполнения этого задания ваше банковское приложение должно иметь полностью функциональную функцию "Добавить транзакцию", которая выглядит и работает профессионально: -![Скриншот, показывающий пример диалога "Добавить транзакцию"](../../../../translated_images/dialog.93bba104afeb79f1.ru.png) +![Скриншот, показывающий пример диалога "Добавить транзакцию"](../../../../translated_images/ru/dialog.93bba104afeb79f1.webp) ## Тестирование реализации diff --git a/translations/ru/7-bank-project/README.md b/translations/ru/7-bank-project/README.md index 928b94ae3..d3b588c9a 100644 --- a/translations/ru/7-bank-project/README.md +++ b/translations/ru/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: В этом проекте вы научитесь создавать вымышленный банк. Эти уроки включают инструкции по созданию макета веб-приложения, настройке маршрутов, созданию форм, управлению состоянием и получению данных из API, откуда можно извлечь данные банка. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.ru.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.ru.png) | +| ![Screen1](../../../translated_images/ru/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/ru/screen2.123c82a831a1d14a.webp) | |--------------------------------|--------------------------------| ## Уроки diff --git a/translations/ru/8-code-editor/1-using-a-code-editor/README.md b/translations/ru/8-code-editor/1-using-a-code-editor/README.md index dc6eded5d..059b9063e 100644 --- a/translations/ru/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/ru/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev переносит эти возможности в ваш брауз После загрузки вы увидите красиво оформленное рабочее пространство, созданное для того, чтобы вы сосредоточились на главном – вашем коде! -![Интерфейс VSCode.dev по умолчанию](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.ru.png) +![Интерфейс VSCode.dev по умолчанию](../../../../translated_images/ru/default-vscode-dev.5d06881d65c1b323.webp) **Вот ваш тур по окрестностям:** - **Панель действий** (полоса слева): Основная навигация с Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩 и Settings ⚙️ @@ -233,7 +233,7 @@ flowchart TB 1. Перейдите на [vscode.dev](https://vscode.dev), если вы еще там не находитесь 2. Найдите кнопку "Open Remote Repository" на приветственном экране и нажмите на нее - ![Открытие удаленного репозитория](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.ru.png) + ![Открытие удаленного репозитория](../../../../translated_images/ru/open-remote-repository.bd9c2598b8949e7f.webp) 3. Вставьте любой URL репозитория GitHub (попробуйте этот: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Нажмите Enter и наблюдайте за магией! @@ -242,7 +242,7 @@ flowchart TB Хотите почувствовать себя волшебником программирования? Попробуйте это сочетание клавиш: Ctrl+Shift+P (или Cmd+Shift+P на Mac), чтобы открыть Command Palette: -![Меню Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.ru.png) +![Меню Command Palette](../../../../translated_images/ru/palette-menu.4946174e07f42622.webp) **Command Palette – это как поисковая система для всего, что вы можете сделать:** - Введите "open remote", и он найдет для вас инструмент открытия репозитория @@ -304,7 +304,7 @@ flowchart TB 3. Введите имя файла, включая соответствующее расширение (`style.css`, `script.js`, `index.html`) 4. Нажмите Enter, чтобы создать файл -![Создание нового файла](../../../../translated_images/create-new-file.2814e609c2af9aeb.ru.png) +![Создание нового файла](../../../../translated_images/ru/create-new-file.2814e609c2af9aeb.webp) **Рекомендации по именованию:** - Используйте описательные имена, указывающие на назначение файла @@ -322,7 +322,7 @@ flowchart TB 2. Начните вводить текст и наблюдайте, как VSCode.dev помогает вам с цветами, подсказками и обнаружением ошибок 3. Сохраните свою работу с помощью Ctrl+S (Windows/Linux) или Cmd+S (Mac) – хотя он также автоматически сохраняет! -![Редактирование файлов в VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.ru.png) +![Редактирование файлов в VSCode.dev](../../../../translated_images/ru/edit-a-file.52c0ee665ef19f08.webp) **Крутые вещи, которые происходят во время кодирования:** - Ваш код красиво подсвечивается, чтобы его было легко читать @@ -343,7 +343,7 @@ flowchart TB 2. Измененные файлы появляются в разделе "Changes" 3. Цветовая кодировка указывает тип изменений: зеленый для добавлений, красный для удалений -![Просмотр изменений в Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.ru.png) +![Просмотр изменений в Source Control](../../../../translated_images/ru/working-tree.c58eec08e6335c79.webp) **Сохранение работы (процесс фиксации):** @@ -438,7 +438,7 @@ mindmap 2. Просмотрите или найдите что-то конкретное 3. Нажмите на то, что кажется интересным, чтобы узнать больше -![Интерфейс магазина расширений](../../../../translated_images/extensions.eca0e0c7f59a10b5.ru.png) +![Интерфейс магазина расширений](../../../../translated_images/ru/extensions.eca0e0c7f59a10b5.webp) **Что вы там найдете:** @@ -491,7 +491,7 @@ mindmap 3. Выберите "Настройки расширения" в выпадающем меню 4. Настройте параметры так, чтобы они идеально подходили для вашего рабочего процесса -![Настройка параметров расширений](../../../../translated_images/extension-settings.21c752ae4f4cdb78.ru.png) +![Настройка параметров расширений](../../../../translated_images/ru/extension-settings.21c752ae4f4cdb78.webp) **Что можно настроить:** - Как форматируется ваш код (табуляция или пробелы, длина строки и т.д.) diff --git a/translations/ru/8-code-editor/1-using-a-code-editor/assignment.md b/translations/ru/8-code-editor/1-using-a-code-editor/assignment.md index 6f8a6473b..772f0dede 100644 --- a/translations/ru/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/ru/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA: 4. **Напишите** сообщение коммита: "Добавить начальную структуру HTML" 5. **Нажмите** "Commit new file", чтобы сохранить изменения -![Создание начального файла на GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.ru.png) +![Создание начального файла на GitHub](../../../../translated_images/ru/new-file-github.com.c886796d800e8056.webp) **Что достигается с помощью этой начальной настройки:** - **Создается** правильная структура документа HTML5 с семантическими элементами @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **Индикатор успеха**: Вы должны увидеть файлы вашего проекта в боковой панели Explorer и `index.html`, доступный для редактирования в главной области редактора. -![Проект загружен в VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.ru.png) +![Проект загружен в VSCode.dev](../../../../translated_images/ru/project-on-vscode.dev.e79815a9a95ee7fe.webp) **Что вы увидите в интерфейсе:** - **Боковая панель Explorer**: **Отображает** файлы и структуру папок вашего репозитория @@ -448,7 +448,7 @@ li:before { **Результаты после установки:** После установки CodeSwing вы увидите предварительный просмотр вашего сайта-резюме прямо в редакторе. Это позволяет вам видеть, как выглядит ваш сайт, пока вы вносите изменения. -![Расширение CodeSwing с предварительным просмотром](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.ru.png) +![Расширение CodeSwing с предварительным просмотром](../../../../translated_images/ru/after-codeswing-extension-pb.0ebddddcf73b5509.webp) **Понимание улучшенного интерфейса:** - **Разделенный вид**: **Показывает** ваш код с одной стороны и предварительный просмотр с другой diff --git a/translations/ru/9-chat-project/README.md b/translations/ru/9-chat-project/README.md index 44fec0114..ca1e56c91 100644 --- a/translations/ru/9-chat-project/README.md +++ b/translations/ru/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) Вот как будет выглядеть ваш готовый проект: -![Интерфейс чат-приложения, показывающий разговор между пользователем и ИИ-ассистентом](../../../translated_images/screenshot.0a1ee0d123df681b.ru.png) +![Интерфейс чат-приложения, показывающий разговор между пользователем и ИИ-ассистентом](../../../translated_images/ru/screenshot.0a1ee0d123df681b.webp) ## 🗺️ Ваш путь обучения разработке приложений с ИИ @@ -194,7 +194,7 @@ mindmap **Основной принцип**: Разработка приложений с ИИ объединяет традиционные навыки веб-разработки с интеграцией ИИ-сервисов, создавая интеллектуальные приложения, которые кажутся естественными и отзывчивыми для пользователей. -![Интерфейс GitHub Models AI Playground с выбором модели и областью тестирования](../../../translated_images/playground.d2b927122224ff8f.ru.png) +![Интерфейс GitHub Models AI Playground с выбором модели и областью тестирования](../../../translated_images/ru/playground.d2b927122224ff8f.webp) **Почему Playground так полезен:** - **Попробуйте** разные модели ИИ, такие как GPT-4o-mini, Claude и другие (всё бесплатно!) @@ -204,7 +204,7 @@ mindmap После того как вы немного поиграете, просто нажмите вкладку "Code" и выберите ваш язык программирования, чтобы получить код для реализации. -![Выбор Playground, показывающий варианты генерации кода для разных языков программирования](../../../translated_images/playground-choice.1d23ba7d407f4758.ru.png) +![Выбор Playground, показывающий варианты генерации кода для разных языков программирования](../../../translated_images/ru/playground-choice.1d23ba7d407f4758.webp) ## Настройка интеграции серверной части на Python @@ -2365,14 +2365,14 @@ mindmap - **Перейдите** в [репозиторий Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Нажмите** "Use this template" в правом верхнем углу (убедитесь, что вы вошли в GitHub) -![Интерфейс создания из шаблона с зеленой кнопкой "Use this template"](../../../translated_images/template.67ad477109d29a2b.ru.png) +![Интерфейс создания из шаблона с зеленой кнопкой "Use this template"](../../../translated_images/ru/template.67ad477109d29a2b.webp) **Шаг 2: Запуск Codespaces** - **Откройте** ваш недавно созданный репозиторий - **Нажмите** зеленую кнопку "Code" и выберите "Codespaces" - **Выберите** "Create codespace on main", чтобы запустить вашу среду разработки -![Интерфейс создания Codespace с опциями для запуска облачной среды разработки](../../../translated_images/codespace.bcecbdf5d2747d3d.ru.png) +![Интерфейс создания Codespace с опциями для запуска облачной среды разработки](../../../translated_images/ru/codespace.bcecbdf5d2747d3d.webp) **Шаг 3: Конфигурация среды** После загрузки Codespace у вас будет доступ к: diff --git a/translations/ru/README.md b/translations/ru/README.md index 5aa805f08..70a4f9dc3 100644 --- a/translations/ru/README.md +++ b/translations/ru/README.md @@ -52,13 +52,13 @@ CO_OP_TRANSLATOR_METADATA: Посетите [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), чтобы начать! -![Фон](../../translated_images/background.148a8d43afde5730.ru.png) +![Фон](../../translated_images/ru/background.148a8d43afde5730.webp) - Уроки охватывают всё от основ до RAG. - Взаимодействуйте с историческими персонажами с помощью GenAI и нашего сопутствующего приложения. - Забавный и увлекательный сюжет, вы будете путешествовать во времени! -![персонаж](../../translated_images/character.5c0dd8e067ffd693.ru.png) +![персонаж](../../translated_images/ru/character.5c0dd8e067ffd693.webp) Каждый урок включает задание для выполнения, проверку знаний и вызов, чтобы помочь вам освоить такие темы, как: - Формулировка запросов и проектирование запросов @@ -93,7 +93,7 @@ CO_OP_TRANSLATOR_METADATA: В вашей копии репозитория нажмите кнопку **Code** и выберите **Open with Codespaces**. Это создаст для вас новый Codespace для работы. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.ru.png) +![Codespace](../../translated_images/ru/createcodespace.0238bbf4d7a8d955.webp) #### Запуск учебной программы локально на вашем компьютере diff --git a/translations/ru/for-teachers.md b/translations/ru/for-teachers.md index eb0f0d16a..9d86b554f 100644 --- a/translations/ru/for-teachers.md +++ b/translations/ru/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud имеет ограниченную поддержку Common Cartridge. Предпочтительно использовать файл Moodle, который также можно загрузить в Canvas. - После импорта проверьте модули, сроки выполнения и настройки викторин, чтобы они соответствовали вашему расписанию. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.ru.png) +![Moodle](../../translated_images/ru/moodle.94eb93d714a50cb2.webp) > Учебная программа в классе Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.ru.png) +![Canvas](../../translated_images/ru/canvas.fbd605ff8e5b8aff.webp) > Учебная программа в Canvas ### Использование репозитория напрямую (без Classroom) diff --git a/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 77101560f..4120e65bd 100644 --- a/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Pozri, úplne chápem, ak sa ti programovanie teraz zdá zastrašujúce. Keď so Dnes preskúmame úžasné nástroje, ktoré robia moderný webový vývoj nielen možným, ale aj vážne návykovým. Hovorím o presne tých editorech, prehliadačoch a pracovných postupoch, ktoré denno-denne používajú vývojári v Netflixe, Spotify a tvojej obľúbenej indie app štúdiu. A tu je časť, ktorá ťa rozveselí: väčšina týchto profesionálnych, priemyselných nástrojov je úplne zadarmo! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.sk.png) +![Intro Programming](../../../../translated_images/sk/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sk/1-getting-started-lessons/2-github-basics/README.md b/translations/sk/1-getting-started-lessons/2-github-basics/README.md index 7ce0aa702..eadebc512 100644 --- a/translations/sk/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/sk/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Vieme, že to môže byť spočiatku veľa – ja si pamätám, ako som prvýkr Túto cestu prejdeme spolu, krok za krokom. Bez naháňania, bez stresu – len ty, ja a niekoľko fakt skvelých nástrojov, ktoré sa stanú tvojimi novými najlepšími priateľmi! -![Úvod do GitHubu](../../../../translated_images/webdev101-github.8846d7971abef6f9.sk.png) +![Úvod do GitHubu](../../../../translated_images/sk/webdev101-github.8846d7971abef6f9.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -605,7 +605,7 @@ Najskôr nájdeme repozitár (alebo **repo**) na GitHub, ktorý vás zaujíma a ✅ Dobrou cestou, ako nájsť 'začiatočníkom priateľské' repozitáre, je [vyhľadávanie podľa značky '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.sk.png) +![Copy a repo locally](../../../../translated_images/sk/clone_repo.5085c48d666ead57.png) Existuje niekoľko spôsobov, ako kód skopírovať. Jedným zo spôsobov je „klonovať“ obsah repozitára pomocou HTTPS, SSH alebo pomocou GitHub CLI (Command Line Interface). diff --git a/translations/sk/1-getting-started-lessons/3-accessibility/README.md b/translations/sk/1-getting-started-lessons/3-accessibility/README.md index 7e875e229..81d8ca63c 100644 --- a/translations/sk/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/sk/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Vytváranie prístupných webstránok -![Všetko o prístupnosti](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.sk.png) +![Všetko o prístupnosti](../../../../translated_images/sk/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Každý obrázok na vašom webe má svoj účel. Pochopenie tohto účelu vám p **Informatívne obrázky** - prenášajú dôležité informácie: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Dekoratívne obrázky** - čisto vizuálne, bez informačnej hodnoty: ```html - + ``` **Funkčné obrázky** - slúžia ako tlačidlá alebo ovládacie prvky: @@ -1066,7 +1066,7 @@ Každý obrázok na vašom webe má svoj účel. Pochopenie tohto účelu vám p **Komplexné obrázky** - grafy, diagramy, infografiky: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Každý obrázok na vašom webe má svoj účel. Pochopenie tohto účelu vám p - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/sk/2-js-basics/1-data-types/README.md b/translations/sk/2-js-basics/1-data-types/README.md index 5785137f2..c67320eac 100644 --- a/translations/sk/2-js-basics/1-data-types/README.md +++ b/translations/sk/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Základy: Dátové Typy -![JavaScript Základy - Dátové typy](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.sk.png) +![JavaScript Základy - Dátové typy](../../../../translated_images/sk/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sk/2-js-basics/2-functions-methods/README.md b/translations/sk/2-js-basics/2-functions-methods/README.md index c37f0dafb..43d59a065 100644 --- a/translations/sk/2-js-basics/2-functions-methods/README.md +++ b/translations/sk/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Základy JavaScriptu: Metódy a funkcie -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.sk.png) +![JavaScript Basics - Functions](../../../../translated_images/sk/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sk/2-js-basics/3-making-decisions/README.md b/translations/sk/2-js-basics/3-making-decisions/README.md index af5baba7a..523d182d0 100644 --- a/translations/sk/2-js-basics/3-making-decisions/README.md +++ b/translations/sk/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript základy: Robenie rozhodnutí -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.sk.png) +![JavaScript Basics - Making decisions](../../../../translated_images/sk/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/sk/2-js-basics/4-arrays-loops/README.md b/translations/sk/2-js-basics/4-arrays-loops/README.md index acd1ef457..e8e953880 100644 --- a/translations/sk/2-js-basics/4-arrays-loops/README.md +++ b/translations/sk/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript základy: Polia a slučky -![JavaScript základy - Polia](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.sk.png) +![JavaScript základy - Polia](../../../../translated_images/sk/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/sk/3-terrarium/1-intro-to-html/README.md b/translations/sk/3-terrarium/1-intro-to-html/README.md index 7480e0588..da0fe4cdf 100644 --- a/translations/sk/3-terrarium/1-intro-to-html/README.md +++ b/translations/sk/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Zlepšiť prístupnosť: 5: Student Vytvoriť terárium: 5: Student ``` -![Úvod do HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.sk.png) +![Úvod do HTML](../../../../translated_images/sk/webdev101-html.4389c2067af68e98.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) HTML, alebo HyperText Markup Language, je základom každej webovej stránky, ktorú ste kedy navštívili. Predstavte si HTML ako kostru, ktorá dáva štruktúru webovým stránkam – určuje, kam obsah patrí, ako je usporiadaný a čo každý prvok predstavuje. Zatiaľ čo CSS neskôr „oblečie“ vašu HTML stránku farbami a rozloženiami, a JavaScript ju oživí interaktivitou, HTML poskytuje základnú štruktúru, ktorá robí všetko ostatné možným. @@ -86,7 +86,7 @@ Vytvoríte si vyhradenú zložku pre váš projekt terária a pridáte prvý HTM 4. V paneli Explorer kliknite na ikonu „Nový súbor“ 5. Pomenujte svoj súbor `index.html` -![VS Code Explorer ukazujúci vytvorenie nového súboru](../../../../translated_images/vs-code-index.e2986cf919471eb9.sk.png) +![VS Code Explorer ukazujúci vytvorenie nového súboru](../../../../translated_images/sk/vs-code-index.e2986cf919471eb9.png) **Možnosť 2: Použitie terminálových príkazov** ```bash @@ -236,48 +236,48 @@ Teraz pridajte obrázky rastlín usporiadané do dvoch stĺpcov medzi značky `<
- 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/sk/3-terrarium/2-intro-to-css/README.md b/translations/sk/3-terrarium/2-intro-to-css/README.md index 17ad252e0..0ed3b3e13 100644 --- a/translations/sk/3-terrarium/2-intro-to-css/README.md +++ b/translations/sk/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Responzívny dizajn: 5: Student Sklenené odrazy: 5: Student ``` -![Úvod do CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.sk.png) +![Úvod do CSS](../../../../translated_images/sk/webdev101-css.3f7af5991bf53a20.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) Pamätáš si, ako tvoje HTML terárium vyzeralo celkom jednoducho? CSS je miesto, kde túto základnú štruktúru premeníme na niečo vizuálne príťažlivé. @@ -202,7 +202,7 @@ body { Otvori si nástroje pre vývojárov v prehliadači (F12), prejdí do záložky Elements a pozri si element `

`. Uvidíš, že zdedil rodinu písma z body: -![dedičné písmo](../../../../translated_images/1.cc07a5cbe114ad1d.sk.png) +![dedičné písmo](../../../../translated_images/sk/1.cc07a5cbe114ad1d.png) ✅ **Čas na experiment**: Skús nastaviť na `` iné dedičné vlastnosti ako `color`, `line-height` alebo `text-align`. Čo sa stane s nadpisom a ďalšími elementmi? @@ -332,7 +332,7 @@ V našom teráriu každá rastlina potrebuje podobné štýly, ale aj individuá **Tu je HTML štruktúra pre každú rastlinu:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Ste pripravení vylepšiť svoj terárium realistickými odrazmi skla? Táto tec Vytvoríte jemné svetlé zvýraznenia, ktoré simulujú, ako sa svetlo odráža od sklenených plôch. Tento prístup je podobný tomu, ako renesanční maliari ako Jan van Eyck používali svetlo a odraz na vytvorenie trojrozmerného dojmu maľovaného skla. Tu je cieľ: -![hotové terárium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.sk.png) +![hotové terárium](../../../../translated_images/sk/terrarium-final.2f07047ffc597d0a.png) **Vaša výzva:** - **Vytvorte** jemné biele alebo svetlé oválne tvary pre odrazy skla diff --git a/translations/sk/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/sk/3-terrarium/3-intro-to-DOM-and-closures/README.md index db52662b9..47557ca9b 100644 --- a/translations/sk/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/sk/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Test functionality: 5: Student Complete terrarium: 5: Student ``` -![DOM a closure](../../../../translated_images/webdev101-js.10280393044d7eaa.sk.png) +![DOM a closure](../../../../translated_images/sk/webdev101-js.10280393044d7eaa.png) > Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac) Vitajte v jednej z najpútavejších oblastí webového vývoja – robíme veci interaktívnymi! Document Object Model (DOM) je ako most medzi vaším HTML a JavaScriptom, a dnes ho použijeme na oživenie vášho terrária. Keď Tim Berners-Lee vytvoril prvý webový prehliadač, predstavoval si web, kde môžu byť dokumenty dynamické a interaktívne – DOM túto víziu umožňuje. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Reprezentácia DOM stromu](../../../../translated_images/dom-tree.7daf0e763cbbba92.sk.png) +![Reprezentácia DOM stromu](../../../../translated_images/sk/dom-tree.7daf0e763cbbba92.png) > Reprezentácia DOM a HTML značkovania, ktoré naň odkazuje. Od [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Pochopenie Closures**: Closures sú významnou témou v JavaScripte a mnoho vývojárov ich používa roky, než úplne pochopia všetky teoretické aspekty. Dnes sa zameriame na praktickú aplikáciu – closures prirodzene uvidíte vzniknúť počas budovania našich interaktívnych funkcií. Pochopenie sa vyvinie, ako uvidíte, ako riešia skutočné problémy. -![Reprezentácia DOM stromu](../../../../translated_images/dom-tree.7daf0e763cbbba92.sk.png) +![Reprezentácia DOM stromu](../../../../translated_images/sk/dom-tree.7daf0e763cbbba92.png) > Reprezentácia DOM a HTML značkovania, ktoré naň odkazuje. Od [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Teraz otestujte svoje interaktívne terárium! Otvorte súbor `index.html` vo we - **Podpora zariadení**: Funguje na desktopoch aj mobiloch - **Výkonová uvedomelosť**: Žiadne úniky pamäte alebo nadbytočné výpočty -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.sk.png) +![finished terrarium](../../../../translated_images/sk/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/sk/3-terrarium/solution/README.md b/translations/sk/3-terrarium/solution/README.md index a76584e7d..5b8560627 100644 --- a/translations/sk/3-terrarium/solution/README.md +++ b/translations/sk/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Malá meditácia s kódom na princípe drag and drop. S trochou HTML, JS a CSS môžete vytvoriť webové rozhranie, upraviť jeho štýl a pridať interakciu. -![moje terárium](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.sk.png) +![moje terárium](../../../../translated_images/sk/screenshot_gray.0c796099a1f9f25e.png) ## Poďakovania diff --git a/translations/sk/5-browser-extension/1-about-browsers/README.md b/translations/sk/5-browser-extension/1-about-browsers/README.md index e742b1deb..76700e41a 100644 --- a/translations/sk/5-browser-extension/1-about-browsers/README.md +++ b/translations/sk/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Debug issues: 4: Student Polish experience: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.sk.jpg) +![Browser sketchnote](../../../../translated_images/sk/browser.60317c9be8b7f84a.jpg) > Sketchnote od [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Kvíz pred prednáškou @@ -77,7 +77,7 @@ Tento proces odráža spôsob, akým bol prvý webový prehliadač WorldWideWeb ✅ **Trocha histórie**: Prvý prehliadač sa volal 'WorldWideWeb' a vytvoril ho Sir Timothy Berners-Lee v roku 1990. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.sk.jpg) +![early browsers](../../../../translated_images/sk/earlybrowsers.d984b711cdf3a42d.jpg) > Niektoré skoré prehliadače, podľa [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Ako prehliadače spracovávajú webový obsah @@ -194,7 +194,7 @@ quadrantChart Pochopenie procesu inštalácie rozšírenia vám pomôže predvídať používateľský zážitok, keď si ľudia inštalujú vaše rozšírenie. Proces inštalácie je štandardizovaný vo väčšine moderných prehliadačov, s drobnými rozdielmi v dizajne rozhrania. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.sk.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/sk/install-on-edge.d68781acaf0b3d3d.png) > **Dôležité**: Uistite sa, že máte zapnutý režim vývojára a povolené rozšírenia z iných obchodov, keď testujete vlastné rozšírenia. @@ -308,10 +308,10 @@ Toto nasleduje princíp postupného odhaľovania, ktorý sa používa v dizajne ### Prehľad pohľadov rozšírenia **Zobrazenie nastavenia** – Konfigurácia pre používateľov pri prvom použití: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.sk.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/sk/1.b6da8c1394b07491.png) **Zobrazenie výsledkov** – Zobrazenie údajov uhlíkovej stopy: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.sk.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/sk/2.1dae52ff08042246.png) ### Vytvorenie konfiguračného formulára diff --git a/translations/sk/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/sk/5-browser-extension/2-forms-browsers-local-storage/README.md index f07c7b0c9..ec644a0ea 100644 --- a/translations/sk/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/sk/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Odstrániť uložené údaje ClearStorage --> FirstTime: Späť na nastavenie ``` -![Panel lokálneho úložiska](../../../../translated_images/localstorage.472f8147b6a3f8d1.sk.png) +![Panel lokálneho úložiska](../../../../translated_images/sk/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Bezpečnostné upozornenie**: V produkčných aplikáciách predstavuje uloženie API kľúčov v LocalStorage bezpečnostné riziko, pretože JavaScript k nim môže pristupovať. Pre vzdelávacie účely to funguje, ale reálne aplikácie by mali citlivé poverenia ukladať bezpečne na serverovej strane. diff --git a/translations/sk/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/sk/5-browser-extension/3-background-tasks-and-performance/README.md index 515c13904..a55adb6e2 100644 --- a/translations/sk/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/sk/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Ak chcete otvoriť Nástroje vývojára v Edge, kliknite na tie tri bodky v prav Poďme to vyskúšať. Otvorte nejakú webovú stránku (napríklad Microsoft.com funguje dobre) a kliknite na tlačidlo 'Nahrávanie'. Teraz obnovte stránku a sledujte, ako profiler zaznamenáva všetko, čo sa deje. Keď zastavíte nahrávanie, uvidíte podrobný rozpis, ako prehliadač 'spúšťa skripty', 'vykresľuje' a 'maľuje' stránku. Pripomína mi to, ako riadiace stredisko monitoruje každý systém počas štartu rakety – máte dáta v reálnom čase o tom, čo sa presne deje a kedy. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.sk.png) +![Edge profiler](../../../../translated_images/sk/profiler.5a4a62479c5df01c.png) ✅ Dokumentácia [Microsoftu](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) obsahuje množstvo detailov, ak chcete ísť viac do hĺbky @@ -133,11 +133,11 @@ Vyberte prvky časovej osi profilu, aby ste sa priblížili na udalosti, ktoré Získajte rýchly prehľad o výkone stránky výberom časti časovej osi profilu a zobrazením sumárneho panelu: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.sk.png) +![Edge profiler snapshot](../../../../translated_images/sk/snapshot.97750180ebcad737.png) Skontrolujte panel Záznam udalostí, či sa niektorá udalosť nepretiahla nad 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.sk.png) +![Edge event log](../../../../translated_images/sk/log.804026979f3707e0.png) ✅ Spoznajte svoj profiler! Otvorte nástroje vývojára na tejto stránke a zistite, či sú nejaké úzke miesta. Ktorý zdroj sa načítava najpomalšie? Ktorý najsrýchlejšie? diff --git a/translations/sk/5-browser-extension/README.md b/translations/sk/5-browser-extension/README.md index 695976716..523351080 100644 --- a/translations/sk/5-browser-extension/README.md +++ b/translations/sk/5-browser-extension/README.md @@ -23,7 +23,7 @@ Toto rozšírenie môže byť používateľom spustené ad hoc po zadaní API k ### Kredity -![zelené rozšírenie prehliadača](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![zelené rozšírenie prehliadača](../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Kredity diff --git a/translations/sk/5-browser-extension/solution/README.md b/translations/sk/5-browser-extension/solution/README.md index 468903ab1..c73e2542b 100644 --- a/translations/sk/5-browser-extension/solution/README.md +++ b/translations/sk/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Použitím API C02 Signal od tmrow na sledovanie spotreby elektriny vytvorte rozšírenie prehliadača, aby ste mali pripomienku priamo vo svojom prehliadači o tom, aká náročná je spotreba elektriny vo vašom regióne. Používanie tohto rozšírenia ad hoc vám pomôže robiť rozhodnutia o vašich aktivitách na základe týchto informácií. -![screenshot rozšírenia](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![screenshot rozšírenia](../../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Na inštaláciu v Edge použite menu „tri bodky“ v pravom hornom rohu prehliadača, aby ste našli panel Rozšírenia. Odtiaľ vyberte „Načítať nebalené“ na načítanie nového rozšírenia. Pri výzve otvorte priečinok „dist“ a rozšírenie sa načíta. Na jeho používanie budete potrebovať API kľúč pre API CO2 Signal ([získajte ho tu cez email](https://www.co2signal.com/) - zadajte svoj email do políčka na tejto stránke) a [kód pre váš región](http://api.electricitymap.org/v3/zones) zodpovedajúci [Electricity Map](https://www.electricitymap.org/map) (napríklad v Bostone používam 'US-NEISO'). -![inštalácia](../../../../translated_images/install-on-edge.78634f02842c4828.sk.png) +![inštalácia](../../../../translated_images/sk/install-on-edge.78634f02842c4828.png) Keď zadáte API kľúč a región do rozhrania rozšírenia, farebná bodka v paneli rozšírenia prehliadača by sa mala zmeniť tak, aby odrážala spotrebu energie vo vašom regióne a poskytla vám odporúčanie, aké energeticky náročné aktivity by boli vhodné vykonať. Koncept za týmto systémom „bodky“ mi bol inšpirovaný rozšírením [Energy Lollipop](https://energylollipop.com/) pre emisie v Kalifornii. diff --git a/translations/sk/5-browser-extension/solution/translation/README.es.md b/translations/sk/5-browser-extension/solution/translation/README.es.md index 40573b532..25e584659 100644 --- a/translations/sk/5-browser-extension/solution/translation/README.es.md +++ b/translations/sk/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocou API CO2 Signal od tmrow na sledovanie spotreby elektriny vytvorte rozšírenie prehliadača, ktoré vám umožní mať priamo vo vašom prehliadači pripomienku o spotrebe elektriny vo vašom regióne. Používanie tohto ad hoc rozšírenia vám pomôže robiť rozhodnutia o vašich aktivitách na základe týchto informácií. -![screenshot rozšírenia](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.sk.png) +![screenshot rozšírenia](../../../../../translated_images/sk/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Na inštaláciu v Edge použite menu s 'tromi bodkami' v pravom hornom rohu prehliadača, aby ste našli panel Rozšírenia. Odtiaľ vyberte 'Načítať rozbalené' na načítanie nového rozšírenia. Keď budete vyzvaní, otvorte priečinok 'dist' a rozšírenie sa načíta. Na jeho používanie budete potrebovať API kľúč pre API CO2 Signal ([získajte ho tu e-mailom](https://www.co2signal.com/) - zadajte svoj e-mail do poľa na tejto stránke) a [kód pre váš región](http://api.electricitymap.org/v3/zones) zodpovedajúci [Elektrickej mape](https://www.electricitymap.org/map) (napríklad v Bostone používam 'US-NEISO'). -![inštalácia](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.sk.png) +![inštalácia](../../../../../translated_images/sk/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) Keď zadáte API kľúč a región do rozhrania rozšírenia, farebný bod na lište rozšírenia prehliadača by sa mal zmeniť tak, aby odrážal spotrebu energie vo vašom regióne a poskytol vám indikátor o aktivitách s vysokou spotrebou energie, ktoré by pre vás boli vhodné. Koncept tohto systému "bodov" som získal z [rozšírenia Energy Lollipop](https://energylollipop.com/) pre emisie v Kalifornii. diff --git a/translations/sk/5-browser-extension/solution/translation/README.fr.md b/translations/sk/5-browser-extension/solution/translation/README.fr.md index a02acee12..77ef4b3ca 100644 --- a/translations/sk/5-browser-extension/solution/translation/README.fr.md +++ b/translations/sk/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocou API C02 Signal od tmrow na sledovanie spotreby elektriny vytvorte rozšírenie prehliadača, aby ste mohli mať priamo vo svojom prehliadači pripomienku o spotrebe elektriny vo vašom regióne. Používanie tohto ad hoc rozšírenia vám pomôže robiť rozhodnutia o vašich aktivitách na základe týchto informácií. -![snímka rozšírenia](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![snímka rozšírenia](../../../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Na inštaláciu v prehliadači Edge použite menu „tri bodky“ v pravom hornom rohu prehliadača na otvorenie panela Rozšírenia. Odtiaľ vyberte „Načítať rozbalené rozšírenie“ na pridanie nového rozšírenia. Pri výzve otvorte priečinok „dist“ a rozšírenie sa načíta. Na jeho používanie budete potrebovať API kľúč pre API CO2 Signal ([získajte ho tu e-mailom](https://www.co2signal.com/) – zadajte svoj e-mail do poľa na tejto stránke) a [kód pre váš región](http://api.electricitymap.org/v3/zones) zodpovedajúci [mape elektriny](https://www.electricitymap.org/map) (napríklad v Bostone používam 'US-NEISO'). -![inštalácia](../../../../../translated_images/install-on-edge.78634f02842c4828.sk.png) +![inštalácia](../../../../../translated_images/sk/install-on-edge.78634f02842c4828.png) Keď zadáte API kľúč a región do rozhrania rozšírenia, farebný bod v paneli rozšírení prehliadača by sa mal zmeniť tak, aby odrážal spotrebu energie vo vašom regióne, a poskytol vám indikátor, ktoré energeticky náročné aktivity by bolo vhodné vykonávať. Koncept tohto systému „bodov“ mi bol inšpirovaný [rozšírením Energy Lollipop](https://energylollipop.com/) pre kalifornské emisie. diff --git a/translations/sk/5-browser-extension/solution/translation/README.hi.md b/translations/sk/5-browser-extension/solution/translation/README.hi.md index b631bb78a..3866d40e8 100644 --- a/translations/sk/5-browser-extension/solution/translation/README.hi.md +++ b/translations/sk/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Použitie API CO2 Signal od tmrow na sledovanie spotreby elektriny, vytvorenie rozšírenia prehliadača, ktoré vám pripomenie, aká náročná je spotreba elektriny vo vašej oblasti. Používanie tohto rozšírenia vám pomôže robiť rozhodnutia o vašich aktivitách na základe týchto informácií. -![Screenshot rozšírenia](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![Screenshot rozšírenia](../../../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Na inštaláciu v Edge použite menu „tri bodky“ v pravom hornom rohu prehliadača na vyhľadanie panelu rozšírení. Odtiaľ vyberte „Načítať nebalené“ na načítanie nového rozšírenia. V zobrazenom okne otvorte priečinok „dist“ a rozšírenie sa načíta. Na jeho používanie budete potrebovať API kľúč CO2 Signal ([získajte ho e-mailom tu](https://www.co2signal.com/) – zadajte svoj e-mail do políčka na tejto stránke) a [kód pre vašu oblasť](http://api.electricitymap.org/v3/zones) z [Electricity Map](https://www.electricitymap.org/map) (napríklad v Bostone používam „US-NEISO“). -![Inštalácia](../../../../../translated_images/install-on-edge.78634f02842c4828.sk.png) +![Inštalácia](../../../../../translated_images/sk/install-on-edge.78634f02842c4828.png) Keď zadáte API kľúč a kód oblasti do rozhrania rozšírenia, farebný bod v paneli rozšírenia prehliadača by sa mal zmeniť tak, aby odrážal spotrebu energie vo vašej oblasti. Poskytne vám indikátor, ktoré energeticky náročné aktivity sú vhodné pre váš výkon. Koncept tejto „bodovej“ systému mi bol inšpirovaný rozšírením [Energy Lollipop](https://energylollipop.com/) pre emisie v Kalifornii. diff --git a/translations/sk/5-browser-extension/solution/translation/README.it.md b/translations/sk/5-browser-extension/solution/translation/README.it.md index 3352938b0..c51f3c35b 100644 --- a/translations/sk/5-browser-extension/solution/translation/README.it.md +++ b/translations/sk/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Použije sa API Signal CO2 od tmrow na sledovanie spotreby elektriny, aby sa vytvorilo rozšírenie pre prehliadač, ktoré poskytne pripomienku priamo v prehliadači o tom, aká náročná je spotreba elektriny vo vašom regióne. Používanie tohto rozšírenia pomôže lepšie zhodnotiť svoje aktivity na základe týchto informácií. -![screenshot rozšírenia](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![screenshot rozšírenia](../../../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Na inštaláciu v Edge použite menu "tri bodky" v pravom hornom rohu prehliadača a vyhľadajte panel Rozšírenia. Ak ešte nie je aktívny, zapnite režim vývojára (v dolnej časti). Vyberte "Načítať rozbalené" na načítanie nového rozšírenia. Otvorte priečinok "dist" v zobrazenom okne a rozšírenie sa načíta. Na jeho používanie budete potrebovať API kľúč pre CO2 Signal API (môžete ho [získať tu e-mailom](https://www.co2signal.com/) - zadajte svoju e-mailovú adresu do políčka na tejto stránke) a [kód pre váš región](http://api.electricitymap.org/v3/zones) zodpovedajúci [elektrickej mape](https://www.electricitymap.org/map) (napríklad v Bostone "US-NEISO"). -![inštalácia](../../../../../translated_images/install-on-edge.78634f02842c4828.sk.png) +![inštalácia](../../../../../translated_images/sk/install-on-edge.78634f02842c4828.png) Keď zadáte API kľúč a región do rozhrania rozšírenia, farebný bod v paneli rozšírenia prehliadača by sa mal zmeniť tak, aby odrážal spotrebu energie vo vašom regióne. Poskytne tiež návod na to, ktoré aktivity s vysokou spotrebou energie by boli vhodné vykonať. Koncept tohto systému "bodov" bol inšpirovaný [rozšírením Energy Lollipop](https://energylollipop.com/) pre emisie v Kalifornii. diff --git a/translations/sk/5-browser-extension/solution/translation/README.ja.md b/translations/sk/5-browser-extension/solution/translation/README.ja.md index c745b081e..869d8f6f4 100644 --- a/translations/sk/5-browser-extension/solution/translation/README.ja.md +++ b/translations/sk/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Pomocou API CO2 Signal od tmrow môžete sledovať spotrebu elektrickej energie vo vašej oblasti a zobrazovať pripomienky priamo v prehliadači. Toto rozšírenie vám umožní rozhodovať sa na základe týchto informácií o vašich aktivitách. -![screenshot rozšírenia](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![screenshot rozšírenia](../../../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Ak chcete rozšírenie nainštalovať do Edge, otvorte panel „Rozšírenia“ cez menu „tri bodky“ v pravom hornom rohu prehliadača. Vyberte možnosť „Load Unpacked“ a načítajte nové rozšírenie. Keď sa zobrazí výzva, otvorte priečinok „dist“ a rozšírenie sa načíta. Na používanie budete potrebovať API kľúč CO2 Signal ([získajte ho tu cez e-mail](https://www.co2signal.com/) - zadajte svoj e-mail do políčka na stránke) a [kód pre vašu oblasť](http://api.electricitymap.org/v3/zones) zodpovedajúci [Electricity Map](https://www.electricitymap.org/map) (napríklad pre Boston použite 'US-NEISO'). -![inštalácia](../../../../../translated_images/install-on-edge.78634f02842c4828.sk.png) +![inštalácia](../../../../../translated_images/sk/install-on-edge.78634f02842c4828.png) Po zadaní API kľúča a oblasti do rozhrania rozšírenia sa farba bodky v rozšírenej lište prehliadača zmení, aby odrážala energetickú spotrebu vo vašej oblasti. Táto bodka vám pomôže rozhodnúť, aké aktivity vyžadujúce energiu sú vhodné. Koncept systému „bodky“ som si osvojil z rozšírenia [Energy Lollipop](https://energylollipop.com/) pre emisie v Kalifornii. diff --git a/translations/sk/5-browser-extension/solution/translation/README.ms.md b/translations/sk/5-browser-extension/solution/translation/README.ms.md index 56cf8bb4b..55a885630 100644 --- a/translations/sk/5-browser-extension/solution/translation/README.ms.md +++ b/translations/sk/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Použitím API CO2 Signal od tmrow na sledovanie spotreby elektrickej energie vytvorte rozšírenie prehliadača, ktoré vám umožní dostávať upozornenia o aktuálnej záťaži spotreby elektrickej energie vo vašom regióne. Používanie tohto rozšírenia vám pomôže robiť informované rozhodnutia o vašich aktivitách na základe týchto údajov. -![screenshot rozšírenia prehliadača](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![screenshot rozšírenia prehliadača](../../../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Na inštaláciu v Edge použite menu „tri bodky“ v pravom hornom rohu prehliadača a vyhľadajte panel Rozšírenia. Odtiaľ vyberte „Load Unpacked“ na načítanie nového rozšírenia. Otvorte priečinok „dist“ na požiadanie a rozšírenie sa načíta. Na jeho používanie budete potrebovať API kľúč pre CO2 Signal ([získajte ho tu cez e-mail](https://www.co2signal.com/) - zadajte svoj e-mail do políčka na stránke) a [kód pre váš región](http://api.electricitymap.org/v3/zones), ktorý zodpovedá [Elektrickej mape](https://www.electricitymap.org/map) (napríklad v Bostone používam 'US-NEISO'). -![sťahovanie](../../../../../translated_images/install-on-edge.78634f02842c4828.sk.png) +![sťahovanie](../../../../../translated_images/sk/install-on-edge.78634f02842c4828.png) Po zadaní API kľúča a regiónu do rozhrania rozšírenia sa farebný bod na paneli rozšírenia prehliadača zmení, aby odrážal spotrebu energie vo vašom regióne, a poskytne vám odporúčania ohľadom vhodných aktivít. Koncept systému „bodov“ mi bol inšpiráciou od [rozšírenia prehliadača Energy Lollipop](https://energylollipop.com/) pre Kaliforniu. diff --git a/translations/sk/5-browser-extension/start/README.md b/translations/sk/5-browser-extension/start/README.md index e5b7d1ecf..1fe3e95bc 100644 --- a/translations/sk/5-browser-extension/start/README.md +++ b/translations/sk/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Použitím API C02 Signal od tmrow na sledovanie spotreby elektriny vytvorte rozšírenie prehliadača, aby ste mali pripomienku priamo vo svojom prehliadači o tom, aká náročná je spotreba elektriny vo vašom regióne. Používanie tohto rozšírenia ad hoc vám pomôže robiť rozhodnutia o vašich aktivitách na základe týchto informácií. -![screenshot rozšírenia](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.sk.png) +![screenshot rozšírenia](../../../../translated_images/sk/extension-screenshot.0e7f5bfa110e92e3.png) ## Začíname @@ -31,7 +31,7 @@ npm run build Na inštaláciu v Edge použite menu „tri bodky“ v pravom hornom rohu prehliadača na nájdenie panelu Rozšírenia. Odtiaľ vyberte „Načítať nebalené“ na načítanie nového rozšírenia. Pri výzve otvorte priečinok „dist“ a rozšírenie sa načíta. Na jeho používanie budete potrebovať API kľúč pre API CO2 Signal ([získajte ho tu cez e-mail](https://www.co2signal.com/) - zadajte svoj e-mail do políčka na tejto stránke) a [kód pre váš región](http://api.electricitymap.org/v3/zones) zodpovedajúci [Electricity Map](https://www.electricitymap.org/map) (napríklad v Bostone používam 'US-NEISO'). -![inštalácia](../../../../translated_images/install-on-edge.78634f02842c4828.sk.png) +![inštalácia](../../../../translated_images/sk/install-on-edge.78634f02842c4828.png) Keď zadáte API kľúč a región do rozhrania rozšírenia, farebná bodka v paneli rozšírenia prehliadača by sa mala zmeniť tak, aby odrážala spotrebu energie vo vašom regióne a poskytla vám návod, aké energeticky náročné aktivity by boli vhodné vykonať. Koncept za týmto systémom „bodky“ mi bol inšpirovaný rozšírením [Energy Lollipop](https://energylollipop.com/) pre emisie v Kalifornii. diff --git a/translations/sk/6-space-game/2-drawing-to-canvas/README.md b/translations/sk/6-space-game/2-drawing-to-canvas/README.md index 7b6d83a45..330c201d1 100644 --- a/translations/sk/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/sk/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] ``` -![mriežka canvasu](../../../../translated_images/canvas_grid.5f209da785ded492.sk.png) +![mriežka canvasu](../../../../translated_images/sk/canvas_grid.5f209da785ded492.png) > Obrázok z [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Na kreslenie na prvok canvas nasledujete rovnaký trojkrokový proces, ktorý tvorí základ všetkých canvas grafík. Keď to urobíte niekoľkokrát, stane sa to pre vás prirodzené: @@ -323,11 +323,11 @@ Vytvoríte webovú stránku s prvkom Canvas. Mali by ste vykresliť čiernu obra - Hrdina loď - ![Hrdina loď](../../../../translated_images/player.dd24c1afa8c71e9b.sk.png) + ![Hrdina loď](../../../../translated_images/sk/player.dd24c1afa8c71e9b.png) - 5×5 príšery - ![Loď príšery](../../../../translated_images/enemyShip.5df2a822c16650c2.sk.png) + ![Loď príšery](../../../../translated_images/sk/enemyShip.5df2a822c16650c2.png) ### Odporúčané kroky na začiatok vývoja @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Hotový výsledok by mal vyzerať takto: -![Čierna obrazovka s hrdinom a 5*5 príšerami](../../../../translated_images/partI-solution.36c53b48c9ffae2a.sk.png) +![Čierna obrazovka s hrdinom a 5*5 príšerami](../../../../translated_images/sk/partI-solution.36c53b48c9ffae2a.png) ## Riešenie diff --git a/translations/sk/6-space-game/5-keeping-score/README.md b/translations/sk/6-space-game/5-keeping-score/README.md index 20ff91969..ab57f7836 100644 --- a/translations/sk/6-space-game/5-keeping-score/README.md +++ b/translations/sk/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Systém bodovania**: Každá zničená nepriateľská loď udeľuje 100 bodov (okrúhle čísla sa hráčom ľahšie počítajú v hlave). Skóre sa zobrazuje v ľavom dolnom rohu. -- **Počítadlo životov**: Tvoj hrdina začína s tromi životmi - štandard, ktorý stanovali rané arkádové hry pre rovnováhu výzvy a hrateľnosti. Každá kolízia s nepriateľom stojí jeden život. Zostávajúce životy zobrazíme v pravom dolnom rohu pomocou ikon lodí ![life image](../../../../translated_images/life.6fb9f50d53ee0413.sk.png). +- **Počítadlo životov**: Tvoj hrdina začína s tromi životmi - štandard, ktorý stanovali rané arkádové hry pre rovnováhu výzvy a hrateľnosti. Každá kolízia s nepriateľom stojí jeden život. Zostávajúce životy zobrazíme v pravom dolnom rohu pomocou ikon lodí ![life image](../../../../translated_images/sk/life.6fb9f50d53ee0413.png). ## Let's Get Building! diff --git a/translations/sk/7-bank-project/1-template-route/README.md b/translations/sk/7-bank-project/1-template-route/README.md index 53029b842..e804352df 100644 --- a/translations/sk/7-bank-project/1-template-route/README.md +++ b/translations/sk/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Použitie `history.pushState` vytvára nové zápisy v histórii prehliadača. Môžete to overiť podržaním *tlačidla späť* vo vašom prehliadači, malo by vám to zobraziť niečo takéto: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.sk.png) +![Screenshot of navigation history](../../../../translated_images/sk/history.7fdabbafa521e064.png) Ak kliknete na tlačidlo späť niekoľkokrát, uvidíte, že sa mení aktuálna URL a história sa aktualizuje, ale stále sa zobrazuje tá istá šablóna. diff --git a/translations/sk/7-bank-project/2-forms/README.md b/translations/sk/7-bank-project/2-forms/README.md index 7b2717474..0af8453bb 100644 --- a/translations/sk/7-bank-project/2-forms/README.md +++ b/translations/sk/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Najprv si všimnime, čo sa deje pri základnom odoslaní formulára: 2. Sledujte zmenu URL v adresnom riadku prehliadača 3. Všimnite si, ako stránka obnoví a údaje sa zobrazia v URL -![Screenshot zmeny URL v prehliadači po kliknutí na tlačidlo Register](../../../../translated_images/click-register.e89a30bf0d4bc9ca.sk.png) +![Screenshot zmeny URL v prehliadači po kliknutí na tlačidlo Register](../../../../translated_images/sk/click-register.e89a30bf0d4bc9ca.png) ### Porovnanie HTTP metód @@ -346,7 +346,7 @@ Nakonfigurujme váš registračný formulár tak, aby správne komunikoval so ba 2. **Kliknite** na tlačidlo "Create Account" 3. **Sledujte** odpoveď servera v prehliadači -![Okno prehliadača na adrese localhost:5000/api/accounts s JSON reťazcom obsahujúcim údaje o používateľovi](../../../../translated_images/form-post.61de4ca1b964d91a.sk.png) +![Okno prehliadača na adrese localhost:5000/api/accounts s JSON reťazcom obsahujúcim údaje o používateľovi](../../../../translated_images/sk/form-post.61de4ca1b964d91a.png) **Čo by ste mali vidieť:** - **Prehliadač sa presmeruje** na URL API endpointu @@ -609,7 +609,7 @@ async function register() { 3. **Kliknite** na "Vytvoriť účet" 4. **Sledujte** správy v konzole a spätnú väzbu používateľa -![Screenshot showing log message in the browser console](../../../../translated_images/browser-console.efaf0b51aaaf6778.sk.png) +![Screenshot showing log message in the browser console](../../../../translated_images/sk/browser-console.efaf0b51aaaf6778.png) **Čo by ste mali vidieť:** - **Stav načítavania** sa zobrazí na tlačidle odoslania @@ -783,7 +783,7 @@ Vylepšime váš registračný formulár robustnou validáciou, ktorá zabezpeč 3. **Vyskúšajte** špeciálne znaky v poli užívateľského mena 4. **Zadajte** zápornú hodnotu zostatku -![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/validation-error.8bd23e98d416c22f.sk.png) +![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/sk/validation-error.8bd23e98d416c22f.png) **Čo uvidíte:** - **Prehliadač zobrazí** natívne validačné správy @@ -943,7 +943,7 @@ Zobrazte chybové hlásenie v HTML, ak užívateľ už existuje. Tu je príklad, ako môže konečná prihlasovacia stránka vyzerať po miernom úprave štýlov: -![Snímka obrazovky prihlasovacej stránky po pridaní CSS štýlov](../../../../translated_images/result.96ef01f607bf856a.sk.png) +![Snímka obrazovky prihlasovacej stránky po pridaní CSS štýlov](../../../../translated_images/sk/result.96ef01f607bf856a.png) ## Kvíz po prednáške diff --git a/translations/sk/7-bank-project/3-data/README.md b/translations/sk/7-bank-project/3-data/README.md index 7b0db5cf3..9ce506792 100644 --- a/translations/sk/7-bank-project/3-data/README.md +++ b/translations/sk/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Vráti kompletnú HTML stránku Browser->>User: Zobrazí novú stránku (bliknutie/obnovenie) ``` -![Pracovný postup aktualizácie vo viacstránkovej aplikácii](../../../../translated_images/mpa.7f7375a1a2d4aa77.sk.png) +![Pracovný postup aktualizácie vo viacstránkovej aplikácii](../../../../translated_images/sk/mpa.7f7375a1a2d4aa77.png) **Prečo tento prístup pôsobil neohrabane:** - Každým kliknutím sa celé znovu načítavala stránka @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Aktualizuje konkrétne prvky stránky Browser->>User: Zobrazuje aktualizovaný obsah (bez obnovenia) ``` -![Pracovný postup aktualizácie v jednostránkovej aplikácii](../../../../translated_images/spa.268ec73b41f992c2.sk.png) +![Pracovný postup aktualizácie v jednostránkovej aplikácii](../../../../translated_images/sk/spa.268ec73b41f992c2.png) **Prečo sa SPA cítia omnoho lepšie:** - Aktualizujú sa len zmenené časti (šikovné, však?) @@ -516,7 +516,7 @@ if (data.error) { Teraz, keď otestujete s neplatným účtom, uvidíte na stránke užitočnú chybovú správu! -![Screenshot zobrazujúci chybovú správu počas prihlásenia](../../../../translated_images/login-error.416fe019b36a6327.sk.png) +![Screenshot zobrazujúci chybovú správu počas prihlásenia](../../../../translated_images/sk/login-error.416fe019b36a6327.png) #### Krok 4: Buďte inkluzívni v prístupnosti @@ -950,7 +950,7 @@ Ste pripravený posunúť svoju bankovú aplikáciu o úroveň vyššie? Spravme Takto by mohol vyzerať vyleštený dashboard: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.sk.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/sk/screen2.123c82a831a1d14a.png) Nemusíte to presne kopírovať - použite to ako inšpiráciu a spravte si to po svojom!