diff --git a/translations/no/5-browser-extension/solution/translation/README.ms.md b/translations/no/5-browser-extension/solution/translation/README.ms.md index e11e6ff4c..848df4b9d 100644 --- a/translations/no/5-browser-extension/solution/translation/README.ms.md +++ b/translations/no/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Ved å bruke CO2 Signal API fra tmrow for å overvåke strømforbruk, kan du bygge en nettleserutvidelse som gir deg varsler om hvor tungt strømforbruket er i ditt område. Å bruke denne utvidelsen kan hjelpe deg med å ta informerte valg om aktivitetene dine basert på denne informasjonen. -![skjermbilde av nettleserutvidelsen](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![skjermbilde av nettleserutvidelsen](../../../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Kom i Gang @@ -31,7 +31,7 @@ npm run build For å installere i Edge, bruk menyen med 'tre prikker' øverst til høyre i nettleseren for å finne panelet Utvidelser. Derfra velger du 'Load Unpacked' for å laste inn en ny utvidelse. Åpne 'dist'-mappen når du blir bedt om det, og utvidelsen vil bli lastet inn. For å bruke den, trenger du en API-nøkkel for CO2 Signal API ([få en her via e-post](https://www.co2signal.com/) - skriv inn e-posten din i boksen på denne siden) og [koden for ditt område](http://api.electricitymap.org/v3/zones) som samsvarer med [Electricity Map](https://www.electricitymap.org/map) (i Boston, for eksempel, bruker jeg 'US-NEISO'). -![laster ned](../../../../../translated_images/install-on-edge.78634f02842c4828.no.png) +![laster ned](../../../../../translated_images/no/install-on-edge.78634f02842c4828.png) Når API-nøkkelen og området er lagt inn i utvidelsens grensesnitt, vil en farget prikk i nettleserens utvidelseslinje endre seg for å reflektere energiforbruket i ditt område og gi deg anbefalinger om passende aktiviteter basert på dette. Konseptet bak dette 'prikk'-systemet ble inspirert av [Energy Lollipop nettleserutvidelsen](https://energylollipop.com/) for utslipp i California. diff --git a/translations/no/5-browser-extension/start/README.md b/translations/no/5-browser-extension/start/README.md index 0b95cf5b7..69b42f8eb 100644 --- a/translations/no/5-browser-extension/start/README.md +++ b/translations/no/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: Ved å bruke tmrow's CO2 Signal API for å spore strømforbruk, kan du lage en nettleserutvidelse som gir deg en påminnelse direkte i nettleseren om hvor tungt strømforbruket er i din region. Å bruke denne utvidelsen ad hoc vil hjelpe deg med å ta vurderinger om aktivitetene dine basert på denne informasjonen. -![utvidelsesskjermbilde](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.no.png) +![utvidelsesskjermbilde](../../../../translated_images/no/extension-screenshot.0e7f5bfa110e92e3.png) ## Komme i gang @@ -31,7 +31,7 @@ npm run build For å installere på Edge, bruk menyen med 'tre prikker' øverst til høyre i nettleseren for å finne utvidelsespanelet. Derfra velger du 'Last inn pakket utvidelse' for å laste inn en ny utvidelse. Åpne 'dist'-mappen når du blir bedt om det, og utvidelsen vil lastes inn. For å bruke den, trenger du en API-nøkkel for CO2 Signal's API ([få en her via e-post](https://www.co2signal.com/) - skriv inn e-posten din i boksen på denne siden) og koden for din region ([finn den her](http://api.electricitymap.org/v3/zones)) som tilsvarer [Electricity Map](https://www.electricitymap.org/map) (for eksempel bruker jeg 'US-NEISO' i Boston). -![installering](../../../../translated_images/install-on-edge.78634f02842c4828.no.png) +![installering](../../../../translated_images/no/install-on-edge.78634f02842c4828.png) Når API-nøkkelen og regionen er lagt inn i utvidelsesgrensesnittet, bør den fargede prikken i nettleserens utvidelseslinje endres for å gjenspeile energiforbruket i din region og gi deg en pekepinn på hvilke energikrevende aktiviteter som kan være passende å utføre. Konseptet bak dette 'prikk'-systemet ble gitt til meg av [Energy Lollipop-utvidelsen](https://energylollipop.com/) for utslipp i California. diff --git a/translations/no/6-space-game/2-drawing-to-canvas/README.md b/translations/no/6-space-game/2-drawing-to-canvas/README.md index 30be3348e..e4d3d43a2 100644 --- a/translations/no/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/no/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] ``` -![lerretets rutenett](../../../../translated_images/canvas_grid.5f209da785ded492.no.png) +![lerretets rutenett](../../../../translated_images/no/canvas_grid.5f209da785ded492.png) > Bilde fra [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) For å tegne på canvas-elementet følger du den samme tre-trinns prosessen som danner grunnlaget for all lerretgrafikk. Når du gjør dette noen ganger, blir det helt naturlig: @@ -323,11 +323,11 @@ Du skal lage en nettside med et Canvas-element. Den skal vise en svart skjerm `1 - Helteskip - ![Helteskip](../../../../translated_images/player.dd24c1afa8c71e9b.no.png) + ![Helteskip](../../../../translated_images/no/player.dd24c1afa8c71e9b.png) - 5*5 monstre - ![Monsterskip](../../../../translated_images/enemyShip.5df2a822c16650c2.no.png) + ![Monsterskip](../../../../translated_images/no/enemyShip.5df2a822c16650c2.png) ### Anbefalte steg for å starte utvikling @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Det ferdige resultatet skal se slik ut: -![Black screen with a hero and 5*5 monsters](../../../../translated_images/partI-solution.36c53b48c9ffae2a.no.png) +![Black screen with a hero and 5*5 monsters](../../../../translated_images/no/partI-solution.36c53b48c9ffae2a.png) ## Løsning diff --git a/translations/no/6-space-game/5-keeping-score/README.md b/translations/no/6-space-game/5-keeping-score/README.md index e2402fb0e..281e6977c 100644 --- a/translations/no/6-space-game/5-keeping-score/README.md +++ b/translations/no/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Poengsystem**: Hvert ødelagte fiendeskip belønner med 100 poeng (runde tall er lettere for spillerne å regne på mentalt). Poengsummen vises nederst til venstre. -- **Livsteller**: Helten din starter med tre liv – en standard etablert av tidlige arkadespill for å balansere utfordring med spillbarhet. Hver kollisjon med en fiende koster ett liv. Vi viser gjenværende liv nederst til høyre med skipsikoner ![life image](../../../../translated_images/life.6fb9f50d53ee0413.no.png). +- **Livsteller**: Helten din starter med tre liv – en standard etablert av tidlige arkadespill for å balansere utfordring med spillbarhet. Hver kollisjon med en fiende koster ett liv. Vi viser gjenværende liv nederst til høyre med skipsikoner ![life image](../../../../translated_images/no/life.6fb9f50d53ee0413.png). ## La oss bygge! diff --git a/translations/no/7-bank-project/1-template-route/README.md b/translations/no/7-bank-project/1-template-route/README.md index 95482cfb3..bfa52d36b 100644 --- a/translations/no/7-bank-project/1-template-route/README.md +++ b/translations/no/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Bruken av `history.pushState` lager nye poster i nettleserens navigasjonshistorikk. Du kan sjekke det ved å holde inne *tilbake-knappen* i nettleseren, det skal vises noe slikt som dette: -![Skjermbilde av navigasjonshistorikk](../../../../translated_images/history.7fdabbafa521e064.no.png) +![Skjermbilde av navigasjonshistorikk](../../../../translated_images/no/history.7fdabbafa521e064.png) Hvis du prøver å klikke tilbake-knappen flere ganger, vil du se at gjeldende URL endres og historikken er oppdatert, men samme mal vises fortsatt. diff --git a/translations/no/7-bank-project/2-forms/README.md b/translations/no/7-bank-project/2-forms/README.md index 2e322ed20..72bb81b81 100644 --- a/translations/no/7-bank-project/2-forms/README.md +++ b/translations/no/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Først, la oss observere hva som skjer med et grunnleggende skjema: 2. Observer endringene i nettleserens adressefelt 3. Legg merke til hvordan siden lastes på nytt og data vises i URLen -![Skjermbilde av nettleserens URL-endring etter å ha klikket på Registrer-knappen](../../../../translated_images/click-register.e89a30bf0d4bc9ca.no.png) +![Skjermbilde av nettleserens URL-endring etter å ha klikket på Registrer-knappen](../../../../translated_images/no/click-register.e89a30bf0d4bc9ca.png) ### Sammenligning av HTTP-metoder @@ -346,7 +346,7 @@ La oss konfigurere registreringsskjemaet ditt til å kommunisere korrekt med bac 2. **Klikk** på "Opprett konto"-knappen 3. **Observer** serverens respons i nettleseren -![Nettleservindu på adressen localhost:5000/api/accounts, som viser en JSON-streng med brukerdata](../../../../translated_images/form-post.61de4ca1b964d91a.no.png) +![Nettleservindu på adressen localhost:5000/api/accounts, som viser en JSON-streng med brukerdata](../../../../translated_images/no/form-post.61de4ca1b964d91a.png) **Dette bør du se:** - **Nettleseren omdirigeres** til API-endepunktets URL @@ -609,7 +609,7 @@ async function register() { 3. **Klikk** "Opprett konto" 4. **Observer** konsollmeldinger og brukerfeedback -![Skjermbilde som viser loggmelding i nettleserkonsollen](../../../../translated_images/browser-console.efaf0b51aaaf6778.no.png) +![Skjermbilde som viser loggmelding i nettleserkonsollen](../../../../translated_images/no/browser-console.efaf0b51aaaf6778.png) **Det du bør se:** - **Lastetilstand** vises på sendeknappen @@ -783,7 +783,7 @@ La oss forbedre registreringsskjemaet ditt med robust validering som gir utmerke 3. **Prøv** spesialtegn i brukernavnfeltet 4. **Skriv inn** et negativt saldo-beløp -![Skjermbilde som viser valideringsfeil ved forsøk på innsending av skjemaet](../../../../translated_images/validation-error.8bd23e98d416c22f.no.png) +![Skjermbilde som viser valideringsfeil ved forsøk på innsending av skjemaet](../../../../translated_images/no/validation-error.8bd23e98d416c22f.png) **Dette vil du observere:** - **Nettleser viser** native valideringsmeldinger @@ -943,7 +943,7 @@ Vis en feilmelding i HTML hvis brukeren allerede eksisterer. Her er et eksempel på hvordan den endelige innloggingssiden kan se ut etter litt styling: -![Screenshot of the login page after adding CSS styles](../../../../translated_images/result.96ef01f607bf856a.no.png) +![Screenshot of the login page after adding CSS styles](../../../../translated_images/no/result.96ef01f607bf856a.png) ## Quiz etter forelesning diff --git a/translations/no/7-bank-project/3-data/README.md b/translations/no/7-bank-project/3-data/README.md index 8ce023838..3929a5c9c 100644 --- a/translations/no/7-bank-project/3-data/README.md +++ b/translations/no/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Returnerer komplett HTML-side Browser->>User: Viser ny side (blitser/laster på nytt) ``` -![Oppdateringsarbeidsflyt i en fler-sides applikasjon](../../../../translated_images/mpa.7f7375a1a2d4aa77.no.png) +![Oppdateringsarbeidsflyt i en fler-sides applikasjon](../../../../translated_images/no/mpa.7f7375a1a2d4aa77.png) **Hvorfor denne tilnærmingen føltes tungvint:** - Hvert klikk betydde å bygge hele siden fra bunnen av på nytt @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Oppdaterer spesifikke sideelementer Browser->>User: Viser oppdatert innhold (ingen omlasting) ``` -![Oppdateringsarbeidsflyt i en enkelt-sides applikasjon](../../../../translated_images/spa.268ec73b41f992c2.no.png) +![Oppdateringsarbeidsflyt i en enkelt-sides applikasjon](../../../../translated_images/no/spa.268ec73b41f992c2.png) **Hvorfor SPAs føles mye bedre:** - Bare delene som faktisk har endret seg oppdateres (smart, ikke sant?) @@ -516,7 +516,7 @@ if (data.error) { Nå når du tester med en ugyldig konto, vil du se en hjelpsom feilmelding direkte på siden! -![Screenshot showing the error message displayed during login](../../../../translated_images/login-error.416fe019b36a6327.no.png) +![Screenshot showing the error message displayed during login](../../../../translated_images/no/login-error.416fe019b36a6327.png) #### Steg 4: Være inkluderende med tilgjengelighet @@ -950,7 +950,7 @@ Klar til å ta bankappen til neste nivå? La oss få den til å se ut og føles Slik kan et polert dashboard se ut: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.no.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/no/screen2.123c82a831a1d14a.png) Føl deg ikke presset til å matche dette nøyaktig – bruk det som inspirasjon og gjør det til ditt eget! diff --git a/translations/no/7-bank-project/4-state-management/README.md b/translations/no/7-bank-project/4-state-management/README.md index 6ea64b7fb..71eb45125 100644 --- a/translations/no/7-bank-project/4-state-management/README.md +++ b/translations/no/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Som Titanics skillevegger som virket robuste til flere kamre fyltes samtidig, vi I stedet for å løpe i sirkel, skal vi lage et **sentralisert tilstandshåndteringssystem**. Tenk på det som å ha én virkelig organisert person som har ansvar for alt det viktige: -![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/data-flow.fa2354e0908fecc8.no.png) +![Schema showing the data flows between the HTML, user actions and state](../../../../translated_images/no/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ Denne utfordringen vil hjelpe deg å tenke som en profesjonell utvikler som bala Her er et eksempelresultat etter å ha fullført oppgaven: -![Skjermbilde som viser et eksempel på "Legg til transaksjon"-dialog](../../../../translated_images/dialog.93bba104afeb79f1.no.png) +![Skjermbilde som viser et eksempel på "Legg til transaksjon"-dialog](../../../../translated_images/no/dialog.93bba104afeb79f1.png) --- diff --git a/translations/no/7-bank-project/4-state-management/assignment.md b/translations/no/7-bank-project/4-state-management/assignment.md index baddedbb1..5323fbd2e 100644 --- a/translations/no/7-bank-project/4-state-management/assignment.md +++ b/translations/no/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Se [server-API-dokumentasjonen](../api/README.md) for: **Forventet resultat:** Etter å ha fullført denne oppgaven, skal bankappen din ha en fullt funksjonell "Legg til transaksjon"-funksjon som ser profesjonell ut og fungerer som den skal: -![Skjermbilde som viser et eksempel på "Legg til transaksjon"-dialog](../../../../translated_images/dialog.93bba104afeb79f1.no.png) +![Skjermbilde som viser et eksempel på "Legg til transaksjon"-dialog](../../../../translated_images/no/dialog.93bba104afeb79f1.png) ## Testing av implementeringen diff --git a/translations/no/7-bank-project/README.md b/translations/no/7-bank-project/README.md index 5b38bd755..450faf68f 100644 --- a/translations/no/7-bank-project/README.md +++ b/translations/no/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: I dette prosjektet lærer du hvordan du bygger en fiktiv bank. Disse leksjonene inkluderer instruksjoner om hvordan du setter opp en webapp med ruter, bygger skjemaer, håndterer tilstand, og henter data fra en API som gir tilgang til bankens data. -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.no.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.no.png) | +| ![Screen1](../../../translated_images/no/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/no/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## Leksjoner diff --git a/translations/no/8-code-editor/1-using-a-code-editor/README.md b/translations/no/8-code-editor/1-using-a-code-editor/README.md index 748d625a2..a1c400cc1 100644 --- a/translations/no/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/no/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Akkurat som Alexander Graham Bells telefon koblet fjerne steder sammen, kobler d Når alt er lastet inn, vil du se et vakkert rent arbeidsområde som er designet for å holde deg fokusert på det som betyr noe – koden din! -![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.no.png) +![Default VSCode.dev interface](../../../../translated_images/no/default-vscode-dev.5d06881d65c1b323.png) **Her er din omvisning i nabolaget:** - **Aktivitetslinjen** (den stripen til venstre): Hovednavigasjonen din med Explorer 📁, Søk 🔍, Kildekontroll 🌿, Utvidelser 🧩, og Innstillinger ⚙️ @@ -229,7 +229,7 @@ Dette passer perfekt når du er i gang i VSCode.dev og vil åpne et spesifikt re 1. Gå til [vscode.dev](https://vscode.dev) hvis du ikke allerede er der 2. Se etter knappen "Open Remote Repository" på velkomstskjermen og klikk den - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.no.png) + ![Open remote repository](../../../../translated_images/no/open-remote-repository.bd9c2598b8949e7f.png) 3. Lim inn hvilken som helst GitHub-repo-URL (prøv denne: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Trykk Enter og se magien skje! @@ -238,7 +238,7 @@ Dette passer perfekt når du er i gang i VSCode.dev og vil åpne et spesifikt re Vil du føle deg som en kode-trollmann? Prøv tastatursnarveien: Ctrl+Shift+P (eller Cmd+Shift+P på Mac) for å åpne Kommando-paletten: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.no.png) +![Command Palette](../../../../translated_images/no/palette-menu.4946174e07f42622.png) **Kommando-paletten er som en søkemotor for alt du kan gjøre:** - Skriv "open remote" så finner den repo-åpneren for deg @@ -300,7 +300,7 @@ Som å organisere tegninger i et arkitektkontor følger filoppretting i VSCode.d 3. Tast inn filnavnet med riktig filendelse (`style.css`, `script.js`, `index.html`) 4. Trykk Enter for å opprette filen -![Creating a new file](../../../../translated_images/create-new-file.2814e609c2af9aeb.no.png) +![Creating a new file](../../../../translated_images/no/create-new-file.2814e609c2af9aeb.png) **Navnekonvensjoner:** - Bruk beskrivende navn som indikerer filens formål @@ -318,7 +318,7 @@ Her begynner moroa! VSCode.devs editor er fylt med nyttige funksjoner som gjør 2. Begynn å skrive og se VSCode.dev hjelpe deg med farger, forslag og feiloppdagelse 3. Lagre arbeidet med Ctrl+S (Windows/Linux) eller Cmd+S (Mac) – selv om det også lagrer automatisk! -![Editing files in VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.no.png) +![Editing files in VSCode.dev](../../../../translated_images/no/edit-a-file.52c0ee665ef19f08.png) **Kule ting som skjer mens du koder:** - Koden din fargekodes vakkert så den er lett å lese @@ -339,7 +339,7 @@ Som arkeologer som dokumenterer utgravningslag nøyaktig, sporer Git endringer i 2. Endrede filer vises i "Endringer"-seksjonen 3. Fargekoding indikerer type endring: grønt for tillegg, rødt for slettinger -![Viewing changes in Source Control](../../../../translated_images/working-tree.c58eec08e6335c79.no.png) +![Viewing changes in Source Control](../../../../translated_images/no/working-tree.c58eec08e6335c79.png) **Lagre arbeidet ditt (commit-arbeidsflyten):** @@ -431,7 +431,7 @@ Utvidelsesmarkedet er virkelig godt organisert, så du går ikke deg vill når d 2. Bla rundt eller søk etter noe spesifikt 3. Klikk på noe som ser interessant ut for å lære mer om det -![Extension marketplace interface](../../../../translated_images/extensions.eca0e0c7f59a10b5.no.png) +![Extension marketplace interface](../../../../translated_images/no/extensions.eca0e0c7f59a10b5.png) **Dette vil du se der inne:** @@ -484,7 +484,7 @@ De fleste utvidelser kommer med innstillinger du kan justere for å få dem til 3. Velg "Extension Settings" fra nedtrekksmenyen 4. Juster ting til det føles helt riktig i arbeidsflyten din -![Customizing extension settings](../../../../translated_images/extension-settings.21c752ae4f4cdb78.no.png) +![Customizing extension settings](../../../../translated_images/no/extension-settings.21c752ae4f4cdb78.png) **Vanlige ting du kanskje vil justere:** - Hvordan koden din blir formatert (tabulatorer vs mellomrom, linjelengde osv.) diff --git a/translations/no/8-code-editor/1-using-a-code-editor/assignment.md b/translations/no/8-code-editor/1-using-a-code-editor/assignment.md index 15b07d726..ac8f78585 100644 --- a/translations/no/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/no/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Siden VSCode.dev krever minst én fil for å åpne et repository, oppretter vi h 4. **Skriv** en commit-melding: "Legg til innledende HTML-struktur" 5. **Klikk** "Commit new file" for å lagre endringene dine -![Opprette innledende fil på GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.no.png) +![Opprette innledende fil på GitHub](../../../../translated_images/no/new-file-github.com.c886796d800e8056.png) **Dette oppnår den innledende oppsettet:** - **Etablerer** riktig HTML5-dokumentstruktur med semantiske elementer @@ -104,7 +104,7 @@ Nå som grunnlaget for repositoryen din er etablert, la oss gå over til VSCode. ✅ **Indikator for suksess**: Du bør se prosjektfilene dine i Explorer-sidepanelet og `index.html` tilgjengelig for redigering i hovedredigeringsområdet. -![Prosjekt lastet inn i VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.no.png) +![Prosjekt lastet inn i VSCode.dev](../../../../translated_images/no/project-on-vscode.dev.e79815a9a95ee7fe.png) **Hva du vil se i grensesnittet:** - **Explorer-sidepanel**: **Viser** prosjektfilene og mappestrukturen din @@ -448,7 +448,7 @@ Utvidelser forbedrer utviklingsopplevelsen din ved å gi muligheter for live for **Umiddelbare resultater etter installasjon:** Når CodeSwing er installert, vil du se en live forhåndsvisning av CV-nettsiden din vises i redigeringsverktøyet. Dette lar deg se nøyaktig hvordan siden din ser ut mens du gjør endringer. -![CodeSwing-utvidelse viser live forhåndsvisning](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.no.png) +![CodeSwing-utvidelse viser live forhåndsvisning](../../../../translated_images/no/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Forstå det forbedrede grensesnittet:** - **Delt visning**: **Viser** koden din på den ene siden og live forhåndsvisning på den andre diff --git a/translations/no/9-chat-project/README.md b/translations/no/9-chat-project/README.md index 3bc87a986..a6895a830 100644 --- a/translations/no/9-chat-project/README.md +++ b/translations/no/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Slik vil ditt ferdige prosjekt se ut: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.no.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/no/screenshot.0a1ee0d123df681b.png) ## 🗺️ Din Læringsreise Gjennom AI Applikasjonsutvikling @@ -189,7 +189,7 @@ mindmap ``` **Kjerneprinsipp**: AI-applikasjonsutvikling kombinerer tradisjonelle webutviklingsferdigheter med AI-tjenesteintegrasjon, og skaper intelligente applikasjoner som føles naturlige og responsive for brukerne. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.no.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/no/playground.d2b927122224ff8f.png) **Dette gjør playground så nyttig:** - **Prøv ut** forskjellige AI-modeller som GPT-4o-mini, Claude, og flere (alle gratis!) @@ -199,7 +199,7 @@ mindmap Når du har lekt deg litt, klikk bare på "Code"-fanen og velg programmeringsspråk for å få implementasjonskoden du trenger. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.no.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/no/playground-choice.1d23ba7d407f4758.png) ## Sette Opp Python Backend-integrasjon @@ -2353,14 +2353,14 @@ Vil du prøve dette prosjektet i et skybasert utviklingsmiljø? GitHub Codespace - **Naviger** til [Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners) - **Klikk** på "Use this template" øverst til høyre (sørg for at du er logget inn på GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.no.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/no/template.67ad477109d29a2b.png) **Steg 2: Start Codespaces** - **Åpne** ditt nylig opprettede repository - **Klikk** på den grønne "Code"-knappen og velg "Codespaces" - **Velg** "Create codespace on main" for å starte utviklingsmiljøet ditt -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.no.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/no/codespace.bcecbdf5d2747d3d.png) **Steg 3: Miljøkonfigurasjon** Når Codespace lastes inn, får du tilgang til: diff --git a/translations/no/README.md b/translations/no/README.md index 64b09b9ee..a77778133 100644 --- a/translations/no/README.md +++ b/translations/no/README.md @@ -72,13 +72,13 @@ Ikke gå glipp av vår nye læreplan for Generativ AI! Besøk [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) for å komme i gang! -![Background](../../translated_images/background.148a8d43afde5730.no.png) +![Background](../../translated_images/no/background.148a8d43afde5730.png) - Leksjoner som dekker alt fra det grunnleggende til RAG. - Samhandle med historiske figurer ved hjelp av GenAI og vår ledsagerapp. - Moro og engasjerende fortelling, du vil tidsreise! -![character](../../translated_images/character.5c0dd8e067ffd693.no.png) +![character](../../translated_images/no/character.5c0dd8e067ffd693.png) Hver leksjon inkluderer en oppgave å fullføre, en kunnskapssjekk og en utfordring for å veilede deg i læringstemaer som: @@ -115,7 +115,7 @@ Følg disse trinnene: I din kopi av dette depotet som du opprettet, klikk på **Kode**-knappen og velg **Åpne med Codespaces**. Dette vil opprette en ny Codespace for deg å jobbe i. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.no.png) +![Codespace](../../translated_images/no/createcodespace.0238bbf4d7a8d955.png) #### Kjøre læreplanen lokalt på datamaskinen din diff --git a/translations/no/for-teachers.md b/translations/no/for-teachers.md index c462bca8d..c1b21aee2 100644 --- a/translations/no/for-teachers.md +++ b/translations/no/for-teachers.md @@ -42,10 +42,10 @@ Dette pensumet inkluderer importbare pakker for vanlige LMS-arbeidsflyter. - Moodle Cloud har begrenset støtte for Common Cartridge. Foretrekk Moodle-filen ovenfor, som også kan lastes opp til Canvas. - Etter import, gjennomgå moduler, frister og quiz-innstillinger for å tilpasse til din terminplan. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.no.png) +![Moodle](../../translated_images/no/moodle.94eb93d714a50cb2.png) > Pensumet i et Moodle-klasserom -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.no.png) +![Canvas](../../translated_images/no/canvas.fbd605ff8e5b8aff.png) > Pensumet i Canvas ### Bruk repoet direkte (uten Classroom) diff --git a/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md index f8f105782..94cc0c4dd 100644 --- a/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/pa/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: ਅੱਜ, ਅਸੀਂ ਉਹ ਸ਼ਾਨਦਾਰ ਟੂਲਜ਼ ਦੀ ਖੋਜ ਕਰਨ ਜਾ ਰਹੇ ਹਾਂ ਜੋ ਆਧੁਨਿਕ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਨੂੰ ਸਿਰਫ ਸੰਭਵ ਹੀ ਨਹੀਂ ਬਲਕਿ ਗੰਭੀਰ ਤੌਰ 'ਤੇ ਆਕਰਸ਼ਕ ਬਣਾਉਂਦੇ ਹਨ। ਮੈਂ ਉਹੀ ਸੰਪਾਦਕਾਂ, ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਵਰਕਫਲੋਜ਼ ਬਾਰੇ ਗੱਲ ਕਰ ਰਿਹਾ ਹਾਂ ਜੋ Netflix, Spotify, ਅਤੇ ਤੁਹਾਡੇ ਮਨਪਸੰਦ ਇੰਡੀ ਐਪ ਸਟੂਡੀਓ ਦੇ ਡਿਵੈਲਪਰ ਹਰ ਰੋਜ਼ ਵਰਤਦੇ ਹਨ। ਅਤੇ ਇਹ ਹੈ ਉਹ ਹਿੱਸਾ ਜੋ ਤੁਹਾਨੂੰ ਖੁਸ਼ੀ ਨਾਲ ਨੱਚਣ ਲਈ ਮਜਬੂਰ ਕਰੇਗਾ: ਇਹਨਾਂ ਵਿੱਚੋਂ ਜ਼ਿਆਦਾਤਰ ਪੇਸ਼ੇਵਰ-ਗਰੇਡ, ਉਦਯੋਗ-ਮਿਆਰੀ ਟੂਲਜ਼ ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਫ਼ਤ ਹਨ! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.pa.png) +![Intro Programming](../../../../translated_images/pa/webdev101-programming.d6e3f98e61ac4bff.png) > ਸਕੈਚਨੋਟ [Tomomi Imura](https://twitter.com/girlie_mac) ਦੁਆਰਾ ```mermaid diff --git a/translations/pa/1-getting-started-lessons/2-github-basics/README.md b/translations/pa/1-getting-started-lessons/2-github-basics/README.md index da88d0b34..4bc05c2b9 100644 --- a/translations/pa/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/pa/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ CO_OP_TRANSLATOR_METADATA: ਅਸੀਂ ਇਹ ਯਾਤਰਾ ਇਕੱਠੇ ਕਰਾਂਗੇ, ਇੱਕ ਕਦਮ ਵਿੱਚ। ਕੋਈ ਜਲਦੀ ਨਹੀਂ, ਕੋਈ ਦਬਾਅ ਨਹੀਂ – ਸਿਰਫ ਤੁਸੀਂ, ਮੈਂ, ਅਤੇ ਕੁਝ ਬਹੁਤ ਹੀ ਸ਼ਾਨਦਾਰ ਟੂਲ ਜੋ ਤੁਹਾਡੇ ਨਵੇਂ ਸਭ ਤੋਂ ਵਧੀਆ ਦੋਸਤ ਬਣਨ ਜਾ ਰਹੇ ਹਨ! -![GitHub ਦਾ ਪਰਚੇ](../../../../translated_images/webdev101-github.8846d7971abef6f9.pa.png) +![GitHub ਦਾ ਪਰਚੇ](../../../../translated_images/pa/webdev101-github.8846d7971abef6f9.png) > ਸਕੈਚਨੋਟ [Tomomi Imura](https://twitter.com/girlie_mac) ਦੁਆਰਾ ## ਪਾਠ ਤੋਂ ਪਹਿਲਾਂ ਕਵਿਜ਼ @@ -337,7 +337,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.pa.png) +![ਰਿਪੋ ਨੂੰ ਲੋਕਲ ਤੌਰ 'ਤੇ ਕਾਪੀ ਕਰੋ](../../../../translated_images/pa/clone_repo.5085c48d666ead57.png) ਕੋਡ ਕਾਪੀ ਕਰਨ ਦੇ ਕਈ ਤਰੀਕੇ ਹਨ। ਇੱਕ ਤਰੀਕਾ ਹੈ ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਸਮੱਗਰੀ ਨੂੰ "ਕਲੋਨ" ਕਰਨਾ, HTTPS, SSH ਜਾਂ GitHub CLI (ਕਮਾਂਡ ਲਾਈਨ ਇੰਟਰਫੇਸ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ। diff --git a/translations/pa/1-getting-started-lessons/3-accessibility/README.md b/translations/pa/1-getting-started-lessons/3-accessibility/README.md index 85c60df52..deedb11a1 100644 --- a/translations/pa/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/pa/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ਸਹੀ ਵੈੱਬਸਾਈਟ ਬਣਾਉਣਾ -![ਸਹੀ ਵੈੱਬਸਾਈਟ ਬਾਰੇ ਸਭ ਕੁਝ](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.pa.png) +![ਸਹੀ ਵੈੱਬਸਾਈਟ ਬਾਰੇ ਸਭ ਕੁਝ](../../../../translated_images/pa/webdev101-a11y.8ef3025c858d897a.png) > ਸਕੈਚਨੋਟ [ਟੋਮੋਮੀ ਇਮੁਰਾ](https://twitter.com/girlie_mac) ਦੁਆਰਾ ```mermaid @@ -687,12 +687,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 - + ``` **ਫੰਕਸ਼ਨਲ ਚਿੱਤਰ** - ਬਟਨ ਜਾਂ ਕੰਟਰੋਲ ਵਜੋਂ ਕੰਮ ਕਰਦੇ ਹਨ: @@ -704,7 +704,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...

@@ -744,7 +744,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/pa/2-js-basics/1-data-types/README.md b/translations/pa/2-js-basics/1-data-types/README.md index aec050508..0bf30aee6 100644 --- a/translations/pa/2-js-basics/1-data-types/README.md +++ b/translations/pa/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ: ਡਾਟਾ ਟਾਈਪਸ -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.pa.png) +![JavaScript Basics - Data types](../../../../translated_images/pa/webdev101-js-datatypes.4cc470179730702c.png) > ਸਕੈਚਨੋਟ [Tomomi Imura](https://twitter.com/girlie_mac) ਵੱਲੋਂ ```mermaid diff --git a/translations/pa/2-js-basics/2-functions-methods/README.md b/translations/pa/2-js-basics/2-functions-methods/README.md index ebbd5bc53..fcaf08da5 100644 --- a/translations/pa/2-js-basics/2-functions-methods/README.md +++ b/translations/pa/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ: ਮੈਥਡਸ ਅਤੇ ਫੰਕਸ਼ਨ -![ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ - ਫੰਕਸ਼ਨ](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.pa.png) +![ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ - ਫੰਕਸ਼ਨ](../../../../translated_images/pa/webdev101-js-functions.be049c4726e94f8b.png) > ਸਕੈਚਨੋਟ [ਟੋਮੋਮੀ ਇਮੁਰਾ](https://twitter.com/girlie_mac) ਦੁਆਰਾ ```mermaid diff --git a/translations/pa/2-js-basics/3-making-decisions/README.md b/translations/pa/2-js-basics/3-making-decisions/README.md index 08dc0fed6..9a524ef2e 100644 --- a/translations/pa/2-js-basics/3-making-decisions/README.md +++ b/translations/pa/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ: ਫੈਸਲੇ ਲੈਣਾ -![ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ - ਫੈਸਲੇ ਲੈਣਾ](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.pa.png) +![ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੇਸਿਕਸ - ਫੈਸਲੇ ਲੈਣਾ](../../../../translated_images/pa/webdev101-js-decisions.69e1b20f272dd1f0.png) > ਸਕੈਚਨੋਟ [ਟੋਮੋਮੀ ਇਮੁਰਾ](https://twitter.com/girlie_mac) ਦੁਆਰਾ diff --git a/translations/pa/2-js-basics/4-arrays-loops/README.md b/translations/pa/2-js-basics/4-arrays-loops/README.md index 81f39595f..04acfc712 100644 --- a/translations/pa/2-js-basics/4-arrays-loops/README.md +++ b/translations/pa/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੁਨਿਆਦੀਆਂ: ਐਰੇ ਅਤੇ ਲੂਪ -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.pa.png) +![JavaScript Basics - Arrays](../../../../translated_images/pa/webdev101-js-arrays.439d7528b8a29455.png) > ਸਕੈਚਨੋਟ [Tomomi Imura](https://twitter.com/girlie_mac) ਵੱਲੋਂ ```mermaid diff --git a/translations/pa/3-terrarium/1-intro-to-html/README.md b/translations/pa/3-terrarium/1-intro-to-html/README.md index 58a1594bd..ffb6ddb39 100644 --- a/translations/pa/3-terrarium/1-intro-to-html/README.md +++ b/translations/pa/3-terrarium/1-intro-to-html/README.md @@ -26,7 +26,7 @@ journey Build terrarium: 5: Student ``` -![HTML ਦਾ ਪਰਿਚਯ](../../../../translated_images/webdev101-html.4389c2067af68e98.pa.png) +![HTML ਦਾ ਪਰਿਚਯ](../../../../translated_images/pa/webdev101-html.4389c2067af68e98.png) > ਸਕੈਚਨੋਟ [Tomomi Imura](https://twitter.com/girlie_mac) ਦੁਆਰਾ HTML, ਜਾਂ HyperText Markup Language, ਹਰ ਵੈਬਸਾਈਟ ਦੀ ਬੁਨਿਆਦ ਹੈ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਕਦੇ ਵੀ ਵੇਖਿਆ ਹੈ। HTML ਨੂੰ ਵੈਬ ਪੇਜਾਂ ਦੇ ਢਾਂਚੇ ਦੇ ਤੌਰ 'ਤੇ ਸੋਚੋ - ਇਹ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਸਮੱਗਰੀ ਕਿੱਥੇ ਜਾਂਦੀ ਹੈ, ਇਹ ਕਿਵੇਂ ਸੰਗਠਿਤ ਹੈ, ਅਤੇ ਹਰ ਹਿੱਸਾ ਕੀ ਦਰਸਾਉਂਦਾ ਹੈ। ਜਦ CSS ਤੁਹਾਡੇ HTML ਨੂੰ ਰੰਗਾਂ ਅਤੇ ਲੇਆਉਟ ਨਾਲ "ਸਜਾਉਣ" ਲਈ ਆਵੇਗਾ, ਅਤੇ JavaScript ਇਸਨੂੰ ਇੰਟਰਐਕਟਿਵਿਟੀ ਨਾਲ ਜ਼ਿੰਦਾ ਕਰੇਗਾ, HTML ਉਹ ਅਹਿਮ ਢਾਂਚਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜੋ ਬਾਕੀ ਸਭ ਕੁਝ ਸੰਭਵ ਬਣਾਉਂਦਾ ਹੈ। @@ -88,7 +88,7 @@ HTML ਕੋਡ ਵਿੱਚ ਡੁੱਬਣ ਤੋਂ ਪਹਿਲਾਂ, ਆਓ 4. Explorer ਪੈਨ ਵਿੱਚ, "New File" ਆਈਕਨ 'ਤੇ ਕਲਿਕ ਕਰੋ 5. ਆਪਣੀ ਫਾਈਲ ਨੂੰ `index.html` ਨਾਮ ਦਿਓ -![VS Code Explorer ਨਵੀਂ ਫਾਈਲ ਬਣਾਉਣ ਦਿਖਾਉਂਦਾ ਹੈ](../../../../translated_images/vs-code-index.e2986cf919471eb9.pa.png) +![VS Code Explorer ਨਵੀਂ ਫਾਈਲ ਬਣਾਉਣ ਦਿਖਾਉਂਦਾ ਹੈ](../../../../translated_images/pa/vs-code-index.e2986cf919471eb9.png) **ਵਿਕਲਪ 2: ਟਰਮੀਨਲ ਕਮਾਂਡ ਦੀ ਵਰਤੋਂ ਕਰਨਾ** ```bash diff --git a/translations/pa/3-terrarium/2-intro-to-css/README.md b/translations/pa/3-terrarium/2-intro-to-css/README.md index 2faa65ada..e0efcbf47 100644 --- a/translations/pa/3-terrarium/2-intro-to-css/README.md +++ b/translations/pa/3-terrarium/2-intro-to-css/README.md @@ -30,7 +30,7 @@ journey Glass reflections: 5: Student ``` -![CSS ਦਾ ਪਰਚੇਅ](../../../../translated_images/webdev101-css.3f7af5991bf53a20.pa.png) +![CSS ਦਾ ਪਰਚੇਅ](../../../../translated_images/pa/webdev101-css.3f7af5991bf53a20.png) > ਸਕੈਚਨੋਟ [Tomomi Imura](https://twitter.com/girlie_mac) ਵੱਲੋਂ ਤੁਹਾਨੂੰ ਯਾਦ ਹੈ ਕਿ ਤੁਹਾਡਾ HTML ਟੈਰੀਰੀਅਮ ਕਿੰਨਾ ਸਧਾਰਨ ਲੱਗ ਰਿਹਾ ਸੀ? CSS ਦੇ ਨਾਲ ਅਸੀਂ ਉਸ ਸਧਾਰਨ ਬਣਤਰ ਨੂੰ ਕੁਝ ਵਿਜੁਅਲ ਅਪੀਲ ਦੇਣ ਵਾਲੇ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹਾਂ। @@ -205,7 +205,7 @@ body { ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਡਿਵੈਲਪਰ ਟੂਲ (F12) ਖੋਲ੍ਹੋ, ਐਲਿਮੈਂਟਸ ਟੈਬ 'ਤੇ ਜਾਓ, ਅਤੇ ਆਪਣੇ `

` ਤੱਤ ਦੀ ਜਾਂਚ ਕਰੋ। ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਇਹ ਬਾਡੀ ਤੋਂ ਫੋਂਟ ਫੈਮਿਲੀ ਵਿਰਾਸਤ ਵਿੱਚ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ: -![ਵਿਰਾਸਤ ਫੋਂਟ](../../../../translated_images/1.cc07a5cbe114ad1d.pa.png) +![ਵਿਰਾਸਤ ਫੋਂਟ](../../../../translated_images/pa/1.cc07a5cbe114ad1d.png) ✅ **ਪ੍ਰਯੋਗ ਸਮਾਂ**: `` 'ਤੇ ਹੋਰ ਵਿਰਾਸਤ ਗੁਣ ਜਿਵੇਂ `color`, `line-height`, ਜਾਂ `text-align` ਸੈਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ। ਤੁਹਾਡੇ ਹੈਡਿੰਗ ਅਤੇ ਹੋਰ ਤੱਤਾਂ 'ਤੇ ਕੀ ਹੁੰਦਾ ਹੈ? @@ -413,7 +413,7 @@ Agent ਮੋਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਹੇਠਾਂ ਦਿੱਤ ਤੁਹਾਨੂੰ ਹੌਲੀ ਹੌਲੀ ਹਾਈਲਾਈਟਸ ਬਣਾਉਣੇ ਹਨ ਜੋ ਦਰਸਾਉਂਦੇ ਹਨ ਕਿ ਕਿਵੇਂ ਰੋਸ਼ਨੀ ਕੱਚ ਦੀ ਸਤਹ 'ਤੇ ਰਿਫਲੈਕਟ ਕਰਦੀ ਹੈ। ਇਹ ਤਰੀਕਾ ਉਸ ਤਰੀਕੇ ਦੇ ਸਮਾਨ ਹੈ ਜਿਸ ਤਰ੍ਹਾਂ ਰੈਨੈਸਾਂਸ ਪੇਂਟਰ ਜਾਨ ਵੈਨ ਆਇਕ ਨੇ ਰੋਸ਼ਨੀ ਅਤੇ ਰਿਫਲੈਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੇਂਟ ਕੀਤੇ ਕੱਚ ਨੂੰ ਤਿੰਨ-ਡਾਈਮੈਂਸ਼ਨਲ ਦਿੱਖ ਦਿੱਤੀ। ਇਹ ਹੈ ਜੋ ਤੁਸੀਂ ਹਾਸਲ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਰਹੇ ਹੋ: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.pa.png) +![finished terrarium](../../../../translated_images/pa/terrarium-final.2f07047ffc597d0a.png) **ਤੁਹਾਡਾ ਚੈਲੈਂਜ:** - **ਬਣਾਓ** ਹੌਲੀ ਹੌਲੀ ਚਿੱਟੇ ਜਾਂ ਹਲਕੇ ਰੰਗ ਦੇ ਓਵਲ ਆਕਾਰ ਕੱਚ ਦੇ ਰਿਫਲੈਕਸ਼ਨ ਲਈ diff --git a/translations/pa/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/pa/3-terrarium/3-intro-to-DOM-and-closures/README.md index 27a2fb099..9af8b41e3 100644 --- a/translations/pa/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/pa/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.pa.png) +![DOM ਅਤੇ ਇੱਕ ਕਲੋਜ਼ਰ](../../../../translated_images/pa/webdev101-js.10280393044d7eaa.png) > ਸਕੈਚਨੋਟ [ਟੋਮੋਮੀ ਇਮੁਰਾ](https://twitter.com/girlie_mac) ਦੁਆਰਾ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਦੇ ਸਭ ਤੋਂ ਰੁਚਿਕਰ ਪਹਲੂਆਂ ਵਿੱਚ ਤੁਹਾਡਾ ਸਵਾਗਤ ਹੈ - ਚੀਜ਼ਾਂ ਨੂੰ ਇੰਟਰਐਕਟਿਵ ਬਣਾਉਣਾ! ਡੌਕਯੂਮੈਂਟ ਓਬਜੈਕਟ ਮਾਡਲ (DOM) ਤੁਹਾਡੇ HTML ਅਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਪੁਲ ਵਾਂਗ ਹੈ, ਅਤੇ ਅੱਜ ਅਸੀਂ ਇਸਨੂੰ ਤੁਹਾਡੇ ਟੈਰੀਅਰੀਅਮ ਨੂੰ ਜ਼ਿੰਦਾ ਕਰਨ ਲਈ ਵਰਤਾਂਗੇ। ਜਦੋਂ ਟਿਮ ਬਰਨਰਜ਼-ਲੀ ਨੇ ਪਹਿਲਾ ਵੈੱਬ ਬ੍ਰਾਊਜ਼ਰ ਬਣਾਇਆ, ਉਸਨੇ ਇੱਕ ਵੈੱਬ ਦੀ ਕਲਪਨਾ ਕੀਤੀ ਸੀ ਜਿੱਥੇ ਡੌਕਯੂਮੈਂਟ ਡਾਇਨਾਮਿਕ ਅਤੇ ਇੰਟਰਐਕਟਿਵ ਹੋ ਸਕਦੇ ਹਨ - DOM ਉਸ ਦ੍ਰਿਸ਼ਟੀਕੋਣ ਨੂੰ ਸੰਭਵ ਬਣਾਉਂਦਾ ਹੈ। @@ -105,7 +105,7 @@ flowchart TD style Q fill:#ffebee ``` -![DOM ਦਰਖਤ ਦੀ ਪ੍ਰਤੀਨਿਧੀ](../../../../translated_images/dom-tree.7daf0e763cbbba92.pa.png) +![DOM ਦਰਖਤ ਦੀ ਪ੍ਰਤੀਨਿਧੀ](../../../../translated_images/pa/dom-tree.7daf0e763cbbba92.png) > DOM ਅਤੇ HTML ਮਾਰਕਅੱਪ ਦੀ ਪ੍ਰਤੀਨਿਧੀ ਜੋ ਇਸਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ। [ਓਲਫਾ ਨਸਰਾਊਈ](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) ਤੋਂ @@ -150,7 +150,7 @@ flowchart LR > 💡 **ਕਲੋਜ਼ਰਜ਼ ਨੂੰ ਸਮਝਣਾ**: ਕਲੋਜ਼ਰਜ਼ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਵਿਸ਼ਾ ਹਨ, ਅਤੇ ਕਈ ਡਿਵੈਲਪਰ ਇਸਨੂੰ ਸਾਲਾਂ ਤੱਕ ਵਰਤਦੇ ਹਨ ਬਿਨਾਂ ਇਸਦੇ ਸਾਰੇ ਸਿਧਾਂਤਕ ਪਹਲੂਆਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਝਣ ਦੇ। ਅੱਜ, ਅਸੀਂ ਵਿਵਹਾਰਕ ਅਰਜ਼ੀ 'ਤੇ ਧਿਆਨ ਦੇ ਰਹੇ ਹਾਂ - ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਕਲੋਜ਼ਰਜ਼ ਕੁਦਰਤੀ ਤੌਰ 'ਤੇ ਉਭਰਦੇ ਹਨ ਜਦੋਂ ਅਸੀਂ ਆਪਣੀਆਂ ਇੰਟਰਐਕਟਿਵ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਣਾਉਂਦੇ ਹਾਂ। ਸਮਝਣਾ ਵਿਕਸਿਤ ਹੋਵੇਗਾ ਜਦੋਂ ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਇਹ ਅਸਲ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਕਿਵੇਂ ਹੱਲ ਕਰਦੇ ਹਨ। -![DOM ਦਰਖਤ ਦੀ ਪ੍ਰਤੀਨਿਧੀ](../../../../translated_images/dom-tree.7daf0e763cbbba92.pa.png) +![DOM ਦਰਖਤ ਦੀ ਪ੍ਰਤੀਨਿਧੀ](../../../../translated_images/pa/dom-tree.7daf0e763cbbba92.png) > DOM ਅਤੇ HTML ਮਾਰਕਅੱਪ ਦੀ ਪ੍ਰਤੀਨਿਧੀ ਜੋ ਇਸਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ। [ਓਲਫਾ ਨਸਰਾਊਈ](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) ਤੋਂ @@ -423,7 +423,7 @@ function stopElementDrag() { - **ਕਰਾਸ-ਡਿਵਾਈਸ ਸਪੋਰਟ**: ਡੈਸਕਟਾਪ ਅਤੇ ਮੋਬਾਈਲ 'ਤੇ ਕੰਮ ਕਰਦਾ ਹੈ - **ਪਰਫਾਰਮੈਂਸ ਸਚੇਤਤਾ**: ਕੋਈ ਮੈਮੋਰੀ ਲੀਕ ਜਾਂ ਬੇਕਾਰ ਗਣਨਾਵਾਂ ਨਹੀਂ -![ਫਿਨਿਸ਼ਡ ਟੈਰੀਰੀਅਮ](../../../../translated_images/terrarium-final.0920f16e87c13a84.pa.png) +![ਫਿਨਿਸ਼ਡ ਟੈਰੀਰੀਅਮ](../../../../translated_images/pa/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/pa/3-terrarium/solution/README.md b/translations/pa/3-terrarium/solution/README.md index 671810fd9..35e8552e2 100644 --- a/translations/pa/3-terrarium/solution/README.md +++ b/translations/pa/3-terrarium/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: ਇੱਕ ਛੋਟਾ ਡ੍ਰੈਗ ਅਤੇ ਡ੍ਰਾਪ ਕੋਡ-ਮੈਡੀਟੇਸ਼ਨ। ਥੋੜ੍ਹਾ ਜਿਹਾ HTML, JS ਅਤੇ CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਤੁਸੀਂ ਇੱਕ ਵੈੱਬ ਇੰਟਰਫੇਸ ਬਣਾਉਣ, ਇਸਨੂੰ ਸਜਾਉਣ ਅਤੇ ਇਸ ਵਿੱਚ ਇੰਟਰੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ। -![ਮੇਰਾ ਟੈਰੀਰੀਅਮ](../../../../translated_images/screenshot_gray.0c796099a1f9f25e.pa.png) +![ਮੇਰਾ ਟੈਰੀਰੀਅਮ](../../../../translated_images/pa/screenshot_gray.0c796099a1f9f25e.png) ## ਸ਼੍ਰੇਯ diff --git a/translations/pa/5-browser-extension/1-about-browsers/README.md b/translations/pa/5-browser-extension/1-about-browsers/README.md index 761b2f1f6..67a0b7fc6 100644 --- a/translations/pa/5-browser-extension/1-about-browsers/README.md +++ b/translations/pa/5-browser-extension/1-about-browsers/README.md @@ -26,7 +26,7 @@ journey Polish experience: 5: Student ``` -![ਬ੍ਰਾਊਜ਼ਰ ਸਕੈਚਨੋਟ](../../../../translated_images/browser.60317c9be8b7f84a.pa.jpg) +![ਬ੍ਰਾਊਜ਼ਰ ਸਕੈਚਨੋਟ](../../../../translated_images/pa/browser.60317c9be8b7f84a.jpg) > ਸਕੈਚਨੋਟ [ਵਾਸਿਮ ਚੇਘਮ](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ਦੁਆਰਾ ## ਲੈਕਚਰ ਤੋਂ ਪਹਿਲਾਂ ਕਵਿਜ਼ @@ -79,7 +79,7 @@ mindmap ✅ **ਥੋੜ੍ਹਾ ਇਤਿਹਾਸ**: ਪਹਿਲਾ ਬ੍ਰਾਊਜ਼ਰ 'ਵਰਲਡਵਾਈਡਵੈੱਬ' ਕਿਹਾ ਜਾਂਦਾ ਸੀ ਅਤੇ ਇਹ 1990 ਵਿੱਚ ਸਰ ਟਿਮੋਥੀ ਬਰਨਰਜ਼-ਲੀ ਦੁਆਰਾ ਬਣਾਇਆ ਗਿਆ ਸੀ। -![ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰ](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.pa.jpg) +![ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰ](../../../../translated_images/pa/earlybrowsers.d984b711cdf3a42d.jpg) > ਕੁਝ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰ, [ਕੈਰਨ ਮੈਕਗ੍ਰੇਨ](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.pa.png) +![Edge ਬ੍ਰਾਊਜ਼ਰ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ ਜਿਸ ਵਿੱਚ edge://extensions ਪੇਜ ਅਤੇ ਸੈਟਿੰਗ ਮੈਨੂ ਖੁੱਲ੍ਹਾ ਹੈ](../../../../translated_images/pa/install-on-edge.d68781acaf0b3d3d.png) > **ਮਹੱਤਵਪੂਰਨ**: ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੇ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਜਾਂਚ ਕਰ ਰਹੇ ਹੋ ਤਾਂ ਡਿਵੈਲਪਰ ਮੋਡ ਨੂੰ ਚਾਲੂ ਕਰਨਾ ਅਤੇ ਹੋਰ ਸਟੋਰਾਂ ਤੋਂ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਆਗਿਆ ਦੇਣਾ ਯਕੀਨੀ ਬਣਾਓ। diff --git a/translations/pa/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/pa/5-browser-extension/2-forms-browsers-local-storage/README.md index 99ce97025..18b1c82e5 100644 --- a/translations/pa/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/pa/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -268,7 +268,7 @@ stateDiagram-v2 ClearStorage --> FirstTime: Back to setup ``` -![ਲੋਕਲ ਸਟੋਰੇਜ ਪੈਨ](../../../../translated_images/localstorage.472f8147b6a3f8d1.pa.png) +![ਲੋਕਲ ਸਟੋਰੇਜ ਪੈਨ](../../../../translated_images/pa/localstorage.472f8147b6a3f8d1.png) > ⚠️ **ਸੁਰੱਖਿਆ ਵਿਚਾਰ**: ਉਤਪਾਦਨ ਐਪਲੀਕੇਸ਼ਨਜ਼ ਵਿੱਚ, LocalStorage ਵਿੱਚ API ਕੁੰਜੀਆਂ ਨੂੰ ਸਟੋਰ ਕਰਨਾ ਸੁਰੱਖਿਆ ਖਤਰੇ ਪੈਦਾ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਜਾਵਾਸਕ੍ਰਿਪਟ ਇਸ ਡਾਟਾ ਤੱਕ ਪਹੁੰਚ ਕਰ ਸਕਦਾ ਹੈ। ਸਿੱਖਣ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ, ਇਹ ਪਹੁੰਚ ਠੀਕ ਹੈ, ਪਰ ਅਸਲ ਐਪਲੀਕੇਸ਼ਨਜ਼ ਨੂੰ ਸੰਵੇਦਨਸ਼ੀਲ ਪ੍ਰਮਾਣਾਂ ਲਈ ਸੁਰੱਖਿਅਤ ਸਰਵਰ-ਸਾਈਡ ਸਟੋਰੇਜ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ। diff --git a/translations/pa/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/pa/5-browser-extension/3-background-tasks-and-performance/README.md index c99a93834..3c88cb5c8 100644 --- a/translations/pa/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/pa/5-browser-extension/3-background-tasks-and-performance/README.md @@ -126,7 +126,7 @@ Edge ਵਿੱਚ Developer Tools ਖੋਲ੍ਹਣ ਲਈ, ਉੱਪਰ ਸੱ ਆਓ ਇਸਨੂੰ ਅਜ਼ਮਾਈਏ। ਇੱਕ ਵੈੱਬਸਾਈਟ ਖੋਲ੍ਹੋ (Microsoft.com ਇਸ ਲਈ ਚੰਗੀ ਹੈ) ਅਤੇ 'Record' ਬਟਨ 'ਤੇ ਕਲਿਕ ਕਰੋ। ਹੁਣ ਪੇਜ ਨੂੰ ਰੀਫ੍ਰੈਸ਼ ਕਰੋ ਅਤੇ ਪ੍ਰੋਫਾਈਲਰ ਨੂੰ ਜੋ ਕੁਝ ਵੀ ਹੁੰਦਾ ਹੈ ਉਸਨੂੰ ਕੈਪਚਰ ਕਰਦੇ ਦੇਖੋ। ਜਦੋਂ ਤੁਸੀਂ ਰਿਕਾਰਡਿੰਗ ਰੋਕਦੇ ਹੋ, ਤੁਹਾਨੂੰ ਇਹ ਦੇਖਣ ਨੂੰ ਮਿਲੇਗਾ ਕਿ ਬ੍ਰਾਊਜ਼ਰ 'ਸਕ੍ਰਿਪਟ', 'ਰੈਂਡਰ' ਅਤੇ 'ਪੇਂਟ' ਸਾਈਟ ਨੂੰ ਕਿਵੇਂ ਤਿਆਰ ਕਰਦਾ ਹੈ। ਇਹ ਮੈਨੂੰ ਯਾਦ ਦਿਵਾਉਂਦਾ ਹੈ ਕਿ ਮਿਸ਼ਨ ਕੰਟਰੋਲ ਰਾਕਟ ਲਾਂਚ ਦੌਰਾਨ ਹਰ ਸਿਸਟਮ ਦੀ ਨਿਗਰਾਨੀ ਕਰਦਾ ਹੈ - ਤੁਹਾਨੂੰ ਇਹ ਪਤਾ ਲੱਗਦਾ ਹੈ ਕਿ ਅਸਲ ਵਿੱਚ ਕੀ ਹੋ ਰਿਹਾ ਹੈ ਅਤੇ ਕਦੋਂ। -![Edge ਪ੍ਰੋਫਾਈਲਰ](../../../../translated_images/profiler.5a4a62479c5df01c.pa.png) +![Edge ਪ੍ਰੋਫਾਈਲਰ](../../../../translated_images/pa/profiler.5a4a62479c5df01c.png) ✅ [Microsoft Documentation](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) ਵਿੱਚ ਹੋਰ ਬਹੁਤ ਸਾਰੇ ਵੇਰਵੇ ਹਨ ਜੇ ਤੁਸੀਂ ਹੋਰ ਡੂੰਘਾਈ ਵਿੱਚ ਜਾਣਾ ਚਾਹੁੰਦੇ ਹੋ @@ -136,11 +136,11 @@ Edge ਵਿੱਚ Developer Tools ਖੋਲ੍ਹਣ ਲਈ, ਉੱਪਰ ਸੱ ਪ੍ਰੋਫਾਈਲ ਟਾਈਮਲਾਈਨ ਦੇ ਇੱਕ ਹਿੱਸੇ ਨੂੰ ਚੁਣ ਕੇ ਅਤੇ ਸਾਰਾਂ ਪੈਨ ਦੇਖ ਕੇ ਆਪਣੀ ਪੇਜ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਦੀ ਇੱਕ ਝਲਕ ਪ੍ਰਾਪਤ ਕਰੋ: -![Edge ਪ੍ਰੋਫਾਈਲਰ ਸਨੈਪਸ਼ਾਟ](../../../../translated_images/snapshot.97750180ebcad737.pa.png) +![Edge ਪ੍ਰੋਫਾਈਲਰ ਸਨੈਪਸ਼ਾਟ](../../../../translated_images/pa/snapshot.97750180ebcad737.png) Event Log ਪੈਨ ਦੀ ਜਾਂਚ ਕਰੋ ਤਾਂ ਜੋ ਦੇਖਿਆ ਜਾ ਸਕੇ ਕਿ ਕੋਈ ਘਟਨਾ 15 ms ਤੋਂ ਵੱਧ ਸਮਾਂ ਲੈਂਦੀ ਹੈ: -![Edge ਇਵੈਂਟ ਲੌਗ](../../../../translated_images/log.804026979f3707e0.pa.png) +![Edge ਇਵੈਂਟ ਲੌਗ](../../../../translated_images/pa/log.804026979f3707e0.png) ✅ ਆਪਣੇ ਪ੍ਰੋਫਾਈਲਰ ਨੂੰ ਜਾਣੋ! ਇਸ ਸਾਈਟ 'ਤੇ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ ਖੋਲ੍ਹੋ ਅਤੇ ਦੇਖੋ ਕਿ ਕੋਈ ਬੋਤਲਨੈਕ ਹੈ। ਸਭ ਤੋਂ ਹੌਲੀ ਲੋਡ ਹੋਣ ਵਾਲਾ ਐਸੈਟ ਕਿਹੜਾ ਹੈ? ਸਭ ਤੋਂ ਤੇਜ਼? diff --git a/translations/pa/5-browser-extension/README.md b/translations/pa/5-browser-extension/README.md index 52d16ec48..a49cb9f79 100644 --- a/translations/pa/5-browser-extension/README.md +++ b/translations/pa/5-browser-extension/README.md @@ -23,7 +23,7 @@ CO_OP_TRANSLATOR_METADATA: ### ਸ਼੍ਰੇਯ -![ਹਰਾ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ](../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![ਹਰਾ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ](../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਸ਼੍ਰੇਯ diff --git a/translations/pa/5-browser-extension/solution/README.md b/translations/pa/5-browser-extension/solution/README.md index b034bca43..00260e4a9 100644 --- a/translations/pa/5-browser-extension/solution/README.md +++ b/translations/pa/5-browser-extension/solution/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ਦੀ CO2 Signal API ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਬਿਜਲੀ ਦੀ ਖਪਤ ਨੂੰ ਟਰੈਕ ਕਰਨ ਲਈ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓ, ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੀ ਤੁਹਾਨੂੰ ਯਾਦ ਦਿਵਾਈ ਜਾ ਸਕੇ ਕਿ ਤੁਹਾਡੇ ਖੇਤਰ ਵਿੱਚ ਬਿਜਲੀ ਦੀ ਖਪਤ ਕਿੰਨੀ ਜ਼ਿਆਦਾ ਹੈ। ਇਸ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਇਸ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਆਪਣੇ ਕੰਮਾਂ ਬਾਰੇ ਸੋਚ-ਵਿਚਾਰ ਕਰ ਸਕਦੇ ਹੋ। -![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਸ਼ੁਰੂਆਤ ਕਰਨਾ @@ -31,7 +31,7 @@ npm run build Edge 'ਤੇ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸੱਜੇ ਉੱਪਰ ਵਾਲੇ 'ਤਿੰਨ ਬਿੰਦੂ' ਮੀਨੂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਕਸਟੈਂਸ਼ਨ ਪੈਨਲ ਲੱਭੋ। ਉੱਥੋਂ, 'ਲੋਡ ਅਨਪੈਕਡ' ਚੁਣੋ ਤਾਂ ਜੋ ਨਵਾਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕੀਤਾ ਜਾ ਸਕੇ। ਪ੍ਰਾਂਪਟ 'ਤੇ 'dist' ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗਾ। ਇਸਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਹਾਨੂੰ CO2 Signal ਦੀ API ਲਈ ਇੱਕ API ਕੁੰਜੀ ([ਇੱਥੇ ਈਮੇਲ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕਰੋ](https://www.co2signal.com/) - ਇਸ ਪੰਨੇ 'ਤੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣਾ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ ਆਪਣੇ ਖੇਤਰ ਲਈ [Electricity Map](https://www.electricitymap.org/map) ਦੇ ਅਨੁਸਾਰ [ਖੇਤਰ ਕੋਡ](http://api.electricitymap.org/v3/zones) ਦੀ ਲੋੜ ਹੋਵੇਗੀ (ਉਦਾਹਰਣ ਵਜੋਂ, ਬੋਸਟਨ ਵਿੱਚ, ਮੈਂ 'US-NEISO' ਵਰਤਦਾ ਹਾਂ)। -![ਇੰਸਟਾਲ ਕਰਨਾ](../../../../translated_images/install-on-edge.78634f02842c4828.pa.png) +![ਇੰਸਟਾਲ ਕਰਨਾ](../../../../translated_images/pa/install-on-edge.78634f02842c4828.png) ਜਦੋਂ API ਕੁੰਜੀ ਅਤੇ ਖੇਤਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਰੰਗੀਨ ਬਿੰਦੂ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਊਰਜਾ ਖਪਤ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਬਦਲ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਇਹ ਸੰਕੇਤ ਦੇਵੇਗਾ ਕਿ ਕਿਹੜੀਆਂ ਊਰਜਾ-ਗਹਿਰੀਆਂ ਗਤੀਵਿਧੀਆਂ ਤੁਹਾਡੇ ਲਈ ਉਚਿਤ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ 'ਬਿੰਦੂ' ਪ੍ਰਣਾਲੀ ਦਾ ਵਿਚਾਰ ਮੈਨੂੰ ਕੈਲੀਫੋਰਨੀਆ ਦੇ ਉਤਸਰਜਨ ਲਈ [Energy Lollipop ਐਕਸਟੈਂਸ਼ਨ](https://energylollipop.com/) ਤੋਂ ਮਿਲਿਆ ਸੀ। diff --git a/translations/pa/5-browser-extension/solution/translation/README.es.md b/translations/pa/5-browser-extension/solution/translation/README.es.md index f425e964c..724f104af 100644 --- a/translations/pa/5-browser-extension/solution/translation/README.es.md +++ b/translations/pa/5-browser-extension/solution/translation/README.es.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ਦੀ CO2 Signal API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਿਜਲੀ ਦੀ ਖਪਤ ਨੂੰ ਟ੍ਰੈਕ ਕਰਨ ਲਈ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓ ਤਾਂ ਜੋ ਤੁਹਾਨੂੰ ਆਪਣੇ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਖਪਤ ਬਾਰੇ ਸਿੱਧਾ ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਯਾਦ ਦਿਵਾਈ ਮਿਲ ਸਕੇ। ਇਸ ਐਡ ਹੌਕ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਆਪਣੀਆਂ ਗਤੀਵਿਧੀਆਂ ਬਾਰੇ ਫੈਸਲੇ ਇਸ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਲੈ ਸਕਦੇ ਹੋ। -![extension screenshot](../../../../../translated_images/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.pa.png) +![extension screenshot](../../../../../translated_images/pa/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png) ## ਸ਼ੁਰੂਆਤ @@ -31,7 +31,7 @@ npm run build Edge ਵਿੱਚ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਉੱਪਰਲੇ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ 'ਤਿੰਨ ਬਿੰਦੂ' ਵਾਲੇ ਮੀਨੂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਕਸਟੈਂਸ਼ਨ ਪੈਨਲ ਲੱਭੋ। ਉੱਥੇ ਤੋਂ, 'ਅਨਪੈਕਡ ਲੋਡ ਕਰੋ' ਚੁਣੋ ਤਾਂ ਜੋ ਨਵੀਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕੀਤੀ ਜਾ ਸਕੇ। ਜਦੋਂ ਪੁੱਛਿਆ ਜਾਵੇ, 'dist' ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗੀ। ਇਸਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਹਾਨੂੰ CO2 Signal API ਲਈ ਇੱਕ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਹੋਵੇਗੀ ([ਇੱਥੇ ਈਮੇਲ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕਰੋ](https://www.co2signal.com/) - ਇਸ ਪੰਨੇ ਦੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣਾ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ ਆਪਣੇ ਖੇਤਰ ਲਈ [ਇਲੈਕਟ੍ਰਿਸਿਟੀ ਮੈਪ](https://www.electricitymap.org/map) ਦੇ ਅਨੁਸਾਰ [ਖੇਤਰ ਕੋਡ](http://api.electricitymap.org/v3/zones) ਦੀ ਲੋੜ ਹੋਵੇਗੀ (ਉਦਾਹਰਣ ਲਈ, ਬੋਸਟਨ ਵਿੱਚ, ਮੈਂ 'US-NEISO' ਵਰਤਦਾ ਹਾਂ)। -![installing](../../../../../translated_images/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.pa.png) +![installing](../../../../../translated_images/pa/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png) ਜਦੋਂ API ਕੁੰਜੀ ਅਤੇ ਖੇਤਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਰੰਗ ਦਾ ਬਿੰਦੂ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਖਪਤ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਬਦਲ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਉੱਚ ਖਪਤ ਵਾਲੀਆਂ ਗਤੀਵਿਧੀਆਂ ਬਾਰੇ ਸੰਕੇਤ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਤੁਹਾਡੇ ਲਈ ਉਚਿਤ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ "ਬਿੰਦੂ" ਪ੍ਰਣਾਲੀ ਦੇ ਪਿੱਛੇ ਦਾ ਵਿਚਾਰ ਮੈਨੂੰ [Energy Lollipop ਐਕਸਟੈਂਸ਼ਨ](https://energylollipop.com/) ਤੋਂ ਮਿਲਿਆ ਸੀ ਜੋ ਕੈਲੀਫੋਰਨੀਆ ਦੀਆਂ ਉਤਸਰਜਨ ਲਈ ਹੈ। diff --git a/translations/pa/5-browser-extension/solution/translation/README.fr.md b/translations/pa/5-browser-extension/solution/translation/README.fr.md index 249bdca5f..a52840888 100644 --- a/translations/pa/5-browser-extension/solution/translation/README.fr.md +++ b/translations/pa/5-browser-extension/solution/translation/README.fr.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ਦੀ C02 Signal API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਿਜਲੀ ਦੀ ਖਪਤ ਨੂੰ ਟ੍ਰੈਕ ਕਰੋ ਅਤੇ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓ ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਖਪਤ ਬਾਰੇ ਸਿੱਧੇ ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਯਾਦ ਦਿਵਾਈ ਪ੍ਰਾਪਤ ਕਰ ਸਕੋ। ਇਸ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਤੁਹਾਨੂੰ ਇਹ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਆਪਣੀਆਂ ਗਤੀਵਿਧੀਆਂ ਬਾਰੇ ਫੈਸਲਾ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗੀ। -![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਸ਼ੁਰੂਆਤ @@ -31,7 +31,7 @@ npm run build Edge 'ਤੇ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਉੱਪਰਲੇ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ 'ਤਿੰਨ ਬਿੰਦੂ' ਮੀਨੂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਪੈਨਲ ਲੱਭੋ। ਇੱਥੋਂ 'ਅਨਜ਼ਿਪ ਕੀਤੀ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕਰੋ' ਚੁਣੋ ਤਾਂ ਜੋ ਨਵੀਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕੀਤੀ ਜਾ ਸਕੇ। ਪ੍ਰੋੰਪਟ 'ਤੇ 'dist' ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗੀ। ਇਸਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਹਾਨੂੰ CO2 Signal API ਲਈ ਇੱਕ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਹੋਵੇਗੀ ([ਇੱਥੇ ਈਮੇਲ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕਰੋ](https://www.co2signal.com/) - ਇਸ ਪੰਨੇ 'ਤੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣਾ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ [ਤੁਹਾਡੇ ਖੇਤਰ ਲਈ ਕੋਡ](http://api.electricitymap.org/v3/zones) ਜੋ [ਬਿਜਲੀ ਦਾ ਨਕਸ਼ਾ](https://www.electricitymap.org/map) ਨਾਲ ਸਬੰਧਿਤ ਹੈ (ਉਦਾਹਰਨ ਲਈ, ਬੋਸਟਨ ਵਿੱਚ, ਮੈਂ 'US-NEISO' ਵਰਤਦਾ ਹਾਂ)। -![ਇੰਸਟਾਲੇਸ਼ਨ](../../../../../translated_images/install-on-edge.78634f02842c4828.pa.png) +![ਇੰਸਟਾਲੇਸ਼ਨ](../../../../../translated_images/pa/install-on-edge.78634f02842c4828.png) ਜਦੋਂ API ਕੁੰਜੀ ਅਤੇ ਖੇਤਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਰੰਗੀ ਬਿੰਦੂ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਖਪਤ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਬਦਲ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਇਹ ਸੰਕੇਤ ਦੇਵੇਗਾ ਕਿ ਕਿਹੜੀਆਂ ਉੱਚ-ਊਰਜਾ ਗਤੀਵਿਧੀਆਂ ਕਰਨੀ ਉਚਿਤ ਹੋਵੇਗੀ। ਇਸ 'ਪੌਇੰਟ' ਸਿਸਟਮ ਦੇ ਪਿੱਛੇ ਦਾ ਵਿਚਾਰ ਮੈਨੂੰ [Energy Lollipop ਐਕਸਟੈਂਸ਼ਨ](https://energylollipop.com/) ਤੋਂ ਮਿਲਿਆ ਸੀ ਜੋ ਕੈਲੀਫੋਰਨੀਆ ਦੀਆਂ ਉਤਸਰਜਨ ਲਈ ਹੈ। diff --git a/translations/pa/5-browser-extension/solution/translation/README.hi.md b/translations/pa/5-browser-extension/solution/translation/README.hi.md index 21e6509c2..29f7c4b70 100644 --- a/translations/pa/5-browser-extension/solution/translation/README.hi.md +++ b/translations/pa/5-browser-extension/solution/translation/README.hi.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: ਬਿਜਲੀ ਦੀ ਵਰਤੋਂ ਨੂੰ ਟਰੈਕ ਕਰਨ ਲਈ tmrow ਦੇ C02 ਸਿਗਨਲ API ਦਾ ਇਸਤੇਮਾਲ ਕਰਦੇ ਹੋਏ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਉਣਾ ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਵਰਤੋਂ ਕਿੰਨੀ ਭਾਰੀ ਹੈ, ਇਸ ਬਾਰੇ ਤੁਹਾਨੂੰ ਇੱਕ ਯਾਦ ਦਿਵਾਈ ਜਾ ਸਕੇ। ਇਸ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਵਰਤਣ ਨਾਲ ਤੁਹਾਨੂੰ ਇਸ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਆਪਣੀਆਂ ਗਤੀਵਿਧੀਆਂ ਬਾਰੇ ਫੈਸਲੇ ਕਰਨ ਵਿੱਚ ਮਦਦ ਮਿਲੇਗੀ। -![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਸ਼ੁਰੂਆਤ ਕਰਨਾ @@ -31,7 +31,7 @@ npm run build Edge 'ਤੇ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਉੱਪਰਲੇ ਸੱਜੇ ਕੋਨੇ 'ਤੇ 'ਤਿੰਨ ਡਾਟ' ਮੀਨੂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਕਸਟੈਂਸ਼ਨ ਪੈਨਲ ਨੂੰ ਲੱਭੋ। ਉੱਥੋਂ, ਇੱਕ ਨਵਾਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕਰਨ ਲਈ 'ਲੋਡ ਅਨਪੈਕਡ' ਚੁਣੋ। ਪ੍ਰੌਮਪਟ 'ਤੇ 'dist' ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗਾ। ਇਸਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ CO2 ਸਿਗਨਲ ਦੀ API ([ਈਮੇਲ ਰਾਹੀਂ ਇੱਥੇ ਪ੍ਰਾਪਤ ਕਰੋ](https://www.co2signal.com/) ਲਈ ਇੱਕ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਹੋਵੇਗੀ - ਇਸ ਪੰਨੇ 'ਤੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣਾ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ [ਤੁਹਾਡੇ ਖੇਤਰ ਲਈ ਕੋਡ](http://api.electricitymap.org/v3/zones) [ਇਲੈਕਟ੍ਰਿਸਿਟੀ ਮੈਪ](https://www.electricitymap.org/map) ਤੋਂ (ਉਦਾਹਰਣ ਲਈ, ਬੋਸਟਨ ਵਿੱਚ, ਮੈਂ 'US-NEISO' ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ)। -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.pa.png) +![installing](../../../../../translated_images/pa/install-on-edge.78634f02842c4828.png) ਜਦੋਂ API ਕੁੰਜੀ ਅਤੇ ਖੇਤਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਰੰਗੀਨ ਡਾਟ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਊਰਜਾ ਦੀ ਵਰਤੋਂ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਬਦਲ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਇਹ ਸੰਕੇਤ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਊਰਜਾ-ਭਾਰੀ ਗਤੀਵਿਧੀਆਂ ਤੁਹਾਡੇ ਲਈ ਕਦੋਂ ਉਚਿਤ ਹੋਣਗੀਆਂ। ਇਸ 'ਡਾਟ' ਪ੍ਰਣਾਲੀ ਦੇ ਪਿੱਛੇ ਦੀ ਧਾਰਨਾ ਮੈਨੂੰ ਕੈਲੀਫੋਰਨੀਆ ਦੇ ਉਤਸਰਜਨ ਲਈ [ਐਨਰਜੀ ਲੌਲੀਪੌਪ ਐਕਸਟੈਂਸ਼ਨ](https://energylollipop.com/) ਤੋਂ ਮਿਲੀ ਸੀ। diff --git a/translations/pa/5-browser-extension/solution/translation/README.it.md b/translations/pa/5-browser-extension/solution/translation/README.it.md index a2d76781b..1df3e67e9 100644 --- a/translations/pa/5-browser-extension/solution/translation/README.it.md +++ b/translations/pa/5-browser-extension/solution/translation/README.it.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: ਤੁਸੀਂ tmrow ਦੀ Signal CO2 API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਿਜਲੀ ਦੀ ਖਪਤ ਦੀ ਨਿਗਰਾਨੀ ਕਰਨ ਲਈ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਉਗੇ, ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਸਿੱਧੇ ਹੀ ਤੁਹਾਨੂੰ ਇਹ ਯਾਦ ਦਿਵਾਇਆ ਜਾ ਸਕੇ ਕਿ ਤੁਹਾਡੇ ਖੇਤਰ ਵਿੱਚ ਬਿਜਲੀ ਦੀ ਵਰਤੋਂ ਕਿੰਨੀ ਭਾਰੀ ਹੈ। ਇਸ ਐਡ-ਹੌਕ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਗਤੀਵਿਧੀਆਂ ਨੂੰ ਇਸ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਮੁਲਾਂਕਣ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗੀ। -![ਐਕਸਟੈਂਸ਼ਨ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![ਐਕਸਟੈਂਸ਼ਨ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਸ਼ੁਰੂ ਕਰਨ ਲਈ @@ -31,7 +31,7 @@ npm run build Edge 'ਤੇ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸੱਜੇ ਉੱਪਰਲੇ ਕੋਨੇ ਵਿੱਚ "ਤਿੰਨ ਬਿੰਦੂ" ਵਾਲੇ ਮੀਨੂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਕਸਟੈਂਸ਼ਨ ਪੈਨਲ ਲੱਭੋ। ਜੇਕਰ ਇਹ ਪਹਿਲਾਂ ਤੋਂ ਚਾਲੂ ਨਹੀਂ ਹੈ, ਤਾਂ ਡਿਵੈਲਪਰ ਮੋਡ (ਥੱਲੇ ਖੱਬੇ) ਚਾਲੂ ਕਰੋ। "ਅਨਜ਼ਿੱਪਡ ਲੋਡ ਕਰੋ" ਚੁਣੋ ਤਾਂ ਜੋ ਨਵੀਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕੀਤੀ ਜਾ ਸਕੇ। ਪ੍ਰਾਂਪਟ 'ਤੇ "dist" ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗੀ। ਇਸਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਹਾਨੂੰ CO2 Signal API ਲਈ ਇੱਕ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਹੋਵੇਗੀ (ਤੁਸੀਂ ਇਸਨੂੰ [ਇੱਥੇ ਈਮੇਲ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ](https://www.co2signal.com/) - ਇਸ ਪੰਨੇ 'ਤੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣੀ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ ਆਪਣੇ ਖੇਤਰ ਲਈ [ਮਾਪ ਕੋਡ](http://api.electricitymap.org/v3/zones), ਜੋ ਕਿ [ਬਿਜਲੀ ਮਾਪਾ](https://www.electricitymap.org/map) ਨਾਲ ਸਬੰਧਤ ਹੈ (ਉਦਾਹਰਣ ਲਈ, ਬੋਸਟਨ ਵਿੱਚ "US-NEISO")। -![ਇੰਸਟਾਲੇਸ਼ਨ](../../../../../translated_images/install-on-edge.78634f02842c4828.pa.png) +![ਇੰਸਟਾਲੇਸ਼ਨ](../../../../../translated_images/pa/install-on-edge.78634f02842c4828.png) ਜਦੋਂ API ਕੁੰਜੀ ਅਤੇ ਖੇਤਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਰੰਗਦਾਰ ਬਿੰਦੂ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਵਰਤੋਂ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਬਦਲ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਇਹ ਸੰਕੇਤ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਕਿਹੜੀਆਂ ਉੱਚ-ਖਪਤ ਵਾਲੀਆਂ ਗਤੀਵਿਧੀਆਂ ਨੂੰ ਅਨੁਕੂਲ ਤੌਰ 'ਤੇ ਅੰਜਾਮ ਦਿੱਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਸ "ਬਿੰਦੂ" ਪ੍ਰਣਾਲੀ ਦੇ ਪਿੱਛੇ ਦਾ ਵਿਚਾਰ [Energy Lollipop ਐਕਸਟੈਂਸ਼ਨ](https://energylollipop.com/) ਤੋਂ ਲਿਆ ਗਿਆ ਹੈ, ਜੋ ਕਿ ਕੈਲੀਫੋਰਨੀਆ ਦੀਆਂ ਉਤਸਰਜਨ ਲਈ ਹੈ। diff --git a/translations/pa/5-browser-extension/solution/translation/README.ja.md b/translations/pa/5-browser-extension/solution/translation/README.ja.md index 102b8461c..59526456f 100644 --- a/translations/pa/5-browser-extension/solution/translation/README.ja.md +++ b/translations/pa/5-browser-extension/solution/translation/README.ja.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ਦੀ CO2 ਸਿਗਨਲ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓ ਜੋ ਤੁਹਾਡੇ ਖੇਤਰ ਵਿੱਚ ਬਿਜਲੀ ਦੀ ਖਪਤ ਕਿੰਨੀ ਜ਼ਿਆਦਾ ਹੈ, ਇਸਨੂੰ ਬ੍ਰਾਊਜ਼ਰ 'ਤੇ ਇੱਕ ਯਾਦ ਦਿਲਾਉਣ ਵਾਲੇ ਤੌਰ 'ਤੇ ਦਿਖਾ ਸਕੇ। ਇਸ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਵਰਤ ਕੇ, ਤੁਸੀਂ ਇਸ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਆਪਣੀ ਗਤੀਵਿਧੀ ਬਾਰੇ ਫੈਸਲਾ ਕਰ ਸਕਦੇ ਹੋ। -![extension screenshot](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![extension screenshot](../../../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਸ਼ੁਰੂਆਤ @@ -31,7 +31,7 @@ npm run build Edge 'ਤੇ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸੱਜੇ ਉੱਪਰ "3 ਡਾਟਾਂ" ਵਾਲੇ ਮੀਨੂ 'ਚੋਂ "ਐਕਸਟੈਂਸ਼ਨ" ਪੈਨਲ ਲੱਭੋ। ਉੱਥੇ ਤੋਂ "Load Unpacked" ਚੁਣੋ ਅਤੇ ਨਵਾਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕਰੋ। ਜਦੋਂ ਪ੍ਰੌੰਪਟ ਆਵੇ, ਤਾਂ "dist" ਫੋਲਡਰ ਖੋਲ੍ਹੋ, ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗਾ। ਇਸਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਹਾਨੂੰ CO2 ਸਿਗਨਲ API ਦੀ API ਕੀ ([ਇੱਥੇ ਈਮੇਲ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕਰੋ](https://www.co2signal.com/) - ਇਸ ਪੰਨੇ ਦੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣਾ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ [Electricity Map](https://www.electricitymap.org/map) ਨਾਲ ਮੇਲ ਖਾਂਦੇ [ਤੁਹਾਡੇ ਖੇਤਰ ਲਈ ਕੋਡ](http://api.electricitymap.org/v3/zones) ਦੀ ਲੋੜ ਹੋਵੇਗੀ (ਉਦਾਹਰਣ ਲਈ, ਬੋਸਟਨ ਵਿੱਚ 'US-NEISO' ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ)। -![installing](../../../../../translated_images/install-on-edge.78634f02842c4828.pa.png) +![installing](../../../../../translated_images/pa/install-on-edge.78634f02842c4828.png) ਜਦੋਂ ਤੁਸੀਂ API ਕੀ ਅਤੇ ਖੇਤਰ ਨੂੰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕਰਦੇ ਹੋ, ਤਾਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਵਾਲਾ ਰੰਗਦਾਰ ਡੌਟ ਬਦਲ ਜਾਂਦਾ ਹੈ। ਇਹ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਖਪਤ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਅਤੇ ਇਹ ਸੰਕੇਤ ਦਿੰਦਾ ਹੈ ਕਿ ਕਿਹੜੀਆਂ ਗਤੀਵਿਧੀਆਂ ਲਈ ਬਿਜਲੀ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ। ਇਸ "ਡੌਟ" ਸਿਸਟਮ ਦਾ ਵਿਚਾਰ ਮੈਨੂੰ ਕੈਲੀਫੋਰਨੀਆ ਦੇ ਉਤਸਰਜਨ ਲਈ ਬਣੇ [Energy Lollipop extension](https://energylollipop.com/) ਤੋਂ ਪ੍ਰੇਰਿਤ ਹੋਇਆ। diff --git a/translations/pa/5-browser-extension/solution/translation/README.ms.md b/translations/pa/5-browser-extension/solution/translation/README.ms.md index 322a7f11c..d93867fbc 100644 --- a/translations/pa/5-browser-extension/solution/translation/README.ms.md +++ b/translations/pa/5-browser-extension/solution/translation/README.ms.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: C02 ਸਿਗਨਲ API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਿਜਲੀ ਦੀ ਖਪਤ ਦਾ ਪਤਾ ਲਗਾਉਣ ਲਈ, ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓ ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਖੇਤਰ ਦੀ ਬਿਜਲੀ ਦੀ ਖਪਤ ਦੇ ਬਾਰੇ ਚੇਤਾਵਨੀ ਪ੍ਰਾਪਤ ਕਰ ਸਕੋ। ਇਸ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਖਾਸ ਤੌਰ 'ਤੇ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਤੁਹਾਨੂੰ ਆਪਣੀ ਗਤੀਵਿਧੀ ਬਾਰੇ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਫੈਸਲੇ ਕਰਨ ਵਿੱਚ ਮਦਦ ਮਿਲੇਗੀ। -![ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਇੱਥੋਂ ਸ਼ੁਰੂ ਕਰੋ @@ -31,7 +31,7 @@ npm run build Edge 'ਤੇ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸੱਜੇ ਉੱਪਰ ਦੇ ਕੋਨੇ ਵਿੱਚ 'ਤਿੰਨ ਬਿੰਦੂ' ਵਾਲੇ ਮੀਨੂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਪੈਨਲ ਲੱਭੋ। ਉੱਥੇ ਤੋਂ, 'ਲੋਡ ਅਨਪੈਕਡ' ਚੁਣੋ ਤਾਂ ਜੋ ਨਵਾਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕੀਤਾ ਜਾ ਸਕੇ। ਜਦੋਂ ਪੁੱਛਿਆ ਜਾਵੇ, 'dist' ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗਾ। ਇਸਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਹਾਨੂੰ CO2 ਸਿਗਨਲ API ਲਈ ਇੱਕ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਹੋਵੇਗੀ ([ਇੱਥੇ ਈਮੇਲ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕਰੋ](https://www.co2signal.com/) - ਇਸ ਪੰਨੇ 'ਤੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣਾ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ [ਤੁਹਾਡੇ ਖੇਤਰ ਲਈ ਕੋਡ](http://api.electricitymap.org/v3/zones) ਜੋ [ਇਲੈਕਟ੍ਰਿਸਿਟੀ ਮੈਪ](https://www.electricitymap.org/map) ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੋਵੇ (ਉਦਾਹਰਣ ਲਈ, ਬੋਸਟਨ ਵਿੱਚ, ਮੈਂ 'US-NEISO' ਵਰਤਦਾ ਹਾਂ)। -![ਡਾਊਨਲੋਡ ਕਰਦੇ ਹੋਏ](../../../../../translated_images/install-on-edge.78634f02842c4828.pa.png) +![ਡਾਊਨਲੋਡ ਕਰਦੇ ਹੋਏ](../../../../../translated_images/pa/install-on-edge.78634f02842c4828.png) ਜਦੋਂ API ਕੁੰਜੀ ਅਤੇ ਖੇਤਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਰੰਗੀਨ ਬਿੰਦੂ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਊਰਜਾ ਦੀ ਖਪਤ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਬਦਲ ਜਾਵੇਗਾ ਅਤੇ ਤੁਹਾਨੂੰ ਇਹ ਸੰਕੇਤ ਦੇਵੇਗਾ ਕਿ ਕਿਹੜੀਆਂ ਗਤੀਵਿਧੀਆਂ ਤੁਹਾਡੇ ਲਈ موزੂ ਹਨ। ਇਸ 'ਡਾਟ' ਸਿਸਟਮ ਦੇ ਪਿੱਛੇ ਦਾ ਵਿਚਾਰ ਮੈਨੂੰ [ਐਨਰਜੀ ਲਾਲੀਪਾਪ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ](https://energylollipop.com/) ਤੋਂ ਮਿਲਿਆ ਸੀ ਜੋ ਕੈਲੀਫੋਰਨੀਆ ਦੇ ਡਾਟਾ ਲਈ ਹੈ। diff --git a/translations/pa/5-browser-extension/start/README.md b/translations/pa/5-browser-extension/start/README.md index 9e1319f44..2e448efc4 100644 --- a/translations/pa/5-browser-extension/start/README.md +++ b/translations/pa/5-browser-extension/start/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: tmrow ਦੀ CO2 Signal API ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਿਜਲੀ ਦੀ ਖਪਤ ਨੂੰ ਟਰੈਕ ਕਰੋ ਅਤੇ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਣਾਓ ਤਾਂ ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੀ ਤੁਹਾਨੂੰ ਯਾਦ ਦਿਵਾਇਆ ਜਾ ਸਕੇ ਕਿ ਤੁਹਾਡੇ ਖੇਤਰ ਵਿੱਚ ਬਿਜਲੀ ਦੀ ਖਪਤ ਕਿੰਨੀ ਜ਼ਿਆਦਾ ਹੈ। ਇਸ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਇਸ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ ਆਪਣੇ ਕੰਮਾਂ ਬਾਰੇ ਸਹੀ ਫੈਸਲੇ ਲੈ ਸਕਦੇ ਹੋ। -![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3.pa.png) +![ਐਕਸਟੈਂਸ਼ਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/pa/extension-screenshot.0e7f5bfa110e92e3.png) ## ਸ਼ੁਰੂਆਤ ਕਰਨਾ @@ -31,7 +31,7 @@ npm run build Edge 'ਤੇ ਇੰਸਟਾਲ ਕਰਨ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਸੱਜੇ ਉੱਪਰ ਵਾਲੇ ਕੋਨੇ ਵਿੱਚ 'ਤਿੰਨ ਬਿੰਦੂ' ਮੀਨੂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਐਕਸਟੈਂਸ਼ਨ ਪੈਨਲ ਲੱਭੋ। ਉੱਥੋਂ, 'ਲੋਡ ਅਨਪੈਕਡ' ਚੁਣੋ ਤਾਂ ਜੋ ਨਵਾਂ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਕੀਤਾ ਜਾ ਸਕੇ। ਪ੍ਰਾਂਪਟ 'ਤੇ 'dist' ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨ ਲੋਡ ਹੋ ਜਾਵੇਗਾ। ਇਸਨੂੰ ਵਰਤਣ ਲਈ, ਤੁਹਾਨੂੰ CO2 Signal ਦੀ API ਲਈ ਇੱਕ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਹੋਵੇਗੀ ([ਇੱਥੇ ਈਮੇਲ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕਰੋ](https://www.co2signal.com/) - ਇਸ ਪੰਨੇ 'ਤੇ ਬਾਕਸ ਵਿੱਚ ਆਪਣਾ ਈਮੇਲ ਦਰਜ ਕਰੋ) ਅਤੇ ਆਪਣੇ ਖੇਤਰ ਲਈ [Electricity Map](https://www.electricitymap.org/map) ਦੇ ਅਨੁਸਾਰ [ਇਲੈਕਟ੍ਰਿਸਿਟੀ ਮੈਪ ਕੋਡ](http://api.electricitymap.org/v3/zones) ਦੀ ਲੋੜ ਹੋਵੇਗੀ (ਉਦਾਹਰਨ ਵਜੋਂ, ਬੋਸਟਨ ਵਿੱਚ, ਮੈਂ 'US-NEISO' ਵਰਤਦਾ ਹਾਂ)। -![ਇੰਸਟਾਲ ਕਰਨਾ](../../../../translated_images/install-on-edge.78634f02842c4828.pa.png) +![ਇੰਸਟਾਲ ਕਰਨਾ](../../../../translated_images/pa/install-on-edge.78634f02842c4828.png) ਜਦੋਂ API ਕੁੰਜੀ ਅਤੇ ਖੇਤਰ ਐਕਸਟੈਂਸ਼ਨ ਇੰਟਰਫੇਸ ਵਿੱਚ ਦਰਜ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਬਾਰ ਵਿੱਚ ਰੰਗੀਨ ਬਿੰਦੂ ਤੁਹਾਡੇ ਖੇਤਰ ਦੀ ਊਰਜਾ ਖਪਤ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਬਦਲ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਇਹ ਸੰਕੇਤ ਦੇਵੇਗਾ ਕਿ ਕਿਹੜੀਆਂ ਊਰਜਾ-ਗ੍ਰਹਿਣੀ ਗਤੀਵਿਧੀਆਂ ਤੁਹਾਡੇ ਲਈ ਉਚਿਤ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ 'ਬਿੰਦੂ' ਪ੍ਰਣਾਲੀ ਦਾ ਵਿਚਾਰ ਮੈਨੂੰ ਕੈਲੀਫੋਰਨੀਆ ਦੇ ਉਤਸਰਜਨ ਲਈ [Energy Lollipop ਐਕਸਟੈਂਸ਼ਨ](https://energylollipop.com/) ਤੋਂ ਮਿਲਿਆ ਸੀ। diff --git a/translations/pa/6-space-game/2-drawing-to-canvas/README.md b/translations/pa/6-space-game/2-drawing-to-canvas/README.md index 6a3e6253a..ae791c56a 100644 --- a/translations/pa/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/pa/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.pa.png) +![ਕੈਨਵਸ ਦਾ ਗ੍ਰਿਡ](../../../../translated_images/pa/canvas_grid.5f209da785ded492.png) > ਚਿੱਤਰ [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) ਤੋਂ ਕੈਨਵਸ ਤੱਤ 'ਤੇ ਡਰਾਇੰਗ ਕਰਨ ਲਈ, ਤੁਸੀਂ ਉਹੀ ਤਿੰਨ-ਕਦਮ ਪ੍ਰਕਿਰਿਆ ਅਪਣਾਉਂਦੇ ਹੋ ਜੋ ਸਾਰੇ ਕੈਨਵਸ ਗ੍ਰਾਫਿਕਸ ਦੀ ਬੁਨਿਆਦ ਬਣਦੀ ਹੈ। ਜਦ ਤੁਸੀਂ ਇਹ ਕੁਝ ਵਾਰ ਕਰਦੇ ਹੋ, ਇਹ ਦੂਸਰੀ ਕੁਦਰਤ ਬਣ ਜਾਂਦੀ ਹੈ: @@ -301,7 +301,7 @@ async function renderGameScreen() { ਅੰਤਮ ਨਤੀਜਾ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ: -![ਕਾਲੀ ਸਕ੍ਰੀਨ ਜਿਸ ਵਿੱਚ ਇੱਕ ਹੀਰੋ ਅਤੇ 5*5 ਮੋਨਸਟਰ ਹਨ](../../../../translated_images/partI-solution.36c53b48c9ffae2a.pa.png) +![ਕਾਲੀ ਸਕ੍ਰੀਨ ਜਿਸ ਵਿੱਚ ਇੱਕ ਹੀਰੋ ਅਤੇ 5*5 ਮੋਨਸਟਰ ਹਨ](../../../../translated_images/pa/partI-solution.36c53b48c9ffae2a.png) ## ਹੱਲ diff --git a/translations/pa/6-space-game/5-keeping-score/README.md b/translations/pa/6-space-game/5-keeping-score/README.md index a18709f1d..7f3a984f7 100644 --- a/translations/pa/6-space-game/5-keeping-score/README.md +++ b/translations/pa/6-space-game/5-keeping-score/README.md @@ -160,7 +160,7 @@ sequenceDiagram ``` - **ਸਕੋਰਿੰਗ ਸਿਸਟਮ**: ਹਰ ਤਬਾਹ ਕੀਤੇ ਗਏ ਦੁਸ਼ਮਨ ਜਹਾਜ਼ ਲਈ 100 ਪੌਇੰਟਸ ਮਿਲਦੇ ਹਨ (ਗੋਲ ਗਿਣਤੀਆਂ ਖਿਡਾਰੀਆਂ ਲਈ ਮਾਨਸਿਕ ਤੌਰ 'ਤੇ ਗਿਣਤੀ ਕਰਨਾ ਆਸਾਨ ਬਣਾਉਂਦੀਆਂ ਹਨ)। ਸਕੋਰ ਨੂੰ ਹੇਠਾਂ ਖੱਬੇ ਕੋਨੇ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ। -- **ਲਾਈਫ ਕਾਊਂਟਰ**: ਤੁਹਾਡਾ ਹੀਰੋ ਤਿੰਨ ਜ਼ਿੰਦਗੀਆਂ ਨਾਲ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ - ਇੱਕ ਮਿਆਰ ਜੋ ਸ਼ੁਰੂਆਤੀ ਆਰਕੇਡ ਗੇਮਾਂ ਦੁਆਰਾ ਚੁਣੌਤੀ ਅਤੇ ਖੇਡਣਯੋਗਤਾ ਦੇ ਸੰਤੁਲਨ ਲਈ ਸਥਾਪਿਤ ਕੀਤਾ ਗਿਆ। ਹਰ ਵਾਰ ਦੁਸ਼ਮਨ ਨਾਲ ਟਕਰਾਉਣ 'ਤੇ ਇੱਕ ਜ਼ਿੰਦਗੀ ਖਤਮ ਹੋ ਜਾਂਦੀ ਹੈ। ਬਾਕੀ ਜ਼ਿੰਦਗੀਆਂ ਨੂੰ ਹੇਠਾਂ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ ਜਹਾਜ਼ ਦੇ ਆਈਕਾਨਾਂ ਨਾਲ ਦਿਖਾਇਆ ਜਾਵੇਗਾ ![life image](../../../../translated_images/life.6fb9f50d53ee0413.pa.png)। +- **ਲਾਈਫ ਕਾਊਂਟਰ**: ਤੁਹਾਡਾ ਹੀਰੋ ਤਿੰਨ ਜ਼ਿੰਦਗੀਆਂ ਨਾਲ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ - ਇੱਕ ਮਿਆਰ ਜੋ ਸ਼ੁਰੂਆਤੀ ਆਰਕੇਡ ਗੇਮਾਂ ਦੁਆਰਾ ਚੁਣੌਤੀ ਅਤੇ ਖੇਡਣਯੋਗਤਾ ਦੇ ਸੰਤੁਲਨ ਲਈ ਸਥਾਪਿਤ ਕੀਤਾ ਗਿਆ। ਹਰ ਵਾਰ ਦੁਸ਼ਮਨ ਨਾਲ ਟਕਰਾਉਣ 'ਤੇ ਇੱਕ ਜ਼ਿੰਦਗੀ ਖਤਮ ਹੋ ਜਾਂਦੀ ਹੈ। ਬਾਕੀ ਜ਼ਿੰਦਗੀਆਂ ਨੂੰ ਹੇਠਾਂ ਸੱਜੇ ਕੋਨੇ ਵਿੱਚ ਜਹਾਜ਼ ਦੇ ਆਈਕਾਨਾਂ ਨਾਲ ਦਿਖਾਇਆ ਜਾਵੇਗਾ ![life image](../../../../translated_images/pa/life.6fb9f50d53ee0413.png)। ## ਚਲੋ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰੀਏ! diff --git a/translations/pa/7-bank-project/2-forms/README.md b/translations/pa/7-bank-project/2-forms/README.md index a53b4e28a..bc0fce019 100644 --- a/translations/pa/7-bank-project/2-forms/README.md +++ b/translations/pa/7-bank-project/2-forms/README.md @@ -434,7 +434,7 @@ async function register() { 3. **ਕਲਿੱਕ ਕਰੋ** "ਅਕਾਊਂਟ ਬਣਾਓ" 4. **ਨਿਰੀਖਣ ਕਰੋ** ਕਨਸੋਲ ਸੁਨੇਹੇ ਅਤੇ ਯੂਜ਼ਰ ਫੀਡਬੈਕ -![ਬ੍ਰਾਊਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਲਾਗ ਸੁਨੇਹਾ ਦਿਖਾਉਂਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/browser-console.efaf0b51aaaf6778.pa.png) +![ਬ੍ਰਾਊਜ਼ਰ ਕਨਸੋਲ ਵਿੱਚ ਲਾਗ ਸੁਨੇਹਾ ਦਿਖਾਉਂਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/pa/browser-console.efaf0b51aaaf6778.png) **ਤੁਹਾਨੂੰ ਕੀ ਦੇਖਣਾ ਚਾਹੀਦਾ ਹੈ:** - **ਲੋਡਿੰਗ ਸਥਿਤੀ** ਸਬਮਿਟ ਬਟਨ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ @@ -620,7 +620,7 @@ input:focus:invalid { ਇਹ ਹੈ ਇੱਕ ਉਦਾਹਰਨ ਕਿ CSS ਸਟਾਈਲਿੰਗ ਦੇ ਬਾਅਦ ਅੰਤਮ ਲੌਗਇਨ ਪੇਜ ਕਿਵੇਂ ਲੱਗ ਸਕਦਾ ਹੈ: -![CSS ਸਟਾਈਲਾਂ ਜੋੜਨ ਦੇ ਬਾਅਦ ਲੌਗਇਨ ਪੇਜ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/result.96ef01f607bf856a.pa.png) +![CSS ਸਟਾਈਲਾਂ ਜੋੜਨ ਦੇ ਬਾਅਦ ਲੌਗਇਨ ਪੇਜ ਦਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/pa/result.96ef01f607bf856a.png) ## ਲੈਕਚਰ ਬਾਅਦ ਕਵਿਜ਼ diff --git a/translations/pa/7-bank-project/3-data/README.md b/translations/pa/7-bank-project/3-data/README.md index 38aa8b1eb..82fb1a556 100644 --- a/translations/pa/7-bank-project/3-data/README.md +++ b/translations/pa/7-bank-project/3-data/README.md @@ -160,7 +160,7 @@ sequenceDiagram Browser->>User: Displays new page (flash/reload) ``` -![ਮਲਟੀ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/mpa.7f7375a1a2d4aa77.pa.png) +![ਮਲਟੀ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/pa/mpa.7f7375a1a2d4aa77.png) **ਇਹ ਤਰੀਕਾ ਕਿਉਂ ਅਸੁਵਿਧਾਜਨਕ ਮਹਿਸੂਸ ਹੁੰਦਾ ਸੀ:** - ਹਰ ਕਲਿੱਕ ਦਾ ਮਤਲਬ ਸੀ ਪੂਰੇ ਪੇਜ ਨੂੰ ਮੁੜ ਤੋਂ ਬਣਾਉਣਾ @@ -187,7 +187,7 @@ sequenceDiagram Browser->>User: Shows updated content (no reload) ``` -![ਸਿੰਗਲ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/spa.268ec73b41f992c2.pa.png) +![ਸਿੰਗਲ-ਪੇਜ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਅਪਡੇਟ ਵਰਕਫਲੋ](../../../../translated_images/pa/spa.268ec73b41f992c2.png) **SPA ਕਿਉਂ ਬਿਹਤਰ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ:** - ਸਿਰਫ ਉਹ ਹਿੱਸੇ ਜੋ ਵਾਸਤਵ ਵਿੱਚ ਬਦਲੇ ਹਨ, ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ (ਸਮਝਦਾਰ, ਹੈ ਨਾ?) @@ -373,7 +373,7 @@ if (data.error) { ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਅਵੈਧ ਖਾਤੇ ਨਾਲ ਟੈਸਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਪੰਨੇ 'ਤੇ ਇੱਕ ਸਹਾਇਕ ਗਲਤੀ ਸੁਨੇਹਾ ਦਿਖਾਈ ਦੇਵੇਗਾ! -![ਲੌਗਇਨ ਦੌਰਾਨ ਦਿਖਾਈ ਗਈ ਗਲਤੀ ਸੁਨੇਹੇ ਨੂੰ ਦਿਖਾਉਣ ਵਾਲਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/login-error.416fe019b36a6327.pa.png) +![ਲੌਗਇਨ ਦੌਰਾਨ ਦਿਖਾਈ ਗਈ ਗਲਤੀ ਸੁਨੇਹੇ ਨੂੰ ਦਿਖਾਉਣ ਵਾਲਾ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/pa/login-error.416fe019b36a6327.png) #### ਕਦਮ 4: ਪਹੁੰਚਯੋਗਤਾ ਨਾਲ ਸਮਰਪਿਤ ਹੋਣਾ @@ -626,7 +626,7 @@ Agent ਮੋਡ ਬਾਰੇ ਹੋਰ ਜਾਣੋ [ਇਥੇ](https://code.vis ਇੱਥੇ ਇੱਕ ਪਾਲਿਸ਼ਡ ਡੈਸ਼ਬੋਰਡ ਦਾ ਨਤੀਜਾ ਕਿਵੇਂ ਦਿਖ ਸਕਦਾ ਹੈ: -![ਡੈਸ਼ਬੋਰਡ ਦੇ ਸਟਾਈਲਿੰਗ ਤੋਂ ਬਾਅਦ ਨਤੀਜੇ ਦਾ ਉਦਾਹਰਣ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/screen2.123c82a831a1d14a.pa.png) +![ਡੈਸ਼ਬੋਰਡ ਦੇ ਸਟਾਈਲਿੰਗ ਤੋਂ ਬਾਅਦ ਨਤੀਜੇ ਦਾ ਉਦਾਹਰਣ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/pa/screen2.123c82a831a1d14a.png) ਇਸਨੂੰ ਬਿਲਕੁਲ ਇਸੇ ਤਰ੍ਹਾਂ ਮਿਲਾਉਣ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ - ਇਸਨੂੰ ਪ੍ਰੇਰਣਾ ਵਜੋਂ ਵਰਤੋ ਅਤੇ ਇਸਨੂੰ ਆਪਣਾ ਬਣਾਓ! diff --git a/translations/pa/7-bank-project/4-state-management/README.md b/translations/pa/7-bank-project/4-state-management/README.md index 0e824ce6f..8bfffeae1 100644 --- a/translations/pa/7-bank-project/4-state-management/README.md +++ b/translations/pa/7-bank-project/4-state-management/README.md @@ -190,7 +190,7 @@ mindmap ਅਸੀਂ ਆਪਣੀ ਪੂਛ-ਪੂਛ ਕਰਨ ਦੀ ਬਜਾਏ ਇੱਕ **ਕੇਂਦਰੀਕ੍ਰਿਤ ਸਟੇਟ ਮੈਨੇਜਮੈਂਟ** ਸਿਸਟਮ ਬਣਾਉਣ ਜਾ ਰਹੇ ਹਾਂ। ਇਸਨੂੰ ਇੱਕ ਬਹੁਤ ਹੀ ਸੁਧਰੇ ਹੋਏ ਵਿਅਕਤੀ ਵਾਂਗ ਸੋਚੋ ਜੋ ਸਾਰੇ ਮਹੱਤਵਪੂਰਨ ਚੀਜ਼ਾਂ ਦਾ ਇੰਚਾਰਜ ਹੈ: -![HTML, ਯੂਜ਼ਰ ਕਾਰਵਾਈਆਂ ਅਤੇ ਸਟੇਟ ਦੇ ਵਿਚਕਾਰ ਡਾਟਾ ਫਲੋਜ਼ ਦਿਖਾਉਣ ਵਾਲੀ ਸਕੀਮਾ](../../../../translated_images/data-flow.fa2354e0908fecc8.pa.png) +![HTML, ਯੂਜ਼ਰ ਕਾਰਵਾਈਆਂ ਅਤੇ ਸਟੇਟ ਦੇ ਵਿਚਕਾਰ ਡਾਟਾ ਫਲੋਜ਼ ਦਿਖਾਉਣ ਵਾਲੀ ਸਕੀਮਾ](../../../../translated_images/pa/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD diff --git a/translations/pa/7-bank-project/4-state-management/assignment.md b/translations/pa/7-bank-project/4-state-management/assignment.md index e3b773e61..4abb7cf10 100644 --- a/translations/pa/7-bank-project/4-state-management/assignment.md +++ b/translations/pa/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ CO_OP_TRANSLATOR_METADATA: **ਉਮੀਦ ਕੀਤੀ ਨਤੀਜਾ:** ਇਸ ਅਸਾਈਨਮੈਂਟ ਨੂੰ ਪੂਰਾ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਤੁਹਾਡੀ ਬੈਂਕਿੰਗ ਐਪ ਵਿੱਚ ਇੱਕ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕਾਰਗਰ "ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ" ਫੀਚਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਜੋ ਪੇਸ਼ੇਵਰ ਤਰੀਕੇ ਨਾਲ ਦਿਖਾਈ ਦੇਵੇ ਅਤੇ ਕੰਮ ਕਰੇ: -![ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ ਡਾਇਲਾਗ ਦਾ ਉਦਾਹਰਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/dialog.93bba104afeb79f1.pa.png) +![ਟ੍ਰਾਂਜ਼ੈਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ ਡਾਇਲਾਗ ਦਾ ਉਦਾਹਰਨ ਸਕ੍ਰੀਨਸ਼ਾਟ](../../../../translated_images/pa/dialog.93bba104afeb79f1.png) ## ਤੁਹਾਡੀ ਲਾਗੂ ਕਰਨ ਦੀ ਜਾਂਚ ਕਰਨਾ diff --git a/translations/pa/7-bank-project/README.md b/translations/pa/7-bank-project/README.md index 1fad26e4e..4cff4699f 100644 --- a/translations/pa/7-bank-project/README.md +++ b/translations/pa/7-bank-project/README.md @@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA: ਇਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ, ਤੁਸੀਂ ਇੱਕ ਕਲਪਨਾਤਮਕ ਬੈਂਕ ਬਣਾਉਣਾ ਸਿੱਖੋਗੇ। ਇਹ ਪਾਠ ਤੁਹਾਨੂੰ ਸਿਖਾਉਣਗੇ ਕਿ ਵੈੱਬ ਐਪ ਦਾ ਲੇਆਉਟ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ ਅਤੇ ਰੂਟਸ ਪ੍ਰਦਾਨ ਕਰਨੇ ਹਨ, ਫਾਰਮ ਬਣਾਉਣੇ ਹਨ, ਸਟੇਟ ਨੂੰ ਮੈਨੇਜ ਕਰਨਾ ਹੈ, ਅਤੇ API ਤੋਂ ਡਾਟਾ ਫੈਚ ਕਰਨਾ ਹੈ ਜਿਸ ਤੋਂ ਤੁਸੀਂ ਬੈਂਕ ਦਾ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ। -| ![Screen1](../../../translated_images/screen1.baccbba0f1f93364.pa.png) | ![Screen2](../../../translated_images/screen2.123c82a831a1d14a.pa.png) | +| ![Screen1](../../../translated_images/pa/screen1.baccbba0f1f93364.png) | ![Screen2](../../../translated_images/pa/screen2.123c82a831a1d14a.png) | |--------------------------------|--------------------------------| ## ਪਾਠ diff --git a/translations/pa/8-code-editor/1-using-a-code-editor/README.md b/translations/pa/8-code-editor/1-using-a-code-editor/README.md index 04f86cff5..2b0baed75 100644 --- a/translations/pa/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/pa/8-code-editor/1-using-a-code-editor/README.md @@ -185,7 +185,7 @@ VSCode.dev ਇਹ ਸਮਰੱਥਾਵਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊ ਜਦੋਂ ਸਭ ਕੁਝ ਲੋਡ ਹੋ ਜਾਂਦਾ ਹੈ, ਤੁਸੀਂ ਇੱਕ ਸੁੰਦਰ ਤੌਰ 'ਤੇ ਸਾਫ ਕਾਰਜਸਥਾਨ ਦੇਖੋਗੇ ਜੋ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਕੋਡ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਰੱਖਣ ਲਈ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ ਹੈ! -![Default VSCode.dev interface](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.pa.png) +![Default VSCode.dev interface](../../../../translated_images/pa/default-vscode-dev.5d06881d65c1b323.png) **ਇਹ ਹੈ ਤੁਹਾਡੇ ਪੜੋਸ ਦਾ ਦੌਰਾ:** - **ਐਕਟਿਵਿਟੀ ਬਾਰ** (ਖੱਬੇ ਪਾਸੇ ਵਾਲੀ ਸਟ੍ਰਿਪ): ਤੁਹਾਡਾ ਮੁੱਖ ਨੈਵੀਗੇਸ਼ਨ ਜਿਸ ਵਿੱਚ Explorer 📁, Search 🔍, Source Control 🌿, Extensions 🧩, ਅਤੇ Settings ⚙️ ਸ਼ਾਮਲ ਹਨ @@ -233,7 +233,7 @@ flowchart TB 1. [vscode.dev](https://vscode.dev) 'ਤੇ ਜਾਓ ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਉੱਥੇ ਨਹੀਂ ਹੋ 2. ਵੈਲਕਮ ਸਕ੍ਰੀਨ 'ਤੇ "Open Remote Repository" ਬਟਨ ਲੱਭੋ ਅਤੇ ਇਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ - ![Open remote repository](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.pa.png) + ![Open remote repository](../../../../translated_images/pa/open-remote-repository.bd9c2598b8949e7f.png) 3. ਕਿਸੇ ਵੀ GitHub ਰਿਪੋਜ਼ਿਟਰੀ URL ਨੂੰ ਪੇਸਟ ਕਰੋ (ਇਸ ਨੂੰ ਕੋਸ਼ਿਸ਼ ਕਰੋ: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Enter ਦਬਾਓ ਅਤੇ ਜਾਦੂ ਦੇਖੋ! @@ -242,7 +242,7 @@ flowchart TB ਤੁਹਾਨੂੰ ਕੋਡਿੰਗ ਜਾਦੂਗਰ ਵਾਂਗ ਮਹਿਸੂਸ ਕਰਨਾ ਹੈ? ਇਹ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕਟ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ: Ctrl+Shift+P (ਜਾਂ Mac 'ਤੇ Cmd+Shift+P) ਕਮਾਂਡ ਪੈਲੇਟ ਖੋਲ੍ਹਣ ਲਈ: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.pa.png) +![Command Palette](../../../../translated_images/pa/palette-menu.4946174e07f42622.png) **ਕਮਾਂਡ ਪੈਲੇਟ ਇਹ ਹੈ ਜਿਵੇਂ ਤੁਹਾਡੇ ਲਈ ਹਰ ਚੀਜ਼ ਲਈ ਇੱਕ ਖੋਜ ਇੰਜਨ ਹੋਵੇ:** - "open remote" ਟਾਈਪ ਕਰੋ ਅਤੇ ਇਹ ਤੁਹਾਡੇ ਲਈ ਰਿਪੋਜ਼ਿਟਰੀ ਓਪਨਰ ਲੱਭੇਗਾ diff --git a/translations/pa/8-code-editor/1-using-a-code-editor/assignment.md b/translations/pa/8-code-editor/1-using-a-code-editor/assignment.md index 52cffcf1a..363e0b709 100644 --- a/translations/pa/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/pa/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ CO_OP_TRANSLATOR_METADATA: 4. ਇੱਕ ਕਮਿਟ ਸੁਨੇਹਾ ਲਿਖੋ: "Add initial HTML structure" 5. "Commit new file" 'ਤੇ ਕਲਿਕ ਕਰਕੇ ਆਪਣੇ ਬਦਲਾਅ ਸੇਵ ਕਰੋ -![GitHub 'ਤੇ ਸ਼ੁਰੂਆਤੀ ਫਾਈਲ ਬਣਾਉਣਾ](../../../../translated_images/new-file-github.com.c886796d800e8056.pa.png) +![GitHub 'ਤੇ ਸ਼ੁਰੂਆਤੀ ਫਾਈਲ ਬਣਾਉਣਾ](../../../../translated_images/pa/new-file-github.com.c886796d800e8056.png) **ਇਹ ਸ਼ੁਰੂਆਤੀ ਸੈਟਅਪ ਕੀ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ:** - **ਸਥਾਪਿਤ ਕਰਦਾ ਹੈ** ਸਹੀ HTML5 ਦਸਤਾਵੇਜ਼ ਸੰਰਚਨਾ ਸੈਮਾਂਟਿਕ ਤੱਤਾਂ ਨਾਲ @@ -104,7 +104,7 @@ CO_OP_TRANSLATOR_METADATA: ✅ **ਸਫਲਤਾ ਸੂਚਕ**: ਤੁਹਾਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਫਾਈਲਾਂ Explorer ਸਾਈਡਬਾਰ ਵਿੱਚ ਅਤੇ `index.html` ਮੁੱਖ ਐਡੀਟਰ ਖੇਤਰ ਵਿੱਚ ਐਡੀਟ ਕਰਨ ਲਈ ਉਪਲਬਧ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ। -![VSCode.dev ਵਿੱਚ ਪ੍ਰੋਜੈਕਟ ਲੋਡ ਕੀਤਾ](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.pa.png) +![VSCode.dev ਵਿੱਚ ਪ੍ਰੋਜੈਕਟ ਲੋਡ ਕੀਤਾ](../../../../translated_images/pa/project-on-vscode.dev.e79815a9a95ee7fe.png) **ਇੰਟਰਫੇਸ ਵਿੱਚ ਤੁਸੀਂ ਕੀ ਦੇਖੋਗੇ:** - **Explorer sidebar**: **ਤੁਹਾਡੇ ਰਿਪੋਜ਼ਟਰੀ ਫਾਈਲਾਂ ਅਤੇ ਫੋਲਡਰ ਸੰਰਚਨਾ ਦਿਖਾਉਂਦਾ ਹੈ** diff --git a/translations/pa/9-chat-project/README.md b/translations/pa/9-chat-project/README.md index 6e99c4179..db0171ea2 100644 --- a/translations/pa/9-chat-project/README.md +++ b/translations/pa/9-chat-project/README.md @@ -61,7 +61,7 @@ print(response.choices[0].message.content) ਤੁਹਾਡਾ ਤਿਆਰ ਪ੍ਰੋਜੈਕਟ ਕੁਝ ਇਸ ਤਰ੍ਹਾਂ ਦੇਖਾਈ ਦੇਵੇਗਾ: -![ਚੈਟ ਐਪ ਇੰਟਰਫੇਸ ਜੋ ਯੂਜ਼ਰ ਅਤੇ AI ਅਸਿਸਟੈਂਟ ਦੇ ਵਿਚਕਾਰ ਗੱਲਬਾਤ ਦਿਖਾਉਂਦਾ ਹੈ](../../../translated_images/screenshot.0a1ee0d123df681b.pa.png) +![ਚੈਟ ਐਪ ਇੰਟਰਫੇਸ ਜੋ ਯੂਜ਼ਰ ਅਤੇ AI ਅਸਿਸਟੈਂਟ ਦੇ ਵਿਚਕਾਰ ਗੱਲਬਾਤ ਦਿਖਾਉਂਦਾ ਹੈ](../../../translated_images/pa/screenshot.0a1ee0d123df681b.png) ## 🗺️ AI ਐਪਲੀਕੇਸ਼ਨ ਡਿਵੈਲਪਮੈਂਟ ਦੁਆਰਾ ਤੁਹਾਡਾ ਸਿੱਖਣ ਦਾ ਸਫਰ @@ -194,7 +194,7 @@ mindmap **ਮੁੱਖ ਸਿਧਾਂਤ**: AI ਐਪਲੀਕੇਸ਼ਨ ਡਿਵੈਲਪਮੈਂਟ ਰਵਾਇਤੀ ਵੈੱਬ ਡਿਵੈਲਪਮੈਂਟ ਹੁਨਰਾਂ ਨੂੰ AI ਸੇਵਾ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਨਾਲ ਜੋੜਦਾ ਹੈ, ਬੁੱਧੀਮਾਨ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਯੂਜ਼ਰਾਂ ਲਈ ਕੁਦਰਤੀ ਅਤੇ ਪ੍ਰਤੀਕ੍ਰਿਆਸ਼ੀਲ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ। -![GitHub Models AI Playground ਇੰਟਰਫੇਸ ਮਾਡਲ ਚੋਣ ਅਤੇ ਟੈਸਟਿੰਗ ਖੇਤਰ ਨਾਲ](../../../translated_images/playground.d2b927122224ff8f.pa.png) +![GitHub Models AI Playground ਇੰਟਰਫੇਸ ਮਾਡਲ ਚੋਣ ਅਤੇ ਟੈਸਟਿੰਗ ਖੇਤਰ ਨਾਲ](../../../translated_images/pa/playground.d2b927122224ff8f.png) **ਇਹ ਪਲੇਗਰਾਊਂਡ ਨੂੰ ਕਿੰਨਾ ਲਾਭਕਾਰੀ ਬਣਾਉਂਦਾ ਹੈ:** - **ਵੱਖ-ਵੱਖ AI ਮਾਡਲਾਂ ਦੀ ਜਾਂਚ ਕਰੋ** ਜਿਵੇਂ GPT-4o-mini, Claude, ਅਤੇ ਹੋਰ (ਸਭ ਮੁਫ਼ਤ!) @@ -204,7 +204,7 @@ mindmap ਜਦੋਂ ਤੁਸੀਂ ਕੁਝ ਖੇਡ ਲੈਂਦੇ ਹੋ, ਸਿਰਫ਼ "Code" ਟੈਬ 'ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਆਪਣੀ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾ ਚੁਣੋ ਤਾਂ ਜੋ ਤੁਹਾਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਲੋੜੀਂਦਾ ਕੋਡ ਮਿਲੇ। -![ਪਲੇਗਰਾਊਂਡ ਚੋਣ ਜੋ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਲਈ ਕੋਡ ਜਨਰੇਸ਼ਨ ਵਿਕਲਪ ਦਿਖਾਉਂਦੀ ਹੈ](../../../translated_images/playground-choice.1d23ba7d407f4758.pa.png) +![ਪਲੇਗਰਾਊਂਡ ਚੋਣ ਜੋ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਲਈ ਕੋਡ ਜਨਰੇਸ਼ਨ ਵਿਕਲਪ ਦਿਖਾਉਂਦੀ ਹੈ](../../../translated_images/pa/playground-choice.1d23ba7d407f4758.png) ## Python ਬੈਕਐਂਡ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਸੈਟਅਪ ਕਰਨਾ @@ -1638,14 +1638,14 @@ mindmap - **[Web Dev For Beginners repository](https://github.com/microsoft/Web-Dev-For-Beginners)** 'ਤੇ ਜਾਓ - **"Use this template"** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ (ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਤੁਸੀਂ GitHub ਵਿੱਚ ਲੌਗਇਨ ਹੋ) -![ਟੈਂਪਲੇਟ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਹਰਾ "Use this template" ਬਟਨ ਦਿਖਾਇਆ ਗਿਆ ਹੈ](../../../translated_images/template.67ad477109d29a2b.pa.png) +![ਟੈਂਪਲੇਟ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਹਰਾ "Use this template" ਬਟਨ ਦਿਖਾਇਆ ਗਿਆ ਹੈ](../../../translated_images/pa/template.67ad477109d29a2b.png) **ਦੂਜਾ ਕਦਮ: Codespaces ਲਾਂਚ ਕਰੋ** - **ਆਪਣੇ ਨਵੇਂ ਬਣਾਏ ਗਏ ਰਿਪੋਜ਼ਟਰੀ ਨੂੰ ਖੋਲ੍ਹੋ** - **ਹਰੇ "Code" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ "Codespaces" ਚੁਣੋ** - **"Create codespace on main" ਚੁਣੋ** ਆਪਣੇ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਨੂੰ ਸ਼ੁਰੂ ਕਰਨ ਲਈ -![ਕੋਡਸਪੇਸ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਕਲਾਉਡ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਸ਼ੁਰੂ ਕਰਨ ਦੇ ਵਿਕਲਪ ਦਿਖਾਏ ਗਏ ਹਨ](../../../translated_images/codespace.bcecbdf5d2747d3d.pa.png) +![ਕੋਡਸਪੇਸ ਇੰਟਰਫੇਸ ਜਿਸ ਵਿੱਚ ਕਲਾਉਡ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਸ਼ੁਰੂ ਕਰਨ ਦੇ ਵਿਕਲਪ ਦਿਖਾਏ ਗਏ ਹਨ](../../../translated_images/pa/codespace.bcecbdf5d2747d3d.png) **ਤੀਜਾ ਕਦਮ: ਵਾਤਾਵਰਣ ਕਨਫਿਗਰੇਸ਼ਨ** ਜਦੋਂ ਤੁਹਾਡਾ Codespace ਲੋਡ ਹੁੰਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਪਹੁੰਚ ਮਿਲੇਗੀ: diff --git a/translations/pa/README.md b/translations/pa/README.md index 5e64d61d1..f2267e512 100644 --- a/translations/pa/README.md +++ b/translations/pa/README.md @@ -72,13 +72,13 @@ Azure AI Foundry Discord Community ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੋਵੋ ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) ਤੇ ਜਾਓ! -![Background](../../translated_images/background.148a8d43afde5730.pa.png) +![Background](../../translated_images/pa/background.148a8d43afde5730.png) - ਬੁਨਿਆਦੀਂ ਤੱਕ RAG ਤੱਕ ਸਾਰੇ ਪਾਠ ਸ਼ਾਮਲ ਹਨ। - ਇਤিহাসਕ ਪਾਤਰਾਂ ਨਾਲ GenAI ਅਤੇ ਸਾਡੇ ਸਾਥੀ ਐਪ ਵਰਤ ਕੇ ਇੰਤrotateੈਕਟ ਕਰੋ। - ਮਨੋਰੰਜਕ ਅਤੇ ਦਿਲਚਸਪ ਕਹਾਣੀ, ਤੁਸੀਂ ਸਮੇਂ ਦਾ ਯਾਤਰੀ ਹੋਵੋ! -![character](../../translated_images/character.5c0dd8e067ffd693.pa.png) +![character](../../translated_images/pa/character.5c0dd8e067ffd693.png) ਹਰ ਪਾਠ ਵਿੱਚ ਅਸਾਈਨਮੈਂਟ, ਗਿਆਨ ਜਾਂਚ ਅਤੇ ਚੈਲੰਜ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ ਜਿਹੜੇ ਤੁਹਾਨੂੰ ਸਿੱਖਣ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ ਜਿਵੇਂ: - ਪ੍ਰੌਂਪਟਿੰਗ ਅਤੇ ਪ੍ਰੌਂਪਟ ਇੰਜੀਨੀਅਰਿੰਗ @@ -114,7 +114,7 @@ Azure AI Foundry Discord Community ਵਿੱਚ ਸ਼ਾਮਿਲ ਹੋਵੋ ਆਪਣੇ ਬਣਾਏ ਕਾਪੀ ਵਿੱਚ, **Code** ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ **Open with Codespaces** ਚੁਣੋ। ਇਹ ਤੁਹਾਡੇ ਲਈ ਨਵਾਂ Codespace ਬਣਾ ਦੇਵੇਗਾ ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ ਕੰਮ ਕਰ ਸਕਦੇ ਹੋ। -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.pa.png) +![Codespace](../../translated_images/pa/createcodespace.0238bbf4d7a8d955.png) #### ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ ਕੋਰਸ ਚਲਾਉਣਾ diff --git a/translations/pa/for-teachers.md b/translations/pa/for-teachers.md index 7ef36b033..9c1307b3c 100644 --- a/translations/pa/for-teachers.md +++ b/translations/pa/for-teachers.md @@ -42,10 +42,10 @@ CO_OP_TRANSLATOR_METADATA: - Moodle Cloud ਵਿੱਚ Common Cartridge ਸਹਾਇਤਾ ਸੀਮਿਤ ਹੈ। ਉਪਰੋਕਤ Moodle ਫਾਈਲ ਨੂੰ ਤਰਜੀਹ ਦਿਓ, ਜਿਸਨੂੰ Canvas ਵਿੱਚ ਵੀ ਅੱਪਲੋਡ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। - ਇੰਪੋਰਟ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਮਾਡਿਊਲ, ਮਿਆਦ ਦੀਆਂ ਮਿਤੀਆਂ, ਅਤੇ ਕਵਿਜ਼ ਸੈਟਿੰਗਾਂ ਦੀ ਸਮੀਖਾ ਕਰੋ ਤਾਂ ਜੋ ਇਹ ਤੁਹਾਡੇ ਟਰਮ ਸ਼ਡਿਊਲ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹੋਣ। -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.pa.png) +![Moodle](../../translated_images/pa/moodle.94eb93d714a50cb2.png) > Moodle ਕਲਾਸਰੂਮ ਵਿੱਚ ਪਾਠਕ੍ਰਮ -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.pa.png) +![Canvas](../../translated_images/pa/canvas.fbd605ff8e5b8aff.png) > Canvas ਵਿੱਚ ਪਾਠਕ੍ਰਮ ### ਰਿਪੋ ਨੂੰ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਵਰਤੋ (ਕੋਈ Classroom ਨਹੀਂ) diff --git a/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 778035e80..5162fbb23 100644 --- a/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/pl/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Słuchaj, całkowicie rozumiem, jeśli programowanie wydaje się teraz przeraża Dziś poznamy niesamowite narzędzia, które sprawiają, że nowoczesne tworzenie stron internetowych jest nie tylko możliwe, ale też niesamowicie wciągające. Mówię o tych samych edytorach, przeglądarkach i przepływach pracy, z których korzystają programiści Netflixa, Spotify oraz Twojego ulubionego studia indie tworzącego aplikacje każdego dnia. I oto część, która sprawi, że zatańczysz z radości: większość tych profesjonalnych, standardowych narzędzi jest całkowicie darmowa! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.pl.png) +![Intro Programming](../../../../translated_images/pl/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pl/1-getting-started-lessons/2-github-basics/README.md b/translations/pl/1-getting-started-lessons/2-github-basics/README.md index 64f045d04..7ebf82470 100644 --- a/translations/pl/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/pl/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Wiem, że na początku może to wydać się dużo – pamiętam, jak patrzyłem Przejdziemy przez tę podróż razem, krok po kroku. Bez pośpiechu, bez presji – tylko Ty, ja i naprawdę fajne narzędzia, które wkrótce staną się Twoimi nowymi najlepszymi przyjaciółmi! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.pl.png) +![Intro to GitHub](../../../../translated_images/pl/webdev101-github.8846d7971abef6f9.png) > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -606,7 +606,7 @@ Najpierw znajdź repozytorium (**repo**) na GitHub, które cię interesuje i do ✅ Dobrym sposobem na znalezienie repozytoriów „przyjaznych początkującym” jest [wyszukiwanie po tagu 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Skopiuj repozytorium lokalnie](../../../../translated_images/clone_repo.5085c48d666ead57.pl.png) +![Skopiuj repozytorium lokalnie](../../../../translated_images/pl/clone_repo.5085c48d666ead57.png) Istnieje kilka sposobów na skopiowanie kodu. Jednym z nich jest „klonowanie” zawartości repozytorium za pomocą HTTPS, SSH lub wykorzystując GitHub CLI (interfejs wiersza poleceń). diff --git a/translations/pl/1-getting-started-lessons/3-accessibility/README.md b/translations/pl/1-getting-started-lessons/3-accessibility/README.md index 0ef124587..fb4e8486c 100644 --- a/translations/pl/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/pl/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Tworzenie dostępnych stron internetowych -![Wszystko o dostępności](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.pl.png) +![Wszystko o dostępności](../../../../translated_images/pl/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Każdy obraz na Twojej stronie pełni jakąś funkcję. Zrozumienie tej funkcji **Obrazy informacyjne** - przekazują ważne informacje: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Obrazy dekoracyjne** - czysto wizualne, bez wartości informacyjnej: ```html - + ``` **Obrazy funkcyjne** - służą jako przyciski lub kontrolki: @@ -1066,7 +1066,7 @@ Każdy obraz na Twojej stronie pełni jakąś funkcję. Zrozumienie tej funkcji **Obrazy złożone** - wykresy, diagramy, infografiki: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Każdy obraz na Twojej stronie pełni jakąś funkcję. Zrozumienie tej funkcji - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/pl/2-js-basics/1-data-types/README.md b/translations/pl/2-js-basics/1-data-types/README.md index 3787f69a1..3314e49c3 100644 --- a/translations/pl/2-js-basics/1-data-types/README.md +++ b/translations/pl/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Podstawy JavaScript: Typy danych -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.pl.png) +![JavaScript Basics - Data types](../../../../translated_images/pl/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pl/2-js-basics/2-functions-methods/README.md b/translations/pl/2-js-basics/2-functions-methods/README.md index 7ce2ab62d..d8e78f7ea 100644 --- a/translations/pl/2-js-basics/2-functions-methods/README.md +++ b/translations/pl/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Podstawy JavaScript: Metody i funkcje -![JavaScript Basics - Functions](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.pl.png) +![JavaScript Basics - Functions](../../../../translated_images/pl/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnota autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pl/2-js-basics/3-making-decisions/README.md b/translations/pl/2-js-basics/3-making-decisions/README.md index b507b36d3..339cfaf0b 100644 --- a/translations/pl/2-js-basics/3-making-decisions/README.md +++ b/translations/pl/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Podstawy JavaScript: Podejmowanie decyzji -![JavaScript Basics - Podejmowanie decyzji](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.pl.png) +![JavaScript Basics - Podejmowanie decyzji](../../../../translated_images/pl/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/pl/2-js-basics/4-arrays-loops/README.md b/translations/pl/2-js-basics/4-arrays-loops/README.md index c1eede7f7..a88197932 100644 --- a/translations/pl/2-js-basics/4-arrays-loops/README.md +++ b/translations/pl/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Basics: Tablice i Pętle -![JavaScript Basics - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.pl.png) +![JavaScript Basics - Arrays](../../../../translated_images/pl/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pl/3-terrarium/1-intro-to-html/README.md b/translations/pl/3-terrarium/1-intro-to-html/README.md index 9957c7f0c..428444653 100644 --- a/translations/pl/3-terrarium/1-intro-to-html/README.md +++ b/translations/pl/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Enhance accessibility: 5: Student Build terrarium: 5: Student ``` -![Wprowadzenie do HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.pl.png) +![Wprowadzenie do HTML](../../../../translated_images/pl/webdev101-html.4389c2067af68e98.png) > Sketchnote autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) HTML, czyli HyperText Markup Language, to fundament każdej odwiedzanej witryny. Pomyśl o HTML jak o szkielecie nadającym strukturę stronom internetowym – definiuje, gdzie trafia zawartość, jak jest zorganizowana i co reprezentuje każdy element. Podczas gdy CSS później "ubrać" Twój HTML kolorami i układami, a JavaScript tchnie w niego życie dzięki interaktywności, HTML zapewnia niezbędną strukturę, która umożliwia wszystko inne. @@ -86,7 +86,7 @@ Stworzysz dedykowany folder dla projektu terrarium i dodasz pierwszy plik HTML. 4. W panelu Eksploratora kliknij ikonę „Nowy plik” 5. Nazwij swój plik `index.html` -![Eksplorator VS Code pokazujący tworzenie nowego pliku](../../../../translated_images/vs-code-index.e2986cf919471eb9.pl.png) +![Eksplorator VS Code pokazujący tworzenie nowego pliku](../../../../translated_images/pl/vs-code-index.e2986cf919471eb9.png) **Opcja 2: Korzystanie z poleceń terminala** ```bash @@ -236,48 +236,48 @@ Dodaj teraz obrazy roślin zorganizowane w dwóch kolumnach między tagami `
- 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/pl/3-terrarium/2-intro-to-css/README.md b/translations/pl/3-terrarium/2-intro-to-css/README.md index 33106f771..0065c705f 100644 --- a/translations/pl/3-terrarium/2-intro-to-css/README.md +++ b/translations/pl/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Responsywny projekt: 5: Student Odbicia na szkle: 5: Student ``` -![Wprowadzenie do CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.pl.png) +![Wprowadzenie do CSS](../../../../translated_images/pl/webdev101-css.3f7af5991bf53a20.png) > Notatka graficzna autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) Pamiętasz, jak twoje terrarium HTML wyglądało dość prosto? CSS to miejsce, gdzie przekształcamy tę prostą strukturę w coś wizualnie atrakcyjnego. @@ -202,7 +202,7 @@ body { Otwórz narzędzia deweloperskie przeglądarki (F12), przejdź do zakładki Elements i zbadaj swój element `

`. Zobaczysz, że dziedziczy rodzinę czcionki po body: -![dziedziczona czcionka](../../../../translated_images/1.cc07a5cbe114ad1d.pl.png) +![dziedziczona czcionka](../../../../translated_images/pl/1.cc07a5cbe114ad1d.png) ✅ **Czas na eksperyment**: Spróbuj ustawić inne właściwości dziedziczone na ``, jak `color`, `line-height` lub `text-align`. Co się stanie z nagłówkiem i innymi elementami? @@ -332,7 +332,7 @@ W naszym terrarium każda roślina potrzebuje podobnych stylów, ale także indy **Oto struktura HTML każdej rośliny:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Gotowy, by wzbogacić terrarium o realistyczne refleksy szklane? Ta technika dod Stworzysz subtelne refleksy, które symulują odbicie światła od powierzchni szkła. Podejście to jest podobne do metody, jaką stosowali renesansowi malarze tacy jak Jan van Eyck, używając światła i odbić, aby nadać szkłu trójwymiarowy wygląd. Oto, do czego dążysz: -![finished terrarium](../../../../translated_images/terrarium-final.2f07047ffc597d0a.pl.png) +![finished terrarium](../../../../translated_images/pl/terrarium-final.2f07047ffc597d0a.png) **Twoje zadanie:** - **Stwórz** subtelne białe lub jasne owalne kształty dla refleksów szklanych diff --git a/translations/pl/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/pl/3-terrarium/3-intro-to-DOM-and-closures/README.md index 77c7889b4..ac54bb357 100644 --- a/translations/pl/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/pl/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Testuj funkcjonalność: 5: Student Ukończ terrarium: 5: Student ``` -![DOM i zamknięcie](../../../../translated_images/webdev101-js.10280393044d7eaa.pl.png) +![DOM i zamknięcie](../../../../translated_images/pl/webdev101-js.10280393044d7eaa.png) > Sketchnotka autorstwa [Tomomi Imura](https://twitter.com/girlie_mac) Witamy w jednym z najbardziej angażujących aspektów tworzenia stron internetowych – tworzeniu interaktywności! Model Obiektowy Dokumentu (DOM) jest jak most łączący twój HTML z JavaScript, a dziś użyjemy go, aby ożywić twoje terrarium. Gdy Tim Berners-Lee stworzył pierwszą przeglądarkę internetową, wyobrażał sobie sieć, gdzie dokumenty mogą być dynamiczne i interaktywne – to właśnie DOM sprawia, że ta wizja jest możliwa. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Reprezentacja drzewa DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.pl.png) +![Reprezentacja drzewa DOM](../../../../translated_images/pl/dom-tree.7daf0e763cbbba92.png) > Reprezentacja DOM i powiązanego znacznika HTML. Źródło: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Zrozumienie zamknięć**: Zamknięcia to istotny temat w JavaScript i wielu programistów używa ich przez lata, zanim w pełni zrozumie teoretyczne aspekty. Dzisiaj skupimy się na praktycznym zastosowaniu – zobaczysz, jak zamknięcia naturalnie pojawiają się podczas budowania interaktywnych funkcji. Zrozumienie rozwinie się, gdy zobaczysz, jak rozwiązują rzeczywiste problemy. -![Reprezentacja drzewa DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.pl.png) +![Reprezentacja drzewa DOM](../../../../translated_images/pl/dom-tree.7daf0e763cbbba92.png) > Reprezentacja DOM i powiązanego znacznika HTML. Źródło: [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Teraz przetestuj swoje interaktywne terrarium! Otwórz plik `index.html` w przeg - **Wsparcie wieloplatformowe**: Działa na desktopie i urządzeniach mobilnych - **Uważność na wydajność**: Brak wycieków pamięci lub zbędnych obliczeń -![finished terrarium](../../../../translated_images/terrarium-final.0920f16e87c13a84.pl.png) +![finished terrarium](../../../../translated_images/pl/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/pl/5-browser-extension/1-about-browsers/README.md b/translations/pl/5-browser-extension/1-about-browsers/README.md index fa4e11901..d8318603a 100644 --- a/translations/pl/5-browser-extension/1-about-browsers/README.md +++ b/translations/pl/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Debuguj problemy: 4: Student Dopieszczaj doświadczenie: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.pl.jpg) +![Browser sketchnote](../../../../translated_images/pl/browser.60317c9be8b7f84a.jpg) > Sketchnote autorstwa [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Quiz przed wykładem @@ -77,7 +77,7 @@ Proces ten odzwierciedla sposób, w jaki pierwsza przeglądarka internetowa, Wor ✅ **Trochę historii**: Pierwsza przeglądarka nazywała się „WorldWideWeb” i została stworzona przez Sir Timothy’ego Berners-Lee w 1990 roku. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.pl.jpg) +![early browsers](../../../../translated_images/pl/earlybrowsers.d984b711cdf3a42d.jpg) > Niektóre wczesne przeglądarki, za [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Jak przeglądarki przetwarzają zawartość sieci @@ -194,7 +194,7 @@ quadrantChart Zrozumienie procesu instalacji rozszerzenia pomaga przewidzieć, jak doświadczenie użytkownika będzie wyglądać podczas instalacji Twojego rozszerzenia. Proces instalacji jest ustandaryzowany we wszystkich nowoczesnych przeglądarkach, z drobnymi różnicami w designie interfejsu. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.pl.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/pl/install-on-edge.d68781acaf0b3d3d.png) > **Ważne**: Upewnij się, że włączyłeś tryb dewelopera i zezwoliłeś na rozszerzenia z innych sklepów podczas testowania swoich własnych rozszerzeń. @@ -308,10 +308,10 @@ Zasada ta odpowiada regule stopniowego ujawniania informacji, stosowanej w proje ### Przegląd widoków rozszerzenia **Widok konfiguracji** – konfiguracja dla pierwszych użytkowników: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.pl.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/pl/1.b6da8c1394b07491.png) **Widok wyników** – wyświetlanie danych o śladzie węglowym: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.pl.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/pl/2.1dae52ff08042246.png) ### Tworzenie formularza konfiguracji diff --git a/translations/pl/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/pl/5-browser-extension/2-forms-browsers-local-storage/README.md index 64c547da9..c171c6c00 100644 --- a/translations/pl/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/pl/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Usuń zapisane dane ClearStorage --> FirstTime: Powrót do konfiguracji ``` -![Panel local storage](../../../../translated_images/localstorage.472f8147b6a3f8d1.pl.png) +![Panel local storage](../../../../translated_images/pl/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Kwestie bezpieczeństwa**: W aplikacjach produkcyjnych przechowywanie kluczy API w LocalStorage niesie ryzyko bezpieczeństwa, ponieważ JavaScript ma do nich dostęp. Dla celów edukacyjnych jest to w porządku, ale prawdziwe aplikacje powinny korzystać z bezpiecznego przechowywania po stronie serwera dla poufnych danych. diff --git a/translations/pl/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/pl/5-browser-extension/3-background-tasks-and-performance/README.md index 3548f99c3..48bd2f35f 100644 --- a/translations/pl/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/pl/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Aby otworzyć Narzędzia deweloperskie w Edge, kliknij trzy kropki w prawym gór Wypróbujmy to. Otwórz jakąś stronę (Microsoft.com świetnie się sprawdzi) i kliknij 'Nagraj'. Teraz odśwież stronę i obserwuj, jak profiler rejestruje wszystko, co się dzieje. Po zatrzymaniu nagrywania zobaczysz szczegółowy rozkład tego, jak przeglądarka 'skryptuje', 'renderuje' i 'maluje' witrynę. Przypomina mi to, jak centrum kontroli misji monitoruje każdy system podczas startu rakiety – masz dane w czasie rzeczywistym o tym, co i kiedy się dzieje. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.pl.png) +![Edge profiler](../../../../translated_images/pl/profiler.5a4a62479c5df01c.png) ✅ [Dokumentacja Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) zawiera dużo więcej szczegółów, jeśli chcesz zgłębić temat @@ -133,11 +133,11 @@ Wybierz elementy linii czasu profilu, aby przybliżyć zdarzenia zachodzące pod Zyskaj migawkę wydajności strony, wybierając fragment linii czasu profilu i patrząc na panel podsumowania: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.pl.png) +![Edge profiler snapshot](../../../../translated_images/pl/snapshot.97750180ebcad737.png) Sprawdź panel Dziennika zdarzeń, aby zobaczyć, czy jakieś zdarzenie trwało dłużej niż 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.pl.png) +![Edge event log](../../../../translated_images/pl/log.804026979f3707e0.png) ✅ Poznaj swój profiler! Otwórz narzędzia deweloperskie na tej stronie i sprawdź, czy są jakieś wąskie gardła. Jaki zasób ładuje się najwolniej? Najszybciej? diff --git a/translations/pl/6-space-game/2-drawing-to-canvas/README.md b/translations/pl/6-space-game/2-drawing-to-canvas/README.md index 392218e12..5d902f811 100644 --- a/translations/pl/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/pl/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] ``` -![siatka canvas](../../../../translated_images/canvas_grid.5f209da785ded492.pl.png) +![siatka canvas](../../../../translated_images/pl/canvas_grid.5f209da785ded492.png) > Obraz z [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Aby rysować na elemencie canvas, wykonasz ten sam trzyetapowy proces, który jest podstawą całej grafiki na canvasie. Po kilku próbach stanie się to drugą naturą: @@ -323,11 +323,11 @@ Zbudujesz stronę internetową z elementem Canvas. Powinna wyświetlać czarny e - Statek bohatera - ![Statek bohatera](../../../../translated_images/player.dd24c1afa8c71e9b.pl.png) + ![Statek bohatera](../../../../translated_images/pl/player.dd24c1afa8c71e9b.png) - 5×5 potworów - ![Statek potwora](../../../../translated_images/enemyShip.5df2a822c16650c2.pl.png) + ![Statek potwora](../../../../translated_images/pl/enemyShip.5df2a822c16650c2.png) ### Zalecane kroki rozpoczęcia pracy @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { Gotowy efekt powinien wyglądać tak: -![Czarny ekran z bohaterem i 5*5 potworów](../../../../translated_images/partI-solution.36c53b48c9ffae2a.pl.png) +![Czarny ekran z bohaterem i 5*5 potworów](../../../../translated_images/pl/partI-solution.36c53b48c9ffae2a.png) ## Rozwiązanie diff --git a/translations/pl/6-space-game/5-keeping-score/README.md b/translations/pl/6-space-game/5-keeping-score/README.md index 04601ef4e..28a105ef9 100644 --- a/translations/pl/6-space-game/5-keeping-score/README.md +++ b/translations/pl/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **System punktacji**: Każdy zniszczony statek wroga nagradza 100 punktów (okrągłe liczby są łatwiejsze do mentalnego liczenia dla graczy). Wynik wyświetlany jest w lewym dolnym rogu. -- **Licznik żyć**: Twój bohater rozpoczyna z trzema życiami - standard ustalony przez wczesne gry arcade, by zbalansować wyzwanie z grywalnością. Każda kolizja z wrogiem kosztuje jedno życie. Pokażemy pozostałe życia w prawym dolnym rogu za pomocą ikon statków ![life image](../../../../translated_images/life.6fb9f50d53ee0413.pl.png). +- **Licznik żyć**: Twój bohater rozpoczyna z trzema życiami - standard ustalony przez wczesne gry arcade, by zbalansować wyzwanie z grywalnością. Każda kolizja z wrogiem kosztuje jedno życie. Pokażemy pozostałe życia w prawym dolnym rogu za pomocą ikon statków ![life image](../../../../translated_images/pl/life.6fb9f50d53ee0413.png). ## Zaczynamy budować! diff --git a/translations/pl/7-bank-project/1-template-route/README.md b/translations/pl/7-bank-project/1-template-route/README.md index c76c591a2..b3dd55936 100644 --- a/translations/pl/7-bank-project/1-template-route/README.md +++ b/translations/pl/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Użycie `history.pushState` tworzy nowe wpisy w historii nawigacji przeglądarki. Możesz to sprawdzić, przytrzymując *przycisk wstecz* w przeglądarce — powinno się pokazać coś takiego: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.pl.png) +![Screenshot of navigation history](../../../../translated_images/pl/history.7fdabbafa521e064.png) Jeśli spróbujesz kilka razy kliknąć przycisk wstecz, zauważysz, że aktualny URL się zmienia, a historia jest aktualizowana, ale nadal wyświetlany jest ten sam szablon. diff --git a/translations/pl/7-bank-project/2-forms/README.md b/translations/pl/7-bank-project/2-forms/README.md index 142525a47..43f385560 100644 --- a/translations/pl/7-bank-project/2-forms/README.md +++ b/translations/pl/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Najpierw obserwujmy, co się dzieje przy podstawowym wysyłaniu formularza: 2. Zwróć uwagę na zmiany w pasku adresu przeglądarki 3. Zauważ jak strona odświeża się i dane pojawiają się w URL -![Zrzut ekranu zmiany URL przeglądarki po kliknięciu przycisku Zarejestruj się](../../../../translated_images/click-register.e89a30bf0d4bc9ca.pl.png) +![Zrzut ekranu zmiany URL przeglądarki po kliknięciu przycisku Zarejestruj się](../../../../translated_images/pl/click-register.e89a30bf0d4bc9ca.png) ### Porównanie metod HTTP @@ -346,7 +346,7 @@ Skonfiguruj swój formularz rejestracji tak, aby poprawnie komunikował się z b 2. **Kliknij** przycisk "Utwórz konto" 3. **Obserwuj** odpowiedź serwera w przeglądarce -![Okno przeglądarki pod adresem localhost:5000/api/accounts, pokazujące ciąg JSON z danymi użytkownika](../../../../translated_images/form-post.61de4ca1b964d91a.pl.png) +![Okno przeglądarki pod adresem localhost:5000/api/accounts, pokazujące ciąg JSON z danymi użytkownika](../../../../translated_images/pl/form-post.61de4ca1b964d91a.png) **Co powinieneś zobaczyć:** - **Przeglądarka przekierowuje** na adres endpointu API @@ -609,7 +609,7 @@ async function register() { 3. **Kliknij** "Utwórz konto" 4. **Obserwuj** komunikaty w konsoli i informacje zwrotne dla użytkownika -![Screenshot showing log message in the browser console](../../../../translated_images/browser-console.efaf0b51aaaf6778.pl.png) +![Screenshot showing log message in the browser console](../../../../translated_images/pl/browser-console.efaf0b51aaaf6778.png) **Co powinno się pojawić:** - **Stan ładowania** na przycisku wysyłania @@ -783,7 +783,7 @@ Dodajmy do twojego formularza rejestracji solidną walidację, oferującą dosko 3. **Użyj** znaków specjalnych w polu nazwy użytkownika 4. **Wpisz** ujemną kwotę salda -![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/validation-error.8bd23e98d416c22f.pl.png) +![Screenshot showing the validation error when trying to submit the form](../../../../translated_images/pl/validation-error.8bd23e98d416c22f.png) **Co zauważysz:** - **Przeglądarka wyświetla** natywne komunikaty walidacji @@ -943,7 +943,7 @@ Pokaż komunikat o błędzie w HTML, jeśli użytkownik już istnieje. Oto przykład, jak może wyglądać końcowa strona logowania po dodaniu stylów: -![Zrzut ekranu strony logowania po dodaniu stylów CSS](../../../../translated_images/result.96ef01f607bf856a.pl.png) +![Zrzut ekranu strony logowania po dodaniu stylów CSS](../../../../translated_images/pl/result.96ef01f607bf856a.png) ## Quiz po wykładzie diff --git a/translations/pl/7-bank-project/3-data/README.md b/translations/pl/7-bank-project/3-data/README.md index 4309bfc25..8e13e6a69 100644 --- a/translations/pl/7-bank-project/3-data/README.md +++ b/translations/pl/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Zwraca kompletną stronę HTML Browser->>User: Wyświetla nową stronę (flash/przeładowanie) ``` -![Proces aktualizacji w aplikacji wielostronicowej](../../../../translated_images/mpa.7f7375a1a2d4aa77.pl.png) +![Proces aktualizacji w aplikacji wielostronicowej](../../../../translated_images/pl/mpa.7f7375a1a2d4aa77.png) **Dlaczego to było niewygodne:** - Każde kliknięcie powodowało całkowite przeładowanie strony @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Aktualizuje konkretne elementy strony Browser->>User: Wyświetla zaktualizowaną zawartość (bez przeładowania) ``` -![Proces aktualizacji w aplikacji jednowstronicowej](../../../../translated_images/spa.268ec73b41f992c2.pl.png) +![Proces aktualizacji w aplikacji jednowstronicowej](../../../../translated_images/pl/spa.268ec73b41f992c2.png) **Dlaczego SPAs działają dużo lepiej:** - Aktualizują tylko zmienione fragmenty (sprytne, prawda?) @@ -516,7 +516,7 @@ if (data.error) { Teraz, gdy przetestujesz z nieprawidłowym kontem, zobaczysz pomocny komunikat o błędzie bezpośrednio na stronie! -![Zrzut ekranu pokazujący komunikat o błędzie podczas logowania](../../../../translated_images/login-error.416fe019b36a6327.pl.png) +![Zrzut ekranu pokazujący komunikat o błędzie podczas logowania](../../../../translated_images/pl/login-error.416fe019b36a6327.png) #### Krok 4: Być inkluzywnym dzięki dostępności @@ -950,7 +950,7 @@ Gotowy podnieść swoją aplikację bankową na wyższy poziom? Sprawmy, żeby w Tak może wyglądać dopracowany panel: -![Zrzut ekranu przykładowego wyniku panelu po stylizacji](../../../../translated_images/screen2.123c82a831a1d14a.pl.png) +![Zrzut ekranu przykładowego wyniku panelu po stylizacji](../../../../translated_images/pl/screen2.123c82a831a1d14a.png) Nie czuj presji, by dokładnie to odwzorować – użyj tego jako inspiracji i dostosuj do siebie! diff --git a/translations/pl/7-bank-project/4-state-management/README.md b/translations/pl/7-bank-project/4-state-management/README.md index d4fdae1ce..0cf1d9e2f 100644 --- a/translations/pl/7-bank-project/4-state-management/README.md +++ b/translations/pl/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Podobnie jak projekt Titanica z podziałem na przedziały, który wydawał się Zamiast biegać w kółko, stworzymy system **scentralizowanego zarządzania stanem**. Wyobraź to sobie jak jedną naprawdę zorganizowaną osobę odpowiedzialną za wszystko, co ważne: -![Schemat pokazujący przepływ danych między HTML, akcjami użytkownika i stanem](../../../../translated_images/data-flow.fa2354e0908fecc8.pl.png) +![Schemat pokazujący przepływ danych między HTML, akcjami użytkownika i stanem](../../../../translated_images/pl/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -798,7 +798,7 @@ To wyzwanie pomoże Ci myśleć jak profesjonalny programista, który bierze pod Oto przykładowy efekt po ukończeniu zadania: -![Zrzut ekranu pokazujący przykładowy dialog „Dodaj transakcję”](../../../../translated_images/dialog.93bba104afeb79f1.pl.png) +![Zrzut ekranu pokazujący przykładowy dialog „Dodaj transakcję”](../../../../translated_images/pl/dialog.93bba104afeb79f1.png) --- diff --git a/translations/pl/7-bank-project/4-state-management/assignment.md b/translations/pl/7-bank-project/4-state-management/assignment.md index 5aebe4b16..191f936de 100644 --- a/translations/pl/7-bank-project/4-state-management/assignment.md +++ b/translations/pl/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Odniesienie do [dokumentacji API serwera](../api/README.md) zawierającej: **Oczekiwany rezultat:** Po ukończeniu tego zadania Twoja aplikacja bankowa powinna mieć w pełni funkcjonalną funkcję "Dodaj transakcję", która wygląda i działa profesjonalnie: -![Zrzut ekranu pokazujący przykładowy dialog "Dodaj transakcję"](../../../../translated_images/dialog.93bba104afeb79f1.pl.png) +![Zrzut ekranu pokazujący przykładowy dialog "Dodaj transakcję"](../../../../translated_images/pl/dialog.93bba104afeb79f1.png) ## Testowanie implementacji diff --git a/translations/pl/8-code-editor/1-using-a-code-editor/README.md b/translations/pl/8-code-editor/1-using-a-code-editor/README.md index 6565a557f..bbb79a750 100644 --- a/translations/pl/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/pl/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Jak telefon Alexandra Grahama Bella łączył odległe miejsca, tak połączenie Gdy wszystko się załaduje, zobaczysz czyste i uporządkowane środowisko, które pozwoli Ci skupić się na tym, co ważne – na Twoim kodzie! -![Domyślny interfejs VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.pl.png) +![Domyślny interfejs VSCode.dev](../../../../translated_images/pl/default-vscode-dev.5d06881d65c1b323.png) **Oto wycieczka po okolicy:** - **Pasek aktywności** (ta pionowa listwa po lewej): Twoja główna nawigacja z eksploratorem 📁, wyszukiwaniem 🔍, kontrolą źródła 🌿, rozszerzeniami 🧩 i ustawieniami ⚙️ @@ -229,7 +229,7 @@ Idealna, gdy zaczynasz w VSCode.dev i chcesz otworzyć konkretne repozytorium. P 1. Wejdź na [vscode.dev](https://vscode.dev) jeśli jeszcze tam nie jesteś 2. Znajdź przycisk „Open Remote Repository” na ekranie powitalnym i kliknij go - ![Otwórz zdalne repozytorium](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.pl.png) + ![Otwórz zdalne repozytorium](../../../../translated_images/pl/open-remote-repository.bd9c2598b8949e7f.png) 3. Wklej dowolny adres repozytorium GitHub (np. `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Naciśnij Enter i zobacz, jak działa magia! @@ -238,7 +238,7 @@ Idealna, gdy zaczynasz w VSCode.dev i chcesz otworzyć konkretne repozytorium. P Chcesz poczuć się jak czarodziej kodu? Wypróbuj skrót klawiszowy: Ctrl+Shift+P (lub Cmd+Shift+P na Macu) by otworzyć Command Palette: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.pl.png) +![Command Palette](../../../../translated_images/pl/palette-menu.4946174e07f42622.png) **Command Palette to jak wyszukiwarka wszystkiego, co możesz zrobić:** - Wpisz "open remote", a znajdzie otwieracz repozytoriów @@ -300,7 +300,7 @@ Analogicznie do organizacji planów architektonicznych, tworzenie plików w VSCo 3. Wpisz nazwę pliku wraz z odpowiednim rozszerzeniem (`style.css`, `script.js`, `index.html`) 4. Naciśnij Enter, aby utworzyć plik -![Tworzenie nowego pliku](../../../../translated_images/create-new-file.2814e609c2af9aeb.pl.png) +![Tworzenie nowego pliku](../../../../translated_images/pl/create-new-file.2814e609c2af9aeb.png) **Zasady nazewnictwa:** - Używaj opisowych nazw wskazujących cel pliku @@ -318,7 +318,7 @@ Tu zaczyna się prawdziwa zabawa! Edytor VSCode.dev jest wyposażony w funkcje u 2. Zacznij pisać i zobacz, jak VSCode.dev pomaga kolorami, podpowiedziami i wykrywaniem błędów 3. Zapisz pracę skrótem Ctrl+S (Windows/Linux) lub Cmd+S (Mac) – chociaż edytor zapisuje też automatycznie! -![Edycja pliku w VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.pl.png) +![Edycja pliku w VSCode.dev](../../../../translated_images/pl/edit-a-file.52c0ee665ef19f08.png) **Co się dzieje podczas pisania:** - Twój kod jest pięknie kolorowany dla lepszej czytelności @@ -339,7 +339,7 @@ Tak jak archeolodzy tworzą dokładne zapisy warstw wykopalisk, Git rejestruje z 2. Zmodyfikowane pliki pojawiają się w sekcji „Changes” (Zmiany) 3. Kolory wskazują typ zmian: zielony dla dodatków, czerwony dla usunięć -![Podgląd zmian w Kontroli Źródła](../../../../translated_images/working-tree.c58eec08e6335c79.pl.png) +![Podgląd zmian w Kontroli Źródła](../../../../translated_images/pl/working-tree.c58eec08e6335c79.png) **Zapisywanie pracy (workflow commit):** @@ -431,7 +431,7 @@ Marketplace rozszerzeń jest naprawdę dobrze zorganizowany, więc nie zgubisz s 2. Przeglądaj lub wyszukaj coś konkretnego 3. Kliknij na wszystko, co wygląda ciekawie, żeby dowiedzieć się więcej -![Interfejs marketplace rozszerzeń](../../../../translated_images/extensions.eca0e0c7f59a10b5.pl.png) +![Interfejs marketplace rozszerzeń](../../../../translated_images/pl/extensions.eca0e0c7f59a10b5.png) **Co tam zobaczysz:** @@ -484,7 +484,7 @@ Większość rozszerzeń ma ustawienia, które możesz zmieniać, aby działały 3. Wybierz „Extension Settings” z rozwijanego menu 4. Dostosuj ustawienia, aż poczujesz, że odpowiadają Twojemu workflow -![Dostosowywanie ustawień rozszerzeń](../../../../translated_images/extension-settings.21c752ae4f4cdb78.pl.png) +![Dostosowywanie ustawień rozszerzeń](../../../../translated_images/pl/extension-settings.21c752ae4f4cdb78.png) **Typowe rzeczy, które możesz chcieć zmienić:** - Jak formatowany jest kod (tabulatory vs spacje, długość linii itd.) diff --git a/translations/pl/8-code-editor/1-using-a-code-editor/assignment.md b/translations/pl/8-code-editor/1-using-a-code-editor/assignment.md index 0d3e6ce22..b78a5dd67 100644 --- a/translations/pl/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/pl/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Ponieważ VSCode.dev wymaga co najmniej jednego pliku do otwarcia repozytorium, 4. **Napisz** komunikat commita: "Add initial HTML structure" 5. **Kliknij** "Commit new file", aby zapisać zmiany -![Tworzenie pliku początkowego na GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.pl.png) +![Tworzenie pliku początkowego na GitHub](../../../../translated_images/pl/new-file-github.com.c886796d800e8056.png) **Co osiąga ta początkowa konfiguracja:** - **Ustala** poprawną strukturę dokumentu HTML5 z semantycznymi elementami @@ -104,7 +104,7 @@ Gdy podstawy repozytorium są już gotowe, przejdźmy do VSCode.dev aby wykonać ✅ **Wskaźnik sukcesu**: Powinieneś zobaczyć pliki projektu w panelu Explorer oraz `index.html` dostępny do edycji na głównym ekranie. -![Projekt załadowany w VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.pl.png) +![Projekt załadowany w VSCode.dev](../../../../translated_images/pl/project-on-vscode.dev.e79815a9a95ee7fe.png) **Co zobaczysz w interfejsie:** - **Panel Explorer**: **Wyświetla** pliki i strukturę folderów repozytorium @@ -448,7 +448,7 @@ Rozszerzenia wzbogacają Twoje środowisko pracy, oferując m.in. podgląd na ż **Natychmiastowe efekty po instalacji:** Po zainstalowaniu CodeSwing zobaczysz podgląd swojego CV na żywo w edytorze. Pozwala to dokładnie widzieć, jak wygląda strona podczas wprowadzania zmian. -![Rozszerzenie CodeSwing pokazujące podgląd na żywo](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.pl.png) +![Rozszerzenie CodeSwing pokazujące podgląd na żywo](../../../../translated_images/pl/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Zrozumienie ulepszonego interfejsu:** - **Widok podzielony**: **Pokazuje** kod po jednej stronie i podgląd na żywo po drugiej diff --git a/translations/pl/9-chat-project/README.md b/translations/pl/9-chat-project/README.md index 091ab86c4..b6be76751 100644 --- a/translations/pl/9-chat-project/README.md +++ b/translations/pl/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Oto jak będzie wyglądał Twój ukończony projekt: -![Interfejs aplikacji czatu pokazujący rozmowę między użytkownikiem a asystentem AI](../../../translated_images/screenshot.0a1ee0d123df681b.pl.png) +![Interfejs aplikacji czatu pokazujący rozmowę między użytkownikiem a asystentem AI](../../../translated_images/pl/screenshot.0a1ee0d123df681b.png) ## 🗺️ Twoja podróż edukacyjna przez rozwój aplikacji AI @@ -189,7 +189,7 @@ mindmap ``` **Główna zasada**: rozwój aplikacji AI łączy tradycyjne umiejętności tworzenia stron internetowych z integracją usług AI, tworząc inteligentne aplikacje, które są naturalne i responsywne dla użytkowników. -![Interfejs GitHub Models AI Playground z wyborem modeli i obszarem testowym](../../../translated_images/playground.d2b927122224ff8f.pl.png) +![Interfejs GitHub Models AI Playground z wyborem modeli i obszarem testowym](../../../translated_images/pl/playground.d2b927122224ff8f.png) **Co sprawia, że playground jest tak przydatny:** - **Wypróbuj** różne modele AI, takie jak GPT-4o-mini, Claude i inne (wszystkie darmowe!) @@ -199,7 +199,7 @@ mindmap Po zabawie po prostu kliknij zakładkę „Code” i wybierz język programowania, aby otrzymać potrzebny kod implementacyjny. -![Wybór w playground pokazujący opcje generowania kodu dla różnych języków programowania](../../../translated_images/playground-choice.1d23ba7d407f4758.pl.png) +![Wybór w playground pokazujący opcje generowania kodu dla różnych języków programowania](../../../translated_images/pl/playground-choice.1d23ba7d407f4758.png) ## Konfiguracja integracji backendowej w Pythonie @@ -2352,14 +2352,14 @@ Chcesz wypróbować ten projekt w chmurowym środowisku deweloperskim? GitHub Co - **Przejdź** do repozytorium [Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Kliknij** "Use this template" w prawym górnym rogu (upewnij się, że jesteś zalogowany do GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.pl.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/pl/template.67ad477109d29a2b.png) **Krok 2: Uruchom Codespaces** - **Otwórz** utworzone repozytorium - **Kliknij** zielony przycisk "Code" i wybierz "Codespaces" - **Wybierz** "Create codespace on main", aby rozpocząć środowisko deweloperskie -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.pl.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/pl/codespace.bcecbdf5d2747d3d.png) **Krok 3: Konfiguracja środowiska** Po załadowaniu Codespace uzyskasz dostęp do: diff --git a/translations/pl/README.md b/translations/pl/README.md index bc157d559..668b9168b 100644 --- a/translations/pl/README.md +++ b/translations/pl/README.md @@ -72,13 +72,13 @@ Nie przegap naszego nowego programu Generatywnej AI! Odwiedź [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby zacząć! -![Tło](../../translated_images/background.148a8d43afde5730.pl.png) +![Tło](../../translated_images/pl/background.148a8d43afde5730.png) - Lekcje obejmujące wszystko od podstaw po RAG. - Interakcje z postaciami historycznymi za pomocą GenAI i naszej aplikacji towarzyszącej. - Zabawna i angażująca narracja, będziesz podróżować w czasie! -![postać](../../translated_images/character.5c0dd8e067ffd693.pl.png) +![postać](../../translated_images/pl/character.5c0dd8e067ffd693.png) Każda lekcja zawiera zadanie do wykonania, sprawdzanie wiedzy oraz wyzwanie, które poprowadzą Cię po tematach takich jak: - Tworzenie i inżynieria promptów @@ -112,7 +112,7 @@ Wykonaj następujące kroki: W swojej kopii tego repozytorium, którą utworzyłeś, kliknij przycisk **Code** i wybierz **Open with Codespaces**. To utworzy nowy Codespace do pracy. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.pl.png) +![Codespace](../../translated_images/pl/createcodespace.0238bbf4d7a8d955.png) #### Uruchamianie programu lokalnie na komputerze diff --git a/translations/pl/for-teachers.md b/translations/pl/for-teachers.md index 27a9508da..09f2bcfe0 100644 --- a/translations/pl/for-teachers.md +++ b/translations/pl/for-teachers.md @@ -42,10 +42,10 @@ Ten program nauczania zawiera pakiety do importowania dla popularnych przepływ - Moodle Cloud ma ograniczone wsparcie dla Common Cartridge. Preferuj powyższy plik Moodle, który można również przesłać do Canvas. - Po zaimportowaniu przejrzyj moduły, terminy i ustawienia quizów, aby dopasować je do harmonogramu semestru. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.pl.png) +![Moodle](../../translated_images/pl/moodle.94eb93d714a50cb2.png) > Program nauczania w klasie Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.pl.png) +![Canvas](../../translated_images/pl/canvas.fbd605ff8e5b8aff.png) > Program nauczania w Canvas ### Korzystanie bezpośrednio z repozytorium (bez Classroom) diff --git a/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md index 1f7b0cbb4..347e9cfe8 100644 --- a/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md +++ b/translations/pt/1-getting-started-lessons/1-intro-to-programming-languages/README.md @@ -17,7 +17,7 @@ Olha, eu entendo perfeitamente se a programação te parecer intimidante neste m Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não só possível, mas mesmo viciante. Estou a falar dos mesmos editores, browsers e fluxos de trabalho que os programadores da Netflix, Spotify e do teu estúdio indie favorito usam todos os dias. E aqui está a parte que te vai fazer dançar de alegria: a maioria destas ferramentas profissionais e padrão na indústria é completamente gratuita! -![Intro Programming](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff.pt.png) +![Intro Programming](../../../../translated_images/pt/webdev101-programming.d6e3f98e61ac4bff.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/1-getting-started-lessons/2-github-basics/README.md b/translations/pt/1-getting-started-lessons/2-github-basics/README.md index 689da2acf..cb1ad0e8b 100644 --- a/translations/pt/1-getting-started-lessons/2-github-basics/README.md +++ b/translations/pt/1-getting-started-lessons/2-github-basics/README.md @@ -17,7 +17,7 @@ Sei que isto pode parecer muito no início – até eu me lembro de olhar para a Vamos fazer esta viagem juntos, passo a passo. Sem pressas, sem pressão – só tu, eu, e algumas ferramentas realmente fixes que vão passar a ser os teus novos melhores amigos! -![Intro to GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f9.pt.png) +![Intro to GitHub](../../../../translated_images/pt/webdev101-github.8846d7971abef6f9.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -605,7 +605,7 @@ Primeiro, vamos encontrar um repositório (ou **repo**) no GitHub que seja do se ✅ Uma boa forma de encontrar repositórios 'amigáveis para iniciantes' é [pesquisar pela tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). -![Copiar um repo localmente](../../../../translated_images/clone_repo.5085c48d666ead57.pt.png) +![Copiar um repo localmente](../../../../translated_images/pt/clone_repo.5085c48d666ead57.png) Existem várias formas de copiar código. Uma forma é "clonar" o conteúdo do repositório, usando HTTPS, SSH, ou usando o GitHub CLI (Interface de Linha de Comandos do GitHub). diff --git a/translations/pt/1-getting-started-lessons/3-accessibility/README.md b/translations/pt/1-getting-started-lessons/3-accessibility/README.md index 6dfb79f22..68abeee07 100644 --- a/translations/pt/1-getting-started-lessons/3-accessibility/README.md +++ b/translations/pt/1-getting-started-lessons/3-accessibility/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Criar Páginas Web Acessíveis -![Tudo sobre Acessibilidade](../../../../translated_images/webdev101-a11y.8ef3025c858d897a.pt.png) +![Tudo sobre Acessibilidade](../../../../translated_images/pt/webdev101-a11y.8ef3025c858d897a.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid @@ -1049,12 +1049,12 @@ Cada imagem no seu site tem um propósito. Perceber esse propósito ajuda a escr **Imagens informativas** – transmitem informação importante: ```html -Sales increased 25% from Q1 to Q2 2024 +Sales increased 25% from Q1 to Q2 2024 ``` **Imagens decorativas** – apenas visuais, sem valor informacional: ```html - + ``` **Imagens funcionais** – usadas como botões ou controlos: @@ -1066,7 +1066,7 @@ Cada imagem no seu site tem um propósito. Perceber esse propósito ajuda a escr **Imagens complexas** – gráficos, diagramas, infografias: ```html -Quarterly sales data +Quarterly sales data

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

@@ -1106,7 +1106,7 @@ Cada imagem no seu site tem um propósito. Perceber esse propósito ajuda a escr - Website traffic increased 40% after accessibility improvements + Website traffic increased 40% after accessibility improvements ``` diff --git a/translations/pt/2-js-basics/1-data-types/README.md b/translations/pt/2-js-basics/1-data-types/README.md index 8dcd0d486..b2bdb482b 100644 --- a/translations/pt/2-js-basics/1-data-types/README.md +++ b/translations/pt/2-js-basics/1-data-types/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Fundamentos de JavaScript: Tipos de Dados -![JavaScript Basics - Data types](../../../../translated_images/webdev101-js-datatypes.4cc470179730702c.pt.png) +![JavaScript Basics - Data types](../../../../translated_images/pt/webdev101-js-datatypes.4cc470179730702c.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/2-js-basics/2-functions-methods/README.md b/translations/pt/2-js-basics/2-functions-methods/README.md index d75979aa4..c4664aacd 100644 --- a/translations/pt/2-js-basics/2-functions-methods/README.md +++ b/translations/pt/2-js-basics/2-functions-methods/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Fundamentos do JavaScript: Métodos e Funções -![Fundamentos do JavaScript - Funções](../../../../translated_images/webdev101-js-functions.be049c4726e94f8b.pt.png) +![Fundamentos do JavaScript - Funções](../../../../translated_images/pt/webdev101-js-functions.be049c4726e94f8b.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/2-js-basics/3-making-decisions/README.md b/translations/pt/2-js-basics/3-making-decisions/README.md index 51679555c..0ff812b22 100644 --- a/translations/pt/2-js-basics/3-making-decisions/README.md +++ b/translations/pt/2-js-basics/3-making-decisions/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # Conceitos Básicos de JavaScript: Tomando Decisões -![JavaScript Basics - Making decisions](../../../../translated_images/webdev101-js-decisions.69e1b20f272dd1f0.pt.png) +![JavaScript Basics - Making decisions](../../../../translated_images/pt/webdev101-js-decisions.69e1b20f272dd1f0.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) diff --git a/translations/pt/2-js-basics/4-arrays-loops/README.md b/translations/pt/2-js-basics/4-arrays-loops/README.md index ea954e250..0c56b5de8 100644 --- a/translations/pt/2-js-basics/4-arrays-loops/README.md +++ b/translations/pt/2-js-basics/4-arrays-loops/README.md @@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA: --> # JavaScript Básico: Arrays e Loops -![JavaScript Básico - Arrays](../../../../translated_images/webdev101-js-arrays.439d7528b8a29455.pt.png) +![JavaScript Básico - Arrays](../../../../translated_images/pt/webdev101-js-arrays.439d7528b8a29455.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) ```mermaid diff --git a/translations/pt/3-terrarium/1-intro-to-html/README.md b/translations/pt/3-terrarium/1-intro-to-html/README.md index 9f05788c2..afc2d7a85 100644 --- a/translations/pt/3-terrarium/1-intro-to-html/README.md +++ b/translations/pt/3-terrarium/1-intro-to-html/README.md @@ -25,7 +25,7 @@ journey Enhance accessibility: 5: Student Build terrarium: 5: Student ``` -![Introdução ao HTML](../../../../translated_images/webdev101-html.4389c2067af68e98.pt.png) +![Introdução ao HTML](../../../../translated_images/pt/webdev101-html.4389c2067af68e98.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) HTML, ou HyperText Markup Language, é a base de todos os websites que alguma vez visitou. Pense no HTML como o esqueleto que dá estrutura às páginas web – define onde o conteúdo vai, como está organizado e o que cada parte representa. Enquanto o CSS mais tarde vai "vestir" o seu HTML com cores e layouts, e o JavaScript dará vida com interatividade, o HTML fornece a estrutura essencial que torna tudo o resto possível. @@ -86,7 +86,7 @@ Vai criar uma pasta dedicada para o seu projeto terrário e adicionar o seu prim 4. No painel Explorer, clique no ícone "New File" 5. Dê ao seu ficheiro o nome `index.html` -![Explorador do VS Code a mostrar criação de novo ficheiro](../../../../translated_images/vs-code-index.e2986cf919471eb9.pt.png) +![Explorador do VS Code a mostrar criação de novo ficheiro](../../../../translated_images/pt/vs-code-index.e2986cf919471eb9.png) **Opção 2: Usar Comandos de Terminal** ```bash @@ -236,48 +236,48 @@ Agora adicione as imagens das plantas organizadas em duas colunas entre as suas
- 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/pt/3-terrarium/2-intro-to-css/README.md b/translations/pt/3-terrarium/2-intro-to-css/README.md index 93593fc88..0587b97d2 100644 --- a/translations/pt/3-terrarium/2-intro-to-css/README.md +++ b/translations/pt/3-terrarium/2-intro-to-css/README.md @@ -29,7 +29,7 @@ journey Design responsivo: 5: Student Reflexos em vidro: 5: Student ``` -![Introdução ao CSS](../../../../translated_images/webdev101-css.3f7af5991bf53a20.pt.png) +![Introdução ao CSS](../../../../translated_images/pt/webdev101-css.3f7af5991bf53a20.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Lembras-te como o teu terrário HTML parecia bastante básico? O CSS é onde transformamos essa estrutura simples numa coisa visualmente apelativa. @@ -202,7 +202,7 @@ body { Abre as ferramentas de desenvolvedor do teu navegador (F12), vai ao separador Elements (Elementos) e inspeciona o teu elemento `

`. Vais ver que herda a família de fontes do body: -![font herdada](../../../../translated_images/1.cc07a5cbe114ad1d.pt.png) +![font herdada](../../../../translated_images/pt/1.cc07a5cbe114ad1d.png) ✅ **Hora do Experimento**: Experimenta definir outras propriedades herdáveis no `` como `color`, `line-height` ou `text-align`. O que acontece ao teu título e a outros elementos? @@ -332,7 +332,7 @@ No nosso terrário, cada planta precisa de um estilo semelhante mas também de p **Aqui está a estrutura HTML para cada planta:** ```html
- Decorative plant for terrarium + Decorative plant for terrarium
``` @@ -594,7 +594,7 @@ Preparado para melhorar o teu terrário com reflexos realistas de vidro? Esta t Vais criar destaques subtis que simulam como a luz se reflete em superfícies de vidro. Esta abordagem é semelhante à utilizada por pintores renascentistas como Jan van Eyck, que usavam luz e reflexão para tornar o vidro pintado tridimensional. Eis o que queres alcançar: -![terrário acabado](../../../../translated_images/terrarium-final.2f07047ffc597d0a.pt.png) +![terrário acabado](../../../../translated_images/pt/terrarium-final.2f07047ffc597d0a.png) **O teu desafio:** - **Criar** formas ovais subtis brancas ou de cores claras para os reflexos no vidro diff --git a/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md b/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md index bf5f3f24c..1cec6e652 100644 --- a/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md +++ b/translations/pt/3-terrarium/3-intro-to-DOM-and-closures/README.md @@ -25,7 +25,7 @@ journey Testar funcionalidade: 5: Student Completar terrário: 5: Student ``` -![DOM e um closure](../../../../translated_images/webdev101-js.10280393044d7eaa.pt.png) +![DOM e um closure](../../../../translated_images/pt/webdev101-js.10280393044d7eaa.png) > Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac) Bem-vindo a um dos aspetos mais envolventes do desenvolvimento web - tornar as coisas interativas! O Modelo de Objeto de Documento (DOM) é como uma ponte entre o seu HTML e JavaScript, e hoje iremos usá-lo para dar vida ao seu terrário. Quando Tim Berners-Lee criou o primeiro navegador web, ele imaginou uma web onde os documentos poderiam ser dinâmicos e interativos - o DOM torna essa visão possível. @@ -102,7 +102,7 @@ flowchart TD style P fill:#ffebee style Q fill:#ffebee ``` -![Representação da árvore DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.pt.png) +![Representação da árvore DOM](../../../../translated_images/pt/dom-tree.7daf0e763cbbba92.png) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -146,7 +146,7 @@ flowchart LR ``` > 💡 **Compreender Closures**: Closures são um tema importante em JavaScript, e muitos programadores usam-nas durante anos antes de entenderem completamente todos os aspetos teóricos. Hoje, estamos focados na aplicação prática - verá as closures surgir naturalmente enquanto construímos as funcionalidades interativas. A compreensão desenvolver-se-á à medida que perceber como resolvem problemas reais. -![Representação da árvore DOM](../../../../translated_images/dom-tree.7daf0e763cbbba92.pt.png) +![Representação da árvore DOM](../../../../translated_images/pt/dom-tree.7daf0e763cbbba92.png) > Uma representação do DOM e da marcação HTML que o referencia. De [Olfa Nasraoui](https://www.researchgate.net/publication/221417012_Profile-Based_Focused_Crawler_for_Social_Media-Sharing_Websites) @@ -591,7 +591,7 @@ Agora teste o seu terrário interativo! Abra o ficheiro `index.html` num browser - **Suporte multi-dispositivo**: Funciona em desktop e móvel - **Consciência de desempenho**: Sem fugas de memória ou cálculos redundantes -![terrário terminado](../../../../translated_images/terrarium-final.0920f16e87c13a84.pt.png) +![terrário terminado](../../../../translated_images/pt/terrarium-final.0920f16e87c13a84.png) --- diff --git a/translations/pt/5-browser-extension/1-about-browsers/README.md b/translations/pt/5-browser-extension/1-about-browsers/README.md index c04061563..0628bcd9f 100644 --- a/translations/pt/5-browser-extension/1-about-browsers/README.md +++ b/translations/pt/5-browser-extension/1-about-browsers/README.md @@ -25,7 +25,7 @@ journey Depurar problemas: 4: Student Aperfeiçoar experiência: 5: Student ``` -![Browser sketchnote](../../../../translated_images/browser.60317c9be8b7f84a.pt.jpg) +![Browser sketchnote](../../../../translated_images/pt/browser.60317c9be8b7f84a.jpg) > Sketchnote por [Wassim Chegham](https://dev.to/wassimchegham/ever-wondered-what-happens-when-you-type-in-a-url-in-an-address-bar-in-a-browser-3dob) ## Questionário Pré-Aula @@ -77,7 +77,7 @@ Este processo reflete como o primeiro navegador web, WorldWideWeb, foi criado po ✅ **Um pouco de história**: O primeiro navegador chamou-se 'WorldWideWeb' e foi criado por Sir Timothy Berners-Lee em 1990. -![early browsers](../../../../translated_images/earlybrowsers.d984b711cdf3a42d.pt.jpg) +![early browsers](../../../../translated_images/pt/earlybrowsers.d984b711cdf3a42d.jpg) > Alguns navegadores iniciais, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing) ### Como os Navegadores Processam o Conteúdo Web @@ -194,7 +194,7 @@ quadrantChart Compreender o processo de instalação de extensões ajuda a antecipar a experiência do utilizador ao instalar a sua extensão. O processo de instalação está padronizado nos navegadores modernos, com pequenas variações no design da interface. -![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/install-on-edge.d68781acaf0b3d3d.pt.png) +![screenshot of the Edge browser showing the open edge://extensions page and open settings menu](../../../../translated_images/pt/install-on-edge.d68781acaf0b3d3d.png) > **Importante**: Certifique-se de ativar o modo de desenvolvedor e permitir extensões de outras lojas ao testar as suas próprias extensões. @@ -308,10 +308,10 @@ Isto segue o princípio da divulgação progressiva utilizado no design de inter ### Visão Geral das Vistas da Extensão **Vista de Configuração** – Configuração do utilizador pela primeira vez: -![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/1.b6da8c1394b07491.pt.png) +![screenshot of the completed extension open in a browser, displaying a form with inputs for region name and API key.](../../../../translated_images/pt/1.b6da8c1394b07491.png) **Vista de Resultados** – Exibição dos dados da pegada de carbono: -![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/2.1dae52ff08042246.pt.png) +![screenshot of the completed extension displaying values for carbon usage and fossil fuel percentage for the US-NEISO region.](../../../../translated_images/pt/2.1dae52ff08042246.png) ### Construir o Formulário de Configuração diff --git a/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md b/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md index 57578e9cd..7f52a64a4 100644 --- a/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md +++ b/translations/pt/5-browser-extension/2-forms-browsers-local-storage/README.md @@ -263,7 +263,7 @@ stateDiagram-v2 Reset --> ClearStorage: Remover dados guardados ClearStorage --> FirstTime: Voltar à configuração ``` -![Painel de armazenamento local](../../../../translated_images/localstorage.472f8147b6a3f8d1.pt.png) +![Painel de armazenamento local](../../../../translated_images/pt/localstorage.472f8147b6a3f8d1.png) > ⚠️ **Consideração de Segurança**: Em aplicações de produção, armazenar chaves API no LocalStorage implica riscos de segurança, pois o JavaScript pode aceder a estes dados. Para fins de aprendizagem, esta abordagem funciona bem, mas aplicações reais devem usar armazenamento seguro do lado do servidor para credenciais sensíveis. diff --git a/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md b/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md index 9bac3d700..0da27c859 100644 --- a/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md +++ b/translations/pt/5-browser-extension/3-background-tasks-and-performance/README.md @@ -123,7 +123,7 @@ Para abrir as Ferramentas de Desenvolvimento no Edge, clique nos três pontos no Vamos experimentar. Abra um website (o Microsoft.com funciona bem para isto) e clique no botão 'Gravar'. Agora recarregue a página e observe o perfilador capturar tudo o que acontece. Quando parar a gravação, verá uma descrição detalhada de como o navegador 'script', 'renderiza' e 'pinta' o site. Lembra-me de como o centro de controlo da missão monitoriza todos os sistemas durante o lançamento de um foguetão – obtém dados em tempo real exatamente sobre o que está a acontecer e quando. -![Edge profiler](../../../../translated_images/profiler.5a4a62479c5df01c.pt.png) +![Edge profiler](../../../../translated_images/pt/profiler.5a4a62479c5df01c.png) ✅ A [Documentação da Microsoft](https://docs.microsoft.com/microsoft-edge/devtools-guide/performance/?WT.mc_id=academic-77807-sagibbon) tem muitos mais detalhes se quiser aprofundar @@ -133,11 +133,11 @@ Selecione elementos da linha do tempo do perfil para ampliar eventos que acontec Obtenha um instantâneo do desempenho da sua página selecionando uma parte da linha do tempo do perfil e olhando para o painel de resumo: -![Edge profiler snapshot](../../../../translated_images/snapshot.97750180ebcad737.pt.png) +![Edge profiler snapshot](../../../../translated_images/pt/snapshot.97750180ebcad737.png) Verifique o painel do Registo de Eventos para ver se algum evento demorou mais de 15 ms: -![Edge event log](../../../../translated_images/log.804026979f3707e0.pt.png) +![Edge event log](../../../../translated_images/pt/log.804026979f3707e0.png) ✅ Conheça o seu perfilador! Abra as ferramentas de desenvolvimento neste site e veja se há algum estrangulamento. Qual o recurso que demora mais a carregar? E o mais rápido? diff --git a/translations/pt/6-space-game/2-drawing-to-canvas/README.md b/translations/pt/6-space-game/2-drawing-to-canvas/README.md index 70f121e01..97ba79c54 100644 --- a/translations/pt/6-space-game/2-drawing-to-canvas/README.md +++ b/translations/pt/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] ``` -![a grelha do canvas](../../../../translated_images/canvas_grid.5f209da785ded492.pt.png) +![a grelha do canvas](../../../../translated_images/pt/canvas_grid.5f209da785ded492.png) > Imagem de [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes) Para desenhar no elemento canvas, vai seguir o mesmo processo em três passos que forma a base de todos os gráficos em canvas. Depois de o fazer algumas vezes, torna-se natural: @@ -323,11 +323,11 @@ Vai construir uma página web com um elemento Canvas. Deve renderizar um ecrã p - Nave herói - ![Nave herói](../../../../translated_images/player.dd24c1afa8c71e9b.pt.png) + ![Nave herói](../../../../translated_images/pt/player.dd24c1afa8c71e9b.png) - Monstro 5*5 - ![Nave monstro](../../../../translated_images/enemyShip.5df2a822c16650c2.pt.png) + ![Nave monstro](../../../../translated_images/pt/enemyShip.5df2a822c16650c2.png) ### Passos recomendados para começar o desenvolvimento @@ -463,7 +463,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) { O resultado final deve parecer assim: -![Ecrã preto com um herói e 5*5 monstros](../../../../translated_images/partI-solution.36c53b48c9ffae2a.pt.png) +![Ecrã preto com um herói e 5*5 monstros](../../../../translated_images/pt/partI-solution.36c53b48c9ffae2a.png) ## Solução diff --git a/translations/pt/6-space-game/5-keeping-score/README.md b/translations/pt/6-space-game/5-keeping-score/README.md index 6816dff26..1489c838f 100644 --- a/translations/pt/6-space-game/5-keeping-score/README.md +++ b/translations/pt/6-space-game/5-keeping-score/README.md @@ -155,7 +155,7 @@ sequenceDiagram end ``` - **Sistema de pontuação**: Cada nave inimiga destruída atribui 100 pontos (números arredondados são mais fáceis para os jogadores calcularem mentalmente). A pontuação é mostrada no canto inferior esquerdo. -- **Contador de vidas**: O teu herói começa com três vidas - um padrão estabelecido pelos primeiros jogos arcade para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos mostrar as vidas restantes no canto inferior direito usando ícones de navio ![life image](../../../../translated_images/life.6fb9f50d53ee0413.pt.png). +- **Contador de vidas**: O teu herói começa com três vidas - um padrão estabelecido pelos primeiros jogos arcade para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos mostrar as vidas restantes no canto inferior direito usando ícones de navio ![life image](../../../../translated_images/pt/life.6fb9f50d53ee0413.png). ## Vamos Construir! diff --git a/translations/pt/7-bank-project/1-template-route/README.md b/translations/pt/7-bank-project/1-template-route/README.md index 18623a92a..7dbcca081 100644 --- a/translations/pt/7-bank-project/1-template-route/README.md +++ b/translations/pt/7-bank-project/1-template-route/README.md @@ -644,7 +644,7 @@ sequenceDiagram Usar `history.pushState` cria novas entradas no histórico de navegação do browser. Pode verificar isso segurando o *botão de retrocesso* do seu browser, deverá aparecer algo assim: -![Screenshot of navigation history](../../../../translated_images/history.7fdabbafa521e064.pt.png) +![Screenshot of navigation history](../../../../translated_images/pt/history.7fdabbafa521e064.png) Se tentar clicar várias vezes no botão de retrocesso, verá que a URL atual muda e o histórico é atualizado, mas o mesmo template continua a ser mostrado. diff --git a/translations/pt/7-bank-project/2-forms/README.md b/translations/pt/7-bank-project/2-forms/README.md index f845e2e0a..0fcb9adf9 100644 --- a/translations/pt/7-bank-project/2-forms/README.md +++ b/translations/pt/7-bank-project/2-forms/README.md @@ -292,7 +292,7 @@ Primeiro, observe o que acontece com a submissão básica do formulário: 2. Observe as mudanças na barra de endereço do navegador 3. Repare como a página recarrega e os dados aparecem na URL -![Captura de ecrã da alteração da URL do navegador após clicar no botão Registar](../../../../translated_images/click-register.e89a30bf0d4bc9ca.pt.png) +![Captura de ecrã da alteração da URL do navegador após clicar no botão Registar](../../../../translated_images/pt/click-register.e89a30bf0d4bc9ca.png) ### Comparação dos Métodos HTTP @@ -346,7 +346,7 @@ Vamos configurar o seu formulário de registo para comunicar corretamente com a 2. **Clique** no botão "Criar Conta" 3. **Observe** a resposta do servidor no seu navegador -![Janela do navegador com o endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do utilizador](../../../../translated_images/form-post.61de4ca1b964d91a.pt.png) +![Janela do navegador com o endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do utilizador](../../../../translated_images/pt/form-post.61de4ca1b964d91a.png) **O que deverá ver:** - **O navegador redireciona** para a URL do endpoint da API @@ -609,7 +609,7 @@ async function register() { 3. **Clique** em "Criar Conta" 4. **Observe** as mensagens na consola e o feedback ao utilizador -![Screenshot mostrando mensagem de registo na consola do navegador](../../../../translated_images/browser-console.efaf0b51aaaf6778.pt.png) +![Screenshot mostrando mensagem de registo na consola do navegador](../../../../translated_images/pt/browser-console.efaf0b51aaaf6778.png) **O que deve observar:** - **Estado de carregamento** aparece no botão de envio @@ -783,7 +783,7 @@ Vamos reforçar o seu formulário de registo com validação robusta que fornece 3. **Tente** caracteres especiais no campo do nome de utilizador 4. **Introduza** um valor negativo no saldo -![Captura de ecrã mostrando erro de validação ao tentar submeter o formulário](../../../../translated_images/validation-error.8bd23e98d416c22f.pt.png) +![Captura de ecrã mostrando erro de validação ao tentar submeter o formulário](../../../../translated_images/pt/validation-error.8bd23e98d416c22f.png) **O que irá observar:** - **O navegador exibe** mensagens de validação nativas @@ -943,7 +943,7 @@ Mostre uma mensagem de erro no HTML se o utilizador já existir. Aqui está um exemplo de como pode ficar a página de login final após alguma estilização: -![Screenshot da página de login após adicionar estilos CSS](../../../../translated_images/result.96ef01f607bf856a.pt.png) +![Screenshot da página de login após adicionar estilos CSS](../../../../translated_images/pt/result.96ef01f607bf856a.png) ## Quiz Pós-Lição diff --git a/translations/pt/7-bank-project/3-data/README.md b/translations/pt/7-bank-project/3-data/README.md index a144adfa1..541cf87a9 100644 --- a/translations/pt/7-bank-project/3-data/README.md +++ b/translations/pt/7-bank-project/3-data/README.md @@ -156,7 +156,7 @@ sequenceDiagram Server->>Browser: Devolve página HTML completa Browser->>User: Mostra nova página (flash/recarregamento) ``` -![Fluxo de atualização numa aplicação de múltiplas páginas](../../../../translated_images/mpa.7f7375a1a2d4aa77.pt.png) +![Fluxo de atualização numa aplicação de múltiplas páginas](../../../../translated_images/pt/mpa.7f7375a1a2d4aa77.png) **Porque este método parecia pesado:** - Cada clique implicava reconstruir a página inteira do zero @@ -182,7 +182,7 @@ sequenceDiagram JavaScript->>Browser: Actualiza elementos específicos da página Browser->>User: Mostra conteúdo actualizado (sem recarregar) ``` -![Fluxo de atualização numa aplicação de página única](../../../../translated_images/spa.268ec73b41f992c2.pt.png) +![Fluxo de atualização numa aplicação de página única](../../../../translated_images/pt/spa.268ec73b41f992c2.png) **Porque é que as SPAs parecem muito melhores:** - Só as partes que realmente mudaram são atualizadas (inteligente, certo?) @@ -516,7 +516,7 @@ if (data.error) { Agora, quando testar com uma conta inválida, verá uma mensagem de erro útil diretamente na página! -![Screenshot mostrando a mensagem de erro exibida durante o login](../../../../translated_images/login-error.416fe019b36a6327.pt.png) +![Screenshot mostrando a mensagem de erro exibida durante o login](../../../../translated_images/pt/login-error.416fe019b36a6327.png) #### Passo 4: Ser Inclusivo com Acessibilidade @@ -950,7 +950,7 @@ Pronto para levar a sua aplicação bancária para o próximo nível? Vamos torn Aqui está como um painel polido poderia parecer: -![Screenshot of an example result of the dashboard after styling](../../../../translated_images/screen2.123c82a831a1d14a.pt.png) +![Screenshot of an example result of the dashboard after styling](../../../../translated_images/pt/screen2.123c82a831a1d14a.png) Não sinta que tem de corresponder exatamente a isto – use como inspiração e torne-o seu! diff --git a/translations/pt/7-bank-project/4-state-management/README.md b/translations/pt/7-bank-project/4-state-management/README.md index 14657f33b..351edea26 100644 --- a/translations/pt/7-bank-project/4-state-management/README.md +++ b/translations/pt/7-bank-project/4-state-management/README.md @@ -187,7 +187,7 @@ Como o design compartimentado do Titanic, que parecia robusto até múltiplos co Em vez de correr atrás do rabo, vamos criar um sistema **centralizado de gestão de estado**. Imagine uma pessoa muito organizada responsável por toda a informação importante: -![Schema mostrando os fluxos de dados entre o HTML, ações do utilizador e estado](../../../../translated_images/data-flow.fa2354e0908fecc8.pt.png) +![Schema mostrando os fluxos de dados entre o HTML, ações do utilizador e estado](../../../../translated_images/pt/data-flow.fa2354e0908fecc8.png) ```mermaid flowchart TD @@ -800,7 +800,7 @@ Este desafio ajudará a pensar como um desenvolvedor profissional que considera Aqui está um exemplo do resultado após completar o trabalho: -![Screenshot mostrando um exemplo do diálogo "Adicionar transação"](../../../../translated_images/dialog.93bba104afeb79f1.pt.png) +![Screenshot mostrando um exemplo do diálogo "Adicionar transação"](../../../../translated_images/pt/dialog.93bba104afeb79f1.png) --- diff --git a/translations/pt/7-bank-project/4-state-management/assignment.md b/translations/pt/7-bank-project/4-state-management/assignment.md index 1c1c004a7..d1a066c7d 100644 --- a/translations/pt/7-bank-project/4-state-management/assignment.md +++ b/translations/pt/7-bank-project/4-state-management/assignment.md @@ -112,7 +112,7 @@ Consulte a [documentação da API do servidor](../api/README.md) para: **Resultado Esperado:** Depois de concluir este exercício, a sua aplicação bancária deve ter uma funcionalidade "Adicionar Transação" totalmente funcional, com aparência e comportamento profissionais: -![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/dialog.93bba104afeb79f1.pt.png) +![Screenshot showing an example "Add transaction" dialog](../../../../translated_images/pt/dialog.93bba104afeb79f1.png) ## Testar a Sua Implementação diff --git a/translations/pt/8-code-editor/1-using-a-code-editor/README.md b/translations/pt/8-code-editor/1-using-a-code-editor/README.md index 6e7d5b136..3eb0632f2 100644 --- a/translations/pt/8-code-editor/1-using-a-code-editor/README.md +++ b/translations/pt/8-code-editor/1-using-a-code-editor/README.md @@ -182,7 +182,7 @@ Tal como o telefone de Alexander Graham Bell ligou locais distantes, ligar a tua Quando tudo carregar, vais ver um espaço de trabalho lindamente limpo, desenhado para que te concentres no que realmente interessa – o teu código! -![Interface padrão do VSCode.dev](../../../../translated_images/default-vscode-dev.5d06881d65c1b323.pt.png) +![Interface padrão do VSCode.dev](../../../../translated_images/pt/default-vscode-dev.5d06881d65c1b323.png) **Aqui está a tua visita guiada ao bairro:** - **Barra de Atividades** (aquela faixa à esquerda): A tua navegação principal com Explorador 📁, Pesquisa 🔍, Controlo de Código-Fonte 🌿, Extensões 🧩, e Definições ⚙️ @@ -229,7 +229,7 @@ Este método é perfeito quando estiveres a começar no VSCode.dev e quiseres ab 1. Vai a [vscode.dev](https://vscode.dev), se ainda não estiveres lá 2. Procura o botão "Open Remote Repository" na tela de boas-vindas e clica nele - ![Abrir repositório remoto](../../../../translated_images/open-remote-repository.bd9c2598b8949e7f.pt.png) + ![Abrir repositório remoto](../../../../translated_images/pt/open-remote-repository.bd9c2598b8949e7f.png) 3. Cola qualquer URL de repositório GitHub (experimenta este: `https://github.com/microsoft/Web-Dev-For-Beginners`) 4. Pressiona Enter e vê a magia acontecer! @@ -238,7 +238,7 @@ Este método é perfeito quando estiveres a começar no VSCode.dev e quiseres ab Quer sentir-te um mago da programação? Experimenta este atalho de teclado: Ctrl+Shift+P (ou Cmd+Shift+P no Mac) para abrir o Command Palette: -![Command Palette](../../../../translated_images/palette-menu.4946174e07f42622.pt.png) +![Command Palette](../../../../translated_images/pt/palette-menu.4946174e07f42622.png) **O Command Palette é como ter um motor de busca para tudo o que podes fazer:** - Escreve "open remote" e ele encontra a opção para abrir repositórios remotamente @@ -300,7 +300,7 @@ Tal como organizar plantas no escritório de um arquiteto, a criação de fichei 3. Introduz o nome do ficheiro incluindo a extensão apropriada (`style.css`, `script.js`, `index.html`) 4. Pressiona Enter para criar o ficheiro -![Criar um novo ficheiro](../../../../translated_images/create-new-file.2814e609c2af9aeb.pt.png) +![Criar um novo ficheiro](../../../../translated_images/pt/create-new-file.2814e609c2af9aeb.png) **Convenções de nomes:** - Usa nomes descritivos que indiquem a finalidade do ficheiro @@ -318,7 +318,7 @@ Aqui começa a verdadeira diversão! O editor do VSCode.dev está recheado de fu 2. Começa a escrever e vê o VSCode.dev a ajudar-te com cores, sugestões e deteção de erros 3. Guarda o teu trabalho com Ctrl+S (Windows/Linux) ou Cmd+S (Mac) – embora também tenha gravação automática! -![Editar ficheiros no VSCode.dev](../../../../translated_images/edit-a-file.52c0ee665ef19f08.pt.png) +![Editar ficheiros no VSCode.dev](../../../../translated_images/pt/edit-a-file.52c0ee665ef19f08.png) **As coisas fixes que acontecem enquanto codificas:** - O teu código fica lindamente colorido para facilitar a leitura @@ -339,7 +339,7 @@ Tal como arqueólogos criam registos detalhados das camadas de escavação, o Gi 2. Os ficheiros modificados aparecem na secção "Changes" 3. A codificação por cores indica tipos de alteração: verde para adições, vermelho para eliminações -![Ver alterações no Controlo de Código-Fonte](../../../../translated_images/working-tree.c58eec08e6335c79.pt.png) +![Ver alterações no Controlo de Código-Fonte](../../../../translated_images/pt/working-tree.c58eec08e6335c79.png) **Guardar o teu trabalho (fluxo de trabalho de commit):** @@ -431,7 +431,7 @@ O mercado de extensões está muito bem organizado, por isso não se vai perder 2. Navegue ou procure algo específico 3. Clique em qualquer coisa que pareça interessante para saber mais -![Interface do mercado de extensões](../../../../translated_images/extensions.eca0e0c7f59a10b5.pt.png) +![Interface do mercado de extensões](../../../../translated_images/pt/extensions.eca0e0c7f59a10b5.png) **O que vai encontrar lá:** @@ -484,7 +484,7 @@ A maioria das extensões vem com definições que pode ajustar para que funcione 3. Escolha "Definições da Extensão" no menu dropdown 4. Ajuste as opções até que se adequem perfeitamente ao seu fluxo de trabalho -![Personalizar definições da extensão](../../../../translated_images/extension-settings.21c752ae4f4cdb78.pt.png) +![Personalizar definições da extensão](../../../../translated_images/pt/extension-settings.21c752ae4f4cdb78.png) **Coisas comuns que pode querer ajustar:** - Como o seu código fica formatado (tabs vs espaços, comprimento de linhas, etc.) diff --git a/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md b/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md index ccd5ed0da..9a17f3c2d 100644 --- a/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md +++ b/translations/pt/8-code-editor/1-using-a-code-editor/assignment.md @@ -78,7 +78,7 @@ Como o VSCode.dev requer pelo menos um ficheiro para abrir um repositório, vamo 4. **Escreva** uma mensagem de commit: "Add initial HTML structure" 5. **Clique** em "Commit new file" para guardar as alterações -![Creating initial file on GitHub](../../../../translated_images/new-file-github.com.c886796d800e8056.pt.png) +![Creating initial file on GitHub](../../../../translated_images/pt/new-file-github.com.c886796d800e8056.png) **Isto estabelece:** - **Uma estrutura** correta de documento HTML5 com elementos semânticos @@ -104,7 +104,7 @@ Agora que a base do seu repositório está estabelecida, vamos transitar para o ✅ **Indicador de sucesso**: Deve ver os ficheiros do projeto na barra lateral do Explorer e `index.html` disponível para edição na área principal do editor. -![Project loaded in VSCode.dev](../../../../translated_images/project-on-vscode.dev.e79815a9a95ee7fe.pt.png) +![Project loaded in VSCode.dev](../../../../translated_images/pt/project-on-vscode.dev.e79815a9a95ee7fe.png) **O que verá na interface:** - **Barra lateral Explorer**: **Exibe** os ficheiros e pastas do seu repositório @@ -448,7 +448,7 @@ As extensões melhoram a sua experiência de desenvolvimento oferecendo capacida **Resultados imediatos após a instalação:** Assim que o CodeSwing estiver instalado, verá uma pré-visualização ao vivo do seu website de currículo surgir no editor. Isto permite que veja exatamente como o seu site aparece enquanto faz alterações. -![CodeSwing extension showing live preview](../../../../translated_images/after-codeswing-extension-pb.0ebddddcf73b5509.pt.png) +![CodeSwing extension showing live preview](../../../../translated_images/pt/after-codeswing-extension-pb.0ebddddcf73b5509.png) **Compreender a interface melhorada:** - **Vista dividida**: **Mostra** o seu código de um lado e a pré-visualização do outro diff --git a/translations/pt/9-chat-project/README.md b/translations/pt/9-chat-project/README.md index 8bbbdd25f..db228134b 100644 --- a/translations/pt/9-chat-project/README.md +++ b/translations/pt/9-chat-project/README.md @@ -60,7 +60,7 @@ print(response.choices[0].message.content) Eis como ficará o teu projeto terminado: -![Chat app interface showing conversation between user and AI assistant](../../../translated_images/screenshot.0a1ee0d123df681b.pt.png) +![Chat app interface showing conversation between user and AI assistant](../../../translated_images/pt/screenshot.0a1ee0d123df681b.png) ## 🗺️ A Tua Jornada de Aprendizagem no Desenvolvimento de Aplicações com IA @@ -189,7 +189,7 @@ mindmap ``` **Princípio Fundamental**: O desenvolvimento de aplicações com IA combina competências tradicionais de desenvolvimento web com integração de serviços de IA, criando aplicações inteligentes que parecem naturais e responsivas para os utilizadores. -![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/playground.d2b927122224ff8f.pt.png) +![GitHub Models AI Playground interface with model selection and testing area](../../../translated_images/pt/playground.d2b927122224ff8f.png) **Isto é o que torna o playground tão útil:** - **Experimenta** diferentes modelos de IA como GPT-4o-mini, Claude e outros (todos grátis!) @@ -199,7 +199,7 @@ mindmap Depois de brincares um pouco, basta clicares no separador "Code" e escolheres a tua linguagem de programação para obter o código de implementação que precisarás. -![Playground choice showing code generation options for different programming languages](../../../translated_images/playground-choice.1d23ba7d407f4758.pt.png) +![Playground choice showing code generation options for different programming languages](../../../translated_images/pt/playground-choice.1d23ba7d407f4758.png) ## Configurar a Integração Backend em Python @@ -2351,14 +2351,14 @@ Quer experimentar este projeto num ambiente de desenvolvimento na nuvem? O GitHu - **Navegue** até ao [repositório Web Dev For Beginners](https://github.com/microsoft/Web-Dev-For-Beginners) - **Clique** em "Use this template" no canto superior direito (certifique-se que está autenticado no GitHub) -![Create from template interface showing the green "Use this template" button](../../../translated_images/template.67ad477109d29a2b.pt.png) +![Create from template interface showing the green "Use this template" button](../../../translated_images/pt/template.67ad477109d29a2b.png) **Passo 2: Lançar Codespaces** - **Abra** o repositório recém-criado - **Clique** no botão verde "Code" e selecione "Codespaces" - **Escolha** "Create codespace on main" para iniciar o seu ambiente de desenvolvimento -![Create codespace interface with options for launching cloud development environment](../../../translated_images/codespace.bcecbdf5d2747d3d.pt.png) +![Create codespace interface with options for launching cloud development environment](../../../translated_images/pt/codespace.bcecbdf5d2747d3d.png) **Passo 3: Configuração do Ambiente** Quando o seu Codespace carregar, terá acesso a: diff --git a/translations/pt/README.md b/translations/pt/README.md index 1bc09ff89..ff5e0069e 100644 --- a/translations/pt/README.md +++ b/translations/pt/README.md @@ -72,13 +72,13 @@ Não percas o nosso novo currículo de IA Generativa! Visita [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar! -![Background](../../translated_images/background.148a8d43afde5730.pt.png) +![Background](../../translated_images/pt/background.148a8d43afde5730.png) - Lições cobrindo tudo desde o básico até RAG. - Interage com personagens históricos usando GenAI e a nossa aplicação acompanhante. - Narrativa divertida e envolvente, vais viajar no tempo! -![character](../../translated_images/character.5c0dd8e067ffd693.pt.png) +![character](../../translated_images/pt/character.5c0dd8e067ffd693.png) Cada lição inclui uma tarefa para completares, um teste de conhecimento e um desafio para te guiar na aprendizagem de tópicos como: - Prompting e engenharia de prompts @@ -114,7 +114,7 @@ Segue estes passos: Na tua cópia deste repositório que criaste, clica no botão **Code** e seleciona **Open with Codespaces**. Isto criará um novo Codespace onde poderás trabalhar. -![Codespace](../../translated_images/createcodespace.0238bbf4d7a8d955.pt.png) +![Codespace](../../translated_images/pt/createcodespace.0238bbf4d7a8d955.png) #### Executar o currículo localmente no teu computador diff --git a/translations/pt/for-teachers.md b/translations/pt/for-teachers.md index 1bc403591..bf18247b9 100644 --- a/translations/pt/for-teachers.md +++ b/translations/pt/for-teachers.md @@ -42,10 +42,10 @@ Este currículo inclui pacotes importáveis para fluxos de trabalho comuns em LM - O Moodle Cloud tem suporte limitado para Common Cartridge. Prefira o ficheiro do Moodle acima, que também pode ser carregado no Canvas. - Após a importação, reveja os módulos, datas de entrega e configurações de questionários para ajustar ao calendário do seu período letivo. -![Moodle](../../translated_images/moodle.94eb93d714a50cb2.pt.png) +![Moodle](../../translated_images/pt/moodle.94eb93d714a50cb2.png) > O currículo numa sala de aula Moodle -![Canvas](../../translated_images/canvas.fbd605ff8e5b8aff.pt.png) +![Canvas](../../translated_images/pt/canvas.fbd605ff8e5b8aff.png) > O currículo no Canvas ### Utilizar o repositório diretamente (sem Classroom)