chore(i18n): sync translations with latest source changes (chunk 1/1, 464 changes)

update-translations
localizeflow[bot] 5 days ago
parent 0f6c1ee24d
commit da161c96d3

@ -28,7 +28,7 @@ Follow these steps to get started using these resources:
#### Supported via GitHub Action (Automated & Always Up-to-Date)
<!-- CO-OP TRANSLATOR LANGUAGES TABLE START -->
[Arabic](./translations/ar/README.md) | [Bengali](./translations/bn/README.md) | [Bulgarian](./translations/bg/README.md) | [Burmese (Myanmar)](./translations/my/README.md) | [Chinese (Simplified)](./translations/zh/README.md) | [Chinese (Traditional, Hong Kong)](./translations/hk/README.md) | [Chinese (Traditional, Macau)](./translations/mo/README.md) | [Chinese (Traditional, Taiwan)](./translations/tw/README.md) | [Croatian](./translations/hr/README.md) | [Czech](./translations/cs/README.md) | [Danish](./translations/da/README.md) | [Dutch](./translations/nl/README.md) | [Estonian](./translations/et/README.md) | [Finnish](./translations/fi/README.md) | [French](./translations/fr/README.md) | [German](./translations/de/README.md) | [Greek](./translations/el/README.md) | [Hebrew](./translations/he/README.md) | [Hindi](./translations/hi/README.md) | [Hungarian](./translations/hu/README.md) | [Indonesian](./translations/id/README.md) | [Italian](./translations/it/README.md) | [Japanese](./translations/ja/README.md) | [Kannada](./translations/kn/README.md) | [Korean](./translations/ko/README.md) | [Lithuanian](./translations/lt/README.md) | [Malay](./translations/ms/README.md) | [Malayalam](./translations/ml/README.md) | [Marathi](./translations/mr/README.md) | [Nepali](./translations/ne/README.md) | [Nigerian Pidgin](./translations/pcm/README.md) | [Norwegian](./translations/no/README.md) | [Persian (Farsi)](./translations/fa/README.md) | [Polish](./translations/pl/README.md) | [Portuguese (Brazil)](./translations/br/README.md) | [Portuguese (Portugal)](./translations/pt/README.md) | [Punjabi (Gurmukhi)](./translations/pa/README.md) | [Romanian](./translations/ro/README.md) | [Russian](./translations/ru/README.md) | [Serbian (Cyrillic)](./translations/sr/README.md) | [Slovak](./translations/sk/README.md) | [Slovenian](./translations/sl/README.md) | [Spanish](./translations/es/README.md) | [Swahili](./translations/sw/README.md) | [Swedish](./translations/sv/README.md) | [Tagalog (Filipino)](./translations/tl/README.md) | [Tamil](./translations/ta/README.md) | [Telugu](./translations/te/README.md) | [Thai](./translations/th/README.md) | [Turkish](./translations/tr/README.md) | [Ukrainian](./translations/uk/README.md) | [Urdu](./translations/ur/README.md) | [Vietnamese](./translations/vi/README.md)
[Arabic](./translations/ar/README.md) | [Bengali](./translations/bn/README.md) | [Bulgarian](./translations/bg/README.md) | [Burmese (Myanmar)](./translations/my/README.md) | [Chinese (Simplified)](./translations/zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](./translations/zh-HK/README.md) | [Chinese (Traditional, Macau)](./translations/zh-MO/README.md) | [Chinese (Traditional, Taiwan)](./translations/zh-TW/README.md) | [Croatian](./translations/hr/README.md) | [Czech](./translations/cs/README.md) | [Danish](./translations/da/README.md) | [Dutch](./translations/nl/README.md) | [Estonian](./translations/et/README.md) | [Finnish](./translations/fi/README.md) | [French](./translations/fr/README.md) | [German](./translations/de/README.md) | [Greek](./translations/el/README.md) | [Hebrew](./translations/he/README.md) | [Hindi](./translations/hi/README.md) | [Hungarian](./translations/hu/README.md) | [Indonesian](./translations/id/README.md) | [Italian](./translations/it/README.md) | [Japanese](./translations/ja/README.md) | [Kannada](./translations/kn/README.md) | [Korean](./translations/ko/README.md) | [Lithuanian](./translations/lt/README.md) | [Malay](./translations/ms/README.md) | [Malayalam](./translations/ml/README.md) | [Marathi](./translations/mr/README.md) | [Nepali](./translations/ne/README.md) | [Nigerian Pidgin](./translations/pcm/README.md) | [Norwegian](./translations/no/README.md) | [Persian (Farsi)](./translations/fa/README.md) | [Polish](./translations/pl/README.md) | [Portuguese (Brazil)](./translations/pt-BR/README.md) | [Portuguese (Portugal)](./translations/pt-PT/README.md) | [Punjabi (Gurmukhi)](./translations/pa/README.md) | [Romanian](./translations/ro/README.md) | [Russian](./translations/ru/README.md) | [Serbian (Cyrillic)](./translations/sr/README.md) | [Slovak](./translations/sk/README.md) | [Slovenian](./translations/sl/README.md) | [Spanish](./translations/es/README.md) | [Swahili](./translations/sw/README.md) | [Swedish](./translations/sv/README.md) | [Tagalog (Filipino)](./translations/tl/README.md) | [Tamil](./translations/ta/README.md) | [Telugu](./translations/te/README.md) | [Thai](./translations/th/README.md) | [Turkish](./translations/tr/README.md) | [Ukrainian](./translations/uk/README.md) | [Urdu](./translations/ur/README.md) | [Vietnamese](./translations/vi/README.md)
> **Prefer to Clone Locally?**

@ -17,7 +17,7 @@ Olha, eu entendo totalmente se programar parece intimidante agora. Quando comece
Hoje, vamos explorar as ferramentas incríveis que tornam o desenvolvimento web moderno não apenas possível, mas seriamente viciante. Estou falando dos mesmos editores, navegadores e fluxos de trabalho que os desenvolvedores da Netflix, Spotify e do seu estúdio indie favorito usam todos os dias. E aqui está a parte que vai te fazer dançar de felicidade: a maioria dessas ferramentas profissionais e padrão da indústria são completamente gratuitas!
![Introdução à Programação](../../../../translated_images/br/webdev101-programming.d6e3f98e61ac4bff.webp)
![Introdução à Programação](../../../../translated_images/pt-BR/webdev101-programming.d6e3f98e61ac4bff.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid

@ -17,7 +17,7 @@ Eu sei que isso pode parecer muito no começo eu mesmo lembro de olhar para
Vamos embarcar nessa jornada juntos, passo a passo. Sem pressa, sem pressão apenas você, eu e algumas ferramentas muito legais que estão prestes a se tornar suas melhores amigas!
![Introdução ao GitHub](../../../../translated_images/br/webdev101-github.8846d7971abef6f9.webp)
![Introdução ao GitHub](../../../../translated_images/pt-BR/webdev101-github.8846d7971abef6f9.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
@ -604,7 +604,7 @@ Primeiro, vamos encontrar um repositório (ou **repo**) no GitHub que seja do se
✅ Uma boa maneira de encontrar repositórios 'amigáveis para iniciantes' é [buscar pela tag 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/).
![Copiar um repositório localmente](../../../../translated_images/br/clone_repo.5085c48d666ead57.webp)
![Copiar um repositório localmente](../../../../translated_images/pt-BR/clone_repo.5085c48d666ead57.webp)
Existem várias maneiras de copiar código. Uma delas é "clonar" o conteúdo do repositório, usando HTTPS, SSH ou o GitHub CLI (Interface de Linha de Comando).

@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
-->
# Criando Páginas Web Acessíveis
![Tudo Sobre Acessibilidade](../../../../translated_images/br/webdev101-a11y.8ef3025c858d897a.webp)
![Tudo Sobre Acessibilidade](../../../../translated_images/pt-BR/webdev101-a11y.8ef3025c858d897a.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
@ -1060,12 +1060,12 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você
**Imagens informativas** - transmitem informações importantes:
```html
<img src="../../../../translated_images/br/chart.31c7eb0eb5c4450deba10b6f236732dfee8e8a11f6c0d8f31d2c2efb9d4c00ef.png" alt="Sales increased 25% from Q1 to Q2 2024">
<img src="../../../../translated_images/pt-BR/chart.31c7eb0eb5c4450deba10b6f236732dfee8e8a11f6c0d8f31d2c2efb9d4c00ef.png" alt="Sales increased 25% from Q1 to Q2 2024">
```
**Imagens decorativas** - puramente visuais, sem valor informativo:
```html
<img src="../../../../translated_images/br/decorative-border.b2f3c4d6634fb79d57fb6357835906c16938df3d5651c1314c196c3b1c52df98.png" alt="" role="presentation">
<img src="../../../../translated_images/pt-BR/decorative-border.b2f3c4d6634fb79d57fb6357835906c16938df3d5651c1314c196c3b1c52df98.png" alt="" role="presentation">
```
**Imagens funcionais** - servem como botões ou controles:
@ -1077,7 +1077,7 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você
**Imagens complexas** - gráficos, diagramas, infográficos:
```html
<img src="../../../../translated_images/br/complex-chart.c831f461a363b446a688be5ccacde20d011221758c902cb082cfd4293534ef17.png" alt="Quarterly sales data" aria-describedby="chart-description">
<img src="../../../../translated_images/pt-BR/complex-chart.c831f461a363b446a688be5ccacde20d011221758c902cb082cfd4293534ef17.png" alt="Quarterly sales data" aria-describedby="chart-description">
<div id="chart-description">
<p>Detailed description: Sales data shows a steady increase across all quarters...</p>
</div>
@ -1117,7 +1117,7 @@ Cada imagem no seu site tem um propósito. Entender esse propósito ajuda você
<picture>
<source media="(min-width: 800px)" srcset="large-chart.png">
<source media="(min-width: 400px)" srcset="medium-chart.png">
<img src="../../../../translated_images/br/small-chart.c50c7b1bbcce43d8d24fbfbab8f691fe47d8f25fb7c70857c9eae21d5f22862e.png" alt="Website traffic increased 40% after accessibility improvements">
<img src="../../../../translated_images/pt-BR/small-chart.c50c7b1bbcce43d8d24fbfbab8f691fe47d8f25fb7c70857c9eae21d5f22862e.png" alt="Website traffic increased 40% after accessibility improvements">
</picture>
```

@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
-->
# Noções Básicas de JavaScript: Tipos de Dados
![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/br/webdev101-js-datatypes.4cc470179730702c.webp)
![Noções Básicas de JavaScript - Tipos de Dados](../../../../translated_images/pt-BR/webdev101-js-datatypes.4cc470179730702c.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid

@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
-->
# Noções Básicas de JavaScript: Métodos e Funções
![Noções Básicas de JavaScript - Funções](../../../../translated_images/br/webdev101-js-functions.be049c4726e94f8b.webp)
![Noções Básicas de JavaScript - Funções](../../../../translated_images/pt-BR/webdev101-js-functions.be049c4726e94f8b.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid

@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
-->
# Fundamentos de JavaScript: Tomando Decisões
![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/br/webdev101-js-decisions.69e1b20f272dd1f0.webp)
![Fundamentos de JavaScript - Tomando decisões](../../../../translated_images/pt-BR/webdev101-js-decisions.69e1b20f272dd1f0.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)

@ -9,7 +9,7 @@ CO_OP_TRANSLATOR_METADATA:
-->
# Noções Básicas de JavaScript: Arrays e Loops
![Noções Básicas de JavaScript - Arrays](../../../../translated_images/br/webdev101-js-arrays.439d7528b8a29455.webp)
![Noções Básicas de JavaScript - Arrays](../../../../translated_images/pt-BR/webdev101-js-arrays.439d7528b8a29455.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid

@ -26,7 +26,7 @@ journey
Build terrarium: 5: Student
```
![Introdução ao HTML](../../../../translated_images/br/webdev101-html.4389c2067af68e98.webp)
![Introdução ao HTML](../../../../translated_images/pt-BR/webdev101-html.4389c2067af68e98.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
HTML, ou Linguagem de Marcação de Hipertexto, é a base de todos os sites que você já visitou. Pense no HTML como o esqueleto que dá estrutura às páginas da web ele define onde o conteúdo vai, como está organizado e o que cada parte representa. Enquanto o CSS mais tarde "vestirá" seu HTML com cores e layouts, e o JavaScript dará vida com interatividade, o HTML fornece a estrutura essencial que torna tudo isso possível.
@ -88,7 +88,7 @@ Você criará uma pasta dedicada para seu projeto de terrário e adicionará seu
4. No painel Explorer, clique no ícone "Novo Arquivo"
5. Nomeie seu arquivo como `index.html`
![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/br/vs-code-index.e2986cf919471eb9.webp)
![Explorador do VS Code mostrando a criação de novo arquivo](../../../../translated_images/pt-BR/vs-code-index.e2986cf919471eb9.webp)
**Opção 2: Usando Comandos no Terminal**
```bash
@ -239,48 +239,48 @@ Agora adicione as imagens das plantas organizadas em duas colunas entre suas tag
<div id="page">
<div id="left-container" class="container">
<div class="plant-holder">
<img class="plant" alt="plant" id="plant1" src="../../../../translated_images/br/plant1.d87946a2ca70cc4316bda6e6c3af7210fbe9ada5539a7885141a9ce0efaf7be3.png" />
<img class="plant" alt="plant" id="plant1" src="../../../../translated_images/pt-BR/plant1.d87946a2ca70cc4316bda6e6c3af7210fbe9ada5539a7885141a9ce0efaf7be3.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant2" src="../../../../translated_images/br/plant2.8daa1606c9c1ad896bb171212c7d1d882e504b76b8ec3a2d1c337d775cf50dc3.png" />
<img class="plant" alt="plant" id="plant2" src="../../../../translated_images/pt-BR/plant2.8daa1606c9c1ad896bb171212c7d1d882e504b76b8ec3a2d1c337d775cf50dc3.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant3" src="../../../../translated_images/br/plant3.8b0d484381a2a2a77c5c06ad97ab6ae5b7023da8c6c7678b0183bc0e46ea17a7.png" />
<img class="plant" alt="plant" id="plant3" src="../../../../translated_images/pt-BR/plant3.8b0d484381a2a2a77c5c06ad97ab6ae5b7023da8c6c7678b0183bc0e46ea17a7.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant4" src="../../../../translated_images/br/plant4.656e16ae1df37be2af5f4e7b5ab6c5decc432c3d3ec2eb98b904ddbecad49db0.png" />
<img class="plant" alt="plant" id="plant4" src="../../../../translated_images/pt-BR/plant4.656e16ae1df37be2af5f4e7b5ab6c5decc432c3d3ec2eb98b904ddbecad49db0.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant5" src="../../../../translated_images/br/plant5.2b41b9355f11ebccd62d327f5f14e56531ecda9c6f970bc89e386ee9f0273bb0.png" />
<img class="plant" alt="plant" id="plant5" src="../../../../translated_images/pt-BR/plant5.2b41b9355f11ebccd62d327f5f14e56531ecda9c6f970bc89e386ee9f0273bb0.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant6" src="../../../../translated_images/br/plant6.3d1827d03b6569946be13ae5da1f32947ae56732638a43757a7c616a6adccc5d.png" />
<img class="plant" alt="plant" id="plant6" src="../../../../translated_images/pt-BR/plant6.3d1827d03b6569946be13ae5da1f32947ae56732638a43757a7c616a6adccc5d.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant7" src="../../../../translated_images/br/plant7.8152c302ac97f621a6c595bdf3939103568f9efc7d3b06a0f02a1ea66f479de0.png" />
<img class="plant" alt="plant" id="plant7" src="../../../../translated_images/pt-BR/plant7.8152c302ac97f621a6c595bdf3939103568f9efc7d3b06a0f02a1ea66f479de0.png" />
</div>
</div>
<div id="right-container" class="container">
<div class="plant-holder">
<img class="plant" alt="plant" id="plant8" src="../../../../translated_images/br/plant8.38d6428174ffa850a47cd1b81d528fa528adda7d23f3ae0bb42f4a27356ca5e6.png" />
<img class="plant" alt="plant" id="plant8" src="../../../../translated_images/pt-BR/plant8.38d6428174ffa850a47cd1b81d528fa528adda7d23f3ae0bb42f4a27356ca5e6.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant9" src="../../../../translated_images/br/plant9.f0e38d3327c37fc29cd2734d48d20c2cf69300898ece6d46708829e02ce540e3.png" />
<img class="plant" alt="plant" id="plant9" src="../../../../translated_images/pt-BR/plant9.f0e38d3327c37fc29cd2734d48d20c2cf69300898ece6d46708829e02ce540e3.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant10" src="../../../../translated_images/br/plant10.b159d6d6e985595f56d86b4b38061b8e7b4c9969c210c199fe967269cf935e7f.png" />
<img class="plant" alt="plant" id="plant10" src="../../../../translated_images/pt-BR/plant10.b159d6d6e985595f56d86b4b38061b8e7b4c9969c210c199fe967269cf935e7f.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant11" src="../../../../translated_images/br/plant11.2a03a1c2ec8ea84ef3a80c06cc6883f3960fbb669f2c0b0bd824ba33d7eb7d32.png" />
<img class="plant" alt="plant" id="plant11" src="../../../../translated_images/pt-BR/plant11.2a03a1c2ec8ea84ef3a80c06cc6883f3960fbb669f2c0b0bd824ba33d7eb7d32.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant12" src="../../../../translated_images/br/plant12.60e9b53e538fbaf3e5797ebf800acb483baf5639e6cf378292ac2321ab8a5ea9.png" />
<img class="plant" alt="plant" id="plant12" src="../../../../translated_images/pt-BR/plant12.60e9b53e538fbaf3e5797ebf800acb483baf5639e6cf378292ac2321ab8a5ea9.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant13" src="../../../../translated_images/br/plant13.07a51543c820bcf57f67a9a6c0acbd6211ff795e2e67a42a9718224534e95fab.png" />
<img class="plant" alt="plant" id="plant13" src="../../../../translated_images/pt-BR/plant13.07a51543c820bcf57f67a9a6c0acbd6211ff795e2e67a42a9718224534e95fab.png" />
</div>
<div class="plant-holder">
<img class="plant" alt="plant" id="plant14" src="../../../../translated_images/br/plant14.6e486371ba7d36ba3520d9828887993cb4c3edad8bdd8ff9b1b315717ff8cb63.png" />
<img class="plant" alt="plant" id="plant14" src="../../../../translated_images/pt-BR/plant14.6e486371ba7d36ba3520d9828887993cb4c3edad8bdd8ff9b1b315717ff8cb63.png" />
</div>
</div>
</div>

@ -30,7 +30,7 @@ journey
Glass reflections: 5: Student
```
![Introdução ao CSS](../../../../translated_images/br/webdev101-css.3f7af5991bf53a20.webp)
![Introdução ao CSS](../../../../translated_images/pt-BR/webdev101-css.3f7af5991bf53a20.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
Lembra como seu terrário em HTML parecia bem básico? Com o CSS, transformamos essa estrutura simples em algo visualmente atraente.
@ -205,7 +205,7 @@ body {
Abra as ferramentas de desenvolvedor do seu navegador (F12), navegue até a aba Elementos e inspecione seu elemento `<h1>`. Você verá que ele herda a família de fontes do body:
![fonte herdada](../../../../translated_images/br/1.cc07a5cbe114ad1d.webp)
![fonte herdada](../../../../translated_images/pt-BR/1.cc07a5cbe114ad1d.webp)
**Hora de Experimentar**: Tente definir outras propriedades herdáveis no `<body>` como `color`, `line-height` ou `text-align`. O que acontece com seu título e outros elementos?
@ -335,7 +335,7 @@ No nosso terrário, cada planta precisa de um estilo semelhante, mas também de
**Aqui está a estrutura HTML para cada planta:**
```html
<div class="plant-holder">
<img class="plant" alt="Decorative plant for terrarium" id="plant1" src="../../../../translated_images/br/plant1.d18b18ffe73da18f8b1ac7aba73b4050af52f4a0c9174aeac464b85123fc2850.png" />
<img class="plant" alt="Decorative plant for terrarium" id="plant1" src="../../../../translated_images/pt-BR/plant1.d18b18ffe73da18f8b1ac7aba73b4050af52f4a0c9174aeac464b85123fc2850.png" />
</div>
```
@ -599,7 +599,7 @@ Pronto para aprimorar seu terrário com reflexos realistas no vidro? Essa técni
Você criará destaques sutis que simulam como a luz reflete nas superfícies de vidro. Essa abordagem é semelhante à usada por pintores renascentistas como Jan van Eyck, que utilizavam luz e reflexos para fazer o vidro pintado parecer tridimensional. Aqui está o que você deve alcançar:
![terrário finalizado](../../../../translated_images/br/terrarium-final.2f07047ffc597d0a.webp)
![terrário finalizado](../../../../translated_images/pt-BR/terrarium-final.2f07047ffc597d0a.webp)
**Seu desafio:**
- **Crie** formas ovais sutis, brancas ou de cor clara, para os reflexos do vidro

@ -26,7 +26,7 @@ journey
Complete terrarium: 5: Student
```
![DOM e um closure](../../../../translated_images/br/webdev101-js.10280393044d7eaa.webp)
![DOM e um closure](../../../../translated_images/pt-BR/webdev101-js.10280393044d7eaa.webp)
> Sketchnote por [Tomomi Imura](https://twitter.com/girlie_mac)
Bem-vindo a um dos aspectos mais envolventes do desenvolvimento web - tornar as coisas interativas! O Modelo de Objeto de Documento (DOM) é como uma ponte entre seu HTML e JavaScript, e hoje vamos 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.
@ -105,7 +105,7 @@ flowchart TD
style Q fill:#ffebee
```
![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.webp)
![Representação da árvore DOM](../../../../translated_images/pt-BR/dom-tree.7daf0e763cbbba92.webp)
> 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)
@ -150,7 +150,7 @@ flowchart LR
> 💡 **Entendendo Closures**: Closures são um tópico significativo em JavaScript, e muitos desenvolvedores os utilizam por anos antes de compreender totalmente todos os aspectos teóricos. Hoje, estamos focando na aplicação prática - você verá closures surgirem naturalmente enquanto construímos nossos recursos interativos. A compreensão se desenvolverá à medida que você perceber como eles resolvem problemas reais.
![Representação da árvore DOM](../../../../translated_images/br/dom-tree.7daf0e763cbbba92.webp)
![Representação da árvore DOM](../../../../translated_images/pt-BR/dom-tree.7daf0e763cbbba92.webp)
> 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)
@ -598,7 +598,7 @@ Agora teste seu terrário interativo! Abra seu arquivo `index.html` em um navega
- **Suporte entre dispositivos**: Funciona em desktop e dispositivos móveis
- **Consciente do desempenho**: Sem vazamentos de memória ou cálculos redundantes
![terrário finalizado](../../../../translated_images/br/terrarium-final.0920f16e87c13a84.webp)
![terrário finalizado](../../../../translated_images/pt-BR/terrarium-final.0920f16e87c13a84.webp)
---

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Uma pequena meditação de código com arrastar e soltar. Com um pouco de HTML, JS e CSS, você pode criar uma interface web, estilizar e adicionar interatividade.
![meu terrário](../../../../translated_images/br/screenshot_gray.0c796099a1f9f25e.webp)
![meu terrário](../../../../translated_images/pt-BR/screenshot_gray.0c796099a1f9f25e.webp)
## Créditos

@ -26,7 +26,7 @@ journey
Polish experience: 5: Student
```
![Esboço de navegador](../../../../translated_images/br/browser.60317c9be8b7f84a.webp)
![Esboço de navegador](../../../../translated_images/pt-BR/browser.60317c9be8b7f84a.webp)
> Esboço 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)
## Quiz Pré-Aula
@ -79,7 +79,7 @@ Esse processo reflete como o primeiro navegador web, WorldWideWeb, foi projetado
**Um pouco de história**: O primeiro navegador foi chamado 'WorldWideWeb' e foi criado por Sir Timothy Berners-Lee em 1990.
![navegadores antigos](../../../../translated_images/br/earlybrowsers.d984b711cdf3a42d.webp)
![navegadores antigos](../../../../translated_images/pt-BR/earlybrowsers.d984b711cdf3a42d.webp)
> Alguns navegadores antigos, via [Karen McGrane](https://www.slideshare.net/KMcGrane/week-4-ixd-history-personal-computing)
### Como os Navegadores Processam Conteúdo Web
@ -198,7 +198,7 @@ quadrantChart
Entender o processo de instalação de extensões ajuda você a antecipar a experiência do usuário ao instalar sua extensão. O processo de instalação é padronizado nos navegadores modernos, com pequenas variações no design da interface.
![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/br/install-on-edge.d68781acaf0b3d3d.webp)
![captura de tela do navegador Edge mostrando a página edge://extensions aberta e o menu de configurações aberto](../../../../translated_images/pt-BR/install-on-edge.d68781acaf0b3d3d.webp)
> **Importante**: Certifique-se de ativar o modo desenvolvedor e permitir extensões de outras lojas ao testar suas próprias extensões.
@ -313,10 +313,10 @@ Isso segue o princípio de divulgação progressiva usado no design de interface
### Visão Geral das Telas da Extensão
**Tela de Configuração** - Configuração inicial do usuário:
![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/br/1.b6da8c1394b07491.webp)
![captura de tela da extensão concluída aberta em um navegador, exibindo um formulário com campos para nome da região e chave de API.](../../../../translated_images/pt-BR/1.b6da8c1394b07491.webp)
**Tela de Resultados** - Exibição de dados de pegada de carbono:
![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/br/2.1dae52ff08042246.webp)
![captura de tela da extensão concluída exibindo valores de uso de carbono e porcentagem de combustíveis fósseis para a região US-NEISO.](../../../../translated_images/pt-BR/2.1dae52ff08042246.webp)
### Construindo o Formulário de Configuração

@ -268,7 +268,7 @@ stateDiagram-v2
ClearStorage --> FirstTime: Back to setup
```
![Painel de armazenamento local](../../../../translated_images/br/localstorage.472f8147b6a3f8d1.webp)
![Painel de armazenamento local](../../../../translated_images/pt-BR/localstorage.472f8147b6a3f8d1.webp)
> ⚠️ **Consideração de Segurança**: Em aplicativos de produção, armazenar chaves de API no LocalStorage apresenta riscos de segurança, já que o JavaScript pode acessar esses dados. Para fins de aprendizado, essa abordagem funciona bem, mas aplicativos reais devem usar armazenamento seguro no servidor para credenciais sensíveis.

@ -126,7 +126,7 @@ Para abrir as Ferramentas de Desenvolvedor no Edge, clique nos três pontos no c
Vamos experimentar isso. Abra um site (Microsoft.com funciona bem para isso) e clique no botão 'Gravar'. Agora atualize a página e observe o profiler capturar tudo o que acontece. Quando você parar a gravação, verá um detalhamento de como o navegador 'escreve scripts', 'renderiza' e 'pinta' o site. Isso me lembra como o controle da missão monitora cada sistema durante o lançamento de um foguete - você obtém dados em tempo real sobre exatamente o que está acontecendo e quando.
![Profiler do Edge](../../../../translated_images/br/profiler.5a4a62479c5df01c.webp)
![Profiler do Edge](../../../../translated_images/pt-BR/profiler.5a4a62479c5df01c.webp)
✅ 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 você quiser se aprofundar.
@ -136,11 +136,11 @@ Selecione elementos da linha do tempo do perfil para ampliar os eventos que acon
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:
![Instantâneo do profiler do Edge](../../../../translated_images/br/snapshot.97750180ebcad737.webp)
![Instantâneo do profiler do Edge](../../../../translated_images/pt-BR/snapshot.97750180ebcad737.webp)
Verifique o painel de Log de Eventos para ver se algum evento levou mais de 15 ms:
![Log de eventos do Edge](../../../../translated_images/br/log.804026979f3707e0.webp)
![Log de eventos do Edge](../../../../translated_images/pt-BR/log.804026979f3707e0.webp)
✅ Familiarize-se com seu profiler! Abra as ferramentas de desenvolvedor neste site e veja se há algum gargalo. Qual é o ativo que carrega mais lentamente? O mais rápido?

@ -23,7 +23,7 @@ Essa extensão pode ser chamada sob demanda por um usuário, uma vez que uma cha
### Créditos
![uma extensão de navegador verde](../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![uma extensão de navegador verde](../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Créditos

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Utilizar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações.
![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![captura de tela da extensão](../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Primeiros Passos
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
![instalando](../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp)
Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Usando a API de sinal de CO2 da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para ter um lembrete direto no seu navegador sobre o consumo de eletricidade da sua região. O uso dessa extensão personalizada ajudará você a tomar decisões sobre suas atividades com base nessas informações.
![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png)
![captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.352c4c3ba54e4041ad2f6af749d562cc5705f527b5826efd53d11c3528f5ae45.png)
## Começando
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Abra a pasta 'dist' quando solicitado, e a extensão será carregada. Para usá-la, você precisará de uma chave de API para a API de CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail no campo desta página) e o [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Mapa de Eletricidade](https://www.electricitymap.org/map) (em Boston, por exemplo, uso 'US-NEISO').
![instalando](../../../../../translated_images/br/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png)
![instalando](../../../../../translated_images/pt-BR/install-on-edge.8bd0ee3ca7dcda1c5334b5195603a43c864e3b38d088b03d57376d25e77b9459.png)
Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o uso de energia da sua região e fornecer um indicador sobre as atividades de alto consumo de energia que seriam adequadas para você. O conceito por trás desse sistema de "pontos" foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador para que você possa receber um lembrete diretamente no navegador sobre o consumo de eletricidade da sua região. O uso dessa extensão personalizada ajudará você a tomar decisões sobre suas atividades com base nessas informações.
![captura da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![captura da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Primeiros Passos
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar extensão descompactada' para adicionar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail no campo desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Mapa de Eletricidade](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
![instalação](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp)
Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer um indicador sobre quais atividades de alto consumo energético seriam apropriadas realizar. O conceito por trás desse sistema de 'pontos' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Usando a API CO2 Signal da tmrow para rastrear o uso de eletricidade, esta extensão de navegador foi criada para lembrar você sobre o impacto do uso de energia na sua região enquanto navega. Utilizar esta extensão pode ajudá-lo a tomar decisões informadas com base nessas informações.
![Captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![Captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Começando
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para encontrar o painel de extensões. A partir daí, selecione 'Carregar sem empacotar' para carregar uma nova extensão. No prompt, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API do CO2 Signal ([obtenha por e-mail aqui](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e [o código da sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (por exemplo, em Boston, eu uso 'US-NEISO').
![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
![instalando](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp)
Depois que a chave de API e o código da região forem inseridos na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o uso de energia na sua região e fornecer um indicador sobre quais atividades intensivas em energia são mais adequadas para o momento. O conceito por trás deste sistema de 'ponto' foi inspirado pela extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Será utilizada a API Signal CO2 da tmrow para monitorar o uso de eletricidade e criar uma extensão para o navegador, permitindo que você tenha um lembrete diretamente no navegador sobre o impacto do consumo de eletricidade na sua região. O uso dessa extensão personalizada ajudará a avaliar suas atividades com base nessas informações.
![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Para Começar
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, utilize o menu de "três pontos" no canto superior direito do navegador para acessar o painel de Extensões. Se ainda não estiver ativado, habilite o Modo Desenvolvedor (no canto inferior esquerdo). Selecione "Carregar sem compactação" para adicionar uma nova extensão. No prompt, abra a pasta "dist" e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal (você pode [obter uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e o [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [mapa elétrico](https://www.electricitymap.org/map) (em Boston, por exemplo, "US-NEISO").
![instalação](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
![instalação](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp)
Depois que a chave de API e a região forem inseridas na interface da extensão, o ponto colorido na barra de extensões do navegador deve mudar para refletir o consumo de energia da região e fornecer uma indicação sobre quais atividades de alto consumo energético seriam apropriadas para realizar. O conceito por trás desse sistema de "pontos" foi inspirado na [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Com a API CO2 Signal da tmrow, você pode criar uma extensão de navegador que exibe lembretes sobre o consumo de energia na sua região diretamente no navegador. Essa extensão permite que você acompanhe o uso de energia e tome decisões informadas com base nessas informações.
![captura de tela da extensão](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![captura de tela da extensão](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Introdução
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, encontre o painel "Extensões" no menu de "três pontos" no canto superior direito do navegador. A partir daí, selecione "Carregar sem compactação" e carregue a nova extensão. Quando solicitado, abra a pasta "dist" para carregar a extensão. Para utilizá-la, você precisará de uma chave de API da CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa dessa página) e do [código correspondente à sua região](http://api.electricitymap.org/v3/zones) no [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, use 'US-NEISO').
![instalando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
![instalando](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp)
Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido aparecerá na barra de extensões do navegador. Esse ponto mudará de cor para refletir o consumo de energia na sua região, ajudando você a decidir quais atividades que demandam energia são mais apropriadas naquele momento. O conceito desse sistema de "pontos" foi inspirado na extensão [Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Usando a API CO2 Signal da tmrow para monitorar o consumo de eletricidade, crie uma extensão de navegador que possa alertá-lo sobre o impacto do consumo de energia na sua região. O uso dessa extensão pode ajudá-lo a tomar decisões mais conscientes sobre suas atividades com base nessas informações.
![captura de tela da extensão do navegador](../../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![captura de tela da extensão do navegador](../../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Começando
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem compactação' para adicionar uma nova extensão. Abra a pasta 'dist' quando solicitado, e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa na página) e [o código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
![baixando](../../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
![baixando](../../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp)
Depois de inserir a chave de API e a região na interface da extensão, um ponto colorido na barra da extensão do navegador mudará para refletir o consumo de energia da sua região e fornecerá sugestões sobre quais atividades intensivas são mais adequadas para o momento. O conceito por trás do sistema de 'pontos' foi inspirado pela [extensão de navegador Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Usando a API CO2 Signal da tmrow para monitorar o uso de eletricidade, crie uma extensão de navegador para que você tenha um lembrete diretamente no seu navegador sobre o quão intenso está o consumo de eletricidade na sua região. Usar essa extensão de forma pontual ajudará você a tomar decisões sobre suas atividades com base nessas informações.
![captura de tela da extensão](../../../../translated_images/br/extension-screenshot.0e7f5bfa110e92e3.webp)
![captura de tela da extensão](../../../../translated_images/pt-BR/extension-screenshot.0e7f5bfa110e92e3.webp)
## Primeiros Passos
@ -31,7 +31,7 @@ npm run build
Para instalar no Edge, use o menu de 'três pontos' no canto superior direito do navegador para acessar o painel de Extensões. A partir daí, selecione 'Carregar sem Empacotamento' para carregar uma nova extensão. Na janela que aparecer, abra a pasta 'dist' e a extensão será carregada. Para utilizá-la, você precisará de uma chave de API para a API do CO2 Signal ([obtenha uma aqui por e-mail](https://www.co2signal.com/) - insira seu e-mail na caixa desta página) e do [código da sua região](http://api.electricitymap.org/v3/zones) correspondente ao [Electricity Map](https://www.electricitymap.org/map) (em Boston, por exemplo, eu uso 'US-NEISO').
![instalando](../../../../translated_images/br/install-on-edge.78634f02842c4828.webp)
![instalando](../../../../translated_images/pt-BR/install-on-edge.78634f02842c4828.webp)
Depois de inserir a chave de API e a região na interface da extensão, o ponto colorido na barra de extensão do navegador deve mudar para refletir o consumo de energia da sua região e fornecer uma indicação sobre quais atividades intensivas em energia seriam apropriadas para você realizar. O conceito por trás desse sistema de 'ponto' foi inspirado pela [extensão Energy Lollipop](https://energylollipop.com/) para emissões na Califórnia.

@ -108,7 +108,7 @@ quadrantChart
UI Elements: [0.9, 0.1]
```
![a grade do canvas](../../../../translated_images/br/canvas_grid.5f209da785ded492.webp)
![a grade do canvas](../../../../translated_images/pt-BR/canvas_grid.5f209da785ded492.webp)
> Imagem de [MDN](https://developer.mozilla.org/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes)
Para desenhar no elemento canvas, você seguirá o mesmo processo de três etapas que forma a base de todos os gráficos do canvas. Depois de fazer isso algumas vezes, torna-se algo natural:
@ -329,11 +329,11 @@ Você criará uma página web com um elemento Canvas. Ela deve renderizar uma te
- Nave do herói
![Nave do herói](../../../../translated_images/br/player.dd24c1afa8c71e9b.webp)
![Nave do herói](../../../../translated_images/pt-BR/player.dd24c1afa8c71e9b.webp)
- Formação 5×5 de monstros
![Nave do monstro](../../../../translated_images/br/enemyShip.5df2a822c16650c2.webp)
![Nave do monstro](../../../../translated_images/pt-BR/enemyShip.5df2a822c16650c2.webp)
### Passos Recomendados para Iniciar o Desenvolvimento
@ -470,7 +470,7 @@ for (let x = START_X; x < STOP_X; x += ENEMY_SPACING) {
O resultado final deve ser assim:
![Tela preta com um herói e 5x5 monstros](../../../../translated_images/br/partI-solution.36c53b48c9ffae2a.webp)
![Tela preta com um herói e 5x5 monstros](../../../../translated_images/pt-BR/partI-solution.36c53b48c9ffae2a.webp)
## Solução

@ -160,7 +160,7 @@ sequenceDiagram
```
- **Sistema de pontuação**: Cada nave inimiga destruída concede 100 pontos (números redondos são mais fáceis para os jogadores calcularem mentalmente). A pontuação será exibida no canto inferior esquerdo.
- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/br/life.6fb9f50d53ee0413.webp).
- **Contador de vidas**: Seu herói começa com três vidas - um padrão estabelecido pelos jogos de arcade antigos para equilibrar desafio e jogabilidade. Cada colisão com um inimigo custa uma vida. Vamos exibir as vidas restantes no canto inferior direito usando ícones de nave ![imagem de vida](../../../../translated_images/pt-BR/life.6fb9f50d53ee0413.webp).
## Vamos Começar!

@ -652,7 +652,7 @@ sequenceDiagram
Usar o `history.pushState` cria novas entradas no histórico de navegação do navegador. Você pode verificar isso segurando o *botão voltar* do seu navegador, ele deve exibir algo assim:
![Captura de tela do histórico de navegação](../../../../translated_images/br/history.7fdabbafa521e064.webp)
![Captura de tela do histórico de navegação](../../../../translated_images/pt-BR/history.7fdabbafa521e064.webp)
Se você tentar clicar no botão voltar algumas vezes, verá que a URL atual muda e o histórico é atualizado, mas o mesmo template continua sendo exibido.

@ -295,7 +295,7 @@ Primeiro, vamos observar o que acontece com o envio básico de formulários:
2. Observe as mudanças na barra de endereço do navegador
3. Note como a página recarrega e os dados aparecem na URL
![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/br/click-register.e89a30bf0d4bc9ca.webp)
![Captura de tela da mudança de URL do navegador após clicar no botão Registrar](../../../../translated_images/pt-BR/click-register.e89a30bf0d4bc9ca.webp)
### Comparação de Métodos HTTP
@ -350,7 +350,7 @@ Vamos configurar seu formulário de registro para se comunicar corretamente com
2. **Clique** no botão "Criar Conta"
3. **Observe** a resposta do servidor no seu navegador
![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/br/form-post.61de4ca1b964d91a.webp)
![Uma janela do navegador no endereço localhost:5000/api/accounts, mostrando uma string JSON com dados do usuário](../../../../translated_images/pt-BR/form-post.61de4ca1b964d91a.webp)
**O que você deve ver:**
- **Redirecionamento do navegador** para a URL do endpoint da API
@ -615,7 +615,7 @@ async function register() {
3. **Clique** em "Criar Conta"
4. **Observe** as mensagens do console e o feedback ao usuário
![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/br/browser-console.efaf0b51aaaf6778.webp)
![Captura de tela mostrando mensagem de log no console do navegador](../../../../translated_images/pt-BR/browser-console.efaf0b51aaaf6778.webp)
**O que você deve ver:**
- **Estado de carregamento** aparece no botão de envio
@ -790,7 +790,7 @@ Vamos aprimorar seu formulário de registro com validação robusta que oferece
3. **Tente** caracteres especiais no campo de nome de usuário
4. **Insira** um valor de saldo negativo
![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/br/validation-error.8bd23e98d416c22f.webp)
![Captura de tela mostrando o erro de validação ao tentar enviar o formulário](../../../../translated_images/pt-BR/validation-error.8bd23e98d416c22f.webp)
**O que você observará:**
- **O navegador exibe** mensagens de validação nativas
@ -952,7 +952,7 @@ Mostre uma mensagem de erro no HTML se o usuário já existir.
Aqui está um exemplo de como a página de login final pode ficar após um pouco de estilização:
![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/br/result.96ef01f607bf856a.webp)
![Captura de tela da página de login após adicionar estilos CSS](../../../../translated_images/pt-BR/result.96ef01f607bf856a.webp)
## Quiz Pós-Aula

@ -160,7 +160,7 @@ sequenceDiagram
Browser->>User: Displays new page (flash/reload)
```
![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/br/mpa.7f7375a1a2d4aa77.webp)
![Fluxo de atualização em um aplicativo de múltiplas páginas](../../../../translated_images/pt-BR/mpa.7f7375a1a2d4aa77.webp)
**Por que essa abordagem parecia desajeitada:**
- Cada clique significava reconstruir a página inteira do zero
@ -187,7 +187,7 @@ sequenceDiagram
Browser->>User: Shows updated content (no reload)
```
![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/br/spa.268ec73b41f992c2.webp)
![Fluxo de atualização em um aplicativo de página única](../../../../translated_images/pt-BR/spa.268ec73b41f992c2.webp)
**Por que os SPAs são muito melhores:**
- Apenas as partes que realmente mudaram são atualizadas (inteligente, né?)
@ -523,7 +523,7 @@ if (data.error) {
Agora, ao testar com uma conta inválida, você verá uma mensagem de erro útil diretamente na página!
![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/br/login-error.416fe019b36a6327.webp)
![Captura de tela mostrando a mensagem de erro exibida durante o login](../../../../translated_images/pt-BR/login-error.416fe019b36a6327.webp)
#### Passo 4: Sendo Inclusivo com Acessibilidade
@ -961,7 +961,7 @@ Pronto para levar seu aplicativo bancário para o próximo nível? Vamos fazer c
Aqui está como um dashboard polido poderia parecer:
![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/br/screen2.123c82a831a1d14a.webp)
![Captura de tela de um exemplo de resultado do dashboard após a estilização](../../../../translated_images/pt-BR/screen2.123c82a831a1d14a.webp)
Não sinta que precisa seguir exatamente este modelo - use-o como inspiração e crie algo único!

@ -190,7 +190,7 @@ Como o design compartimentado do Titanic parecia robusto até que múltiplos com
Em vez de ficarmos correndo em círculos, vamos criar um sistema de **gerenciamento de estado centralizado**. Pense nisso como ter uma pessoa realmente organizada responsável por todas as coisas importantes:
![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/br/data-flow.fa2354e0908fecc8.webp)
![Esquema mostrando os fluxos de dados entre o HTML, ações do usuário e estado](../../../../translated_images/pt-BR/data-flow.fa2354e0908fecc8.webp)
```mermaid
flowchart TD
@ -804,7 +804,7 @@ Este desafio ajudará você a pensar como um desenvolvedor profissional que cons
Aqui está um exemplo de resultado após completar a tarefa:
![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.webp)
![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/pt-BR/dialog.93bba104afeb79f1.webp)
---

@ -112,7 +112,7 @@ Consulte a [documentação da API do servidor](../api/README.md) para:
**Resultado Esperado:**
Após concluir esta tarefa, seu aplicativo bancário deve ter um recurso de "Adicionar Transação" totalmente funcional que pareça e se comporte de forma profissional:
![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/br/dialog.93bba104afeb79f1.webp)
![Captura de tela mostrando um exemplo de diálogo "Adicionar transação"](../../../../translated_images/pt-BR/dialog.93bba104afeb79f1.webp)
## Testando Sua Implementação

@ -11,7 +11,7 @@ CO_OP_TRANSLATOR_METADATA:
Neste projeto, você aprenderá como construir um banco fictício. Estas lições incluem instruções sobre como estruturar um aplicativo web e fornecer rotas, criar formulários, gerenciar estado e buscar dados de uma API da qual você pode obter as informações do banco.
| ![Screen1](../../../translated_images/br/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/br/screen2.123c82a831a1d14a.webp) |
| ![Screen1](../../../translated_images/pt-BR/screen1.baccbba0f1f93364.webp) | ![Screen2](../../../translated_images/pt-BR/screen2.123c82a831a1d14a.webp) |
|--------------------------------|--------------------------------|
## Lições

@ -185,7 +185,7 @@ Assim como o telefone de Alexander Graham Bell conectava locais distantes, vincu
Depois que tudo estiver carregado, você verá um espaço de trabalho limpo e bonito, projetado para mantê-lo focado no que importa seu código!
![Interface padrão do VSCode.dev](../../../../translated_images/br/default-vscode-dev.5d06881d65c1b323.webp)
![Interface padrão do VSCode.dev](../../../../translated_images/pt-BR/default-vscode-dev.5d06881d65c1b323.webp)
**Aqui está um tour pelo ambiente:**
- **Barra de Atividades** (a faixa à esquerda): Sua navegação principal com Explorer 📁, Pesquisa 🔍, Controle de Fonte 🌿, Extensões 🧩 e Configurações ⚙️
@ -233,7 +233,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep
1. Acesse [vscode.dev](https://vscode.dev) se ainda não estiver lá
2. Procure o botão "Open Remote Repository" na tela inicial e clique nele
![Abrir repositório remoto](../../../../translated_images/br/open-remote-repository.bd9c2598b8949e7f.webp)
![Abrir repositório remoto](../../../../translated_images/pt-BR/open-remote-repository.bd9c2598b8949e7f.webp)
3. Cole qualquer URL de repositório do GitHub (experimente este: `https://github.com/microsoft/Web-Dev-For-Beginners`)
4. Pressione Enter e veja a mágica acontecer!
@ -242,7 +242,7 @@ Este é perfeito quando você está começando no VSCode.dev e quer abrir um rep
Quer se sentir como um mago da programação? Experimente este atalho de teclado: Ctrl+Shift+P (ou Cmd+Shift+P no Mac) para abrir o Command Palette:
![Command Palette](../../../../translated_images/br/palette-menu.4946174e07f42622.webp)
![Command Palette](../../../../translated_images/pt-BR/palette-menu.4946174e07f42622.webp)
**O Command Palette é como ter um mecanismo de busca para tudo o que você pode fazer:**
- Digite "open remote" e ele encontrará o abridor de repositórios para você
@ -304,7 +304,7 @@ Assim como organizar plantas em um escritório de arquitetura, a criação de ar
3. Insira o nome do arquivo, incluindo a extensão apropriada (`style.css`, `script.js`, `index.html`)
4. Pressione Enter para criar o arquivo
![Criando um novo arquivo](../../../../translated_images/br/create-new-file.2814e609c2af9aeb.webp)
![Criando um novo arquivo](../../../../translated_images/pt-BR/create-new-file.2814e609c2af9aeb.webp)
**Convenções de nomenclatura:**
- Use nomes descritivos que indiquem o propósito do arquivo
@ -322,7 +322,7 @@ Aqui é onde a diversão realmente começa! O editor do VSCode.dev está repleto
2. Comece a digitar e veja o VSCode.dev ajudá-lo com cores, sugestões e detecção de erros
3. Salve seu trabalho com Ctrl+S (Windows/Linux) ou Cmd+S (Mac) embora ele também salve automaticamente!
![Editando arquivos no VSCode.dev](../../../../translated_images/br/edit-a-file.52c0ee665ef19f08.webp)
![Editando arquivos no VSCode.dev](../../../../translated_images/pt-BR/edit-a-file.52c0ee665ef19f08.webp)
**As coisas legais que acontecem enquanto você programa:**
- Seu código é lindamente colorido para facilitar a leitura
@ -343,7 +343,7 @@ Assim como arqueólogos criam registros detalhados das camadas de escavação, o
2. Os arquivos modificados aparecem na seção "Changes"
3. A codificação por cores indica os tipos de alteração: verde para adições, vermelho para exclusões
![Visualizando alterações no Controle de Fonte](../../../../translated_images/br/working-tree.c58eec08e6335c79.webp)
![Visualizando alterações no Controle de Fonte](../../../../translated_images/pt-BR/working-tree.c58eec08e6335c79.webp)
**Salvando seu trabalho (fluxo de trabalho de commit):**
@ -438,7 +438,7 @@ O marketplace de extensões é muito bem organizado, então você não vai se pe
2. Navegue ou procure algo específico
3. Clique em qualquer coisa que pareça interessante para saber mais
![Interface do marketplace de extensões](../../../../translated_images/br/extensions.eca0e0c7f59a10b5.webp)
![Interface do marketplace de extensões](../../../../translated_images/pt-BR/extensions.eca0e0c7f59a10b5.webp)
**O que você encontrará lá:**
@ -491,7 +491,7 @@ A maioria das extensões vem com configurações que você pode ajustar para que
3. Escolha "Configurações da Extensão" no menu suspenso
4. Ajuste as configurações até que fiquem perfeitas para o seu fluxo de trabalho
![Personalizando configurações de extensões](../../../../translated_images/br/extension-settings.21c752ae4f4cdb78.webp)
![Personalizando configurações de extensões](../../../../translated_images/pt-BR/extension-settings.21c752ae4f4cdb78.webp)
**Coisas comuns que você pode querer ajustar:**
- Como seu código é formatado (tabulação vs espaços, comprimento da linha, etc.)

@ -78,7 +78,7 @@ Como o VSCode.dev exige pelo menos um arquivo para abrir um repositório, criare
4. **Escreva** uma mensagem de commit: "Adicionar estrutura inicial de HTML"
5. **Clique** em "Commit new file" para salvar suas alterações
![Criando arquivo inicial no GitHub](../../../../translated_images/br/new-file-github.com.c886796d800e8056.webp)
![Criando arquivo inicial no GitHub](../../../../translated_images/pt-BR/new-file-github.com.c886796d800e8056.webp)
**O que essa configuração inicial realiza:**
- **Estabelece** uma estrutura de documento HTML5 adequada com elementos semânticos
@ -104,7 +104,7 @@ Agora que a base do seu repositório está estabelecida, vamos migrar para o VSC
**Indicador de sucesso**: Você deve ver os arquivos do seu projeto na barra lateral do Explorer e `index.html` disponível para edição na área principal do editor.
![Projeto carregado no VSCode.dev](../../../../translated_images/br/project-on-vscode.dev.e79815a9a95ee7fe.webp)
![Projeto carregado no VSCode.dev](../../../../translated_images/pt-BR/project-on-vscode.dev.e79815a9a95ee7fe.webp)
**O que você verá na interface:**
- **Barra lateral do Explorer**: **Exibe** os arquivos e estrutura de pastas do seu repositório
@ -448,7 +448,7 @@ Extensões melhoram sua experiência de desenvolvimento ao fornecer recursos de
**Resultados imediatos após a instalação:**
Assim que o CodeSwing for instalado, você verá uma pré-visualização ao vivo do seu site de currículo aparecer no editor. Isso permite que você veja exatamente como seu site está enquanto faz alterações.
![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/br/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
![Extensão CodeSwing mostrando pré-visualização ao vivo](../../../../translated_images/pt-BR/after-codeswing-extension-pb.0ebddddcf73b5509.webp)
**Entendendo a interface aprimorada:**
- **Visualização dividida**: **Mostra** seu código de um lado e a pré-visualização ao vivo do outro

@ -61,7 +61,7 @@ print(response.choices[0].message.content)
Aqui está como seu projeto final ficará:
![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/br/screenshot.0a1ee0d123df681b.webp)
![Interface do aplicativo de chat mostrando uma conversa entre o usuário e o assistente de IA](../../../translated_images/pt-BR/screenshot.0a1ee0d123df681b.webp)
## 🗺️ Sua Jornada de Aprendizado no Desenvolvimento de Aplicativos com IA
@ -194,7 +194,7 @@ mindmap
**Princípio Central**: O desenvolvimento de aplicativos com IA combina habilidades tradicionais de desenvolvimento web com integração de serviços de IA, criando aplicativos inteligentes que parecem naturais e responsivos para os usuários.
![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/br/playground.d2b927122224ff8f.webp)
![Interface do GitHub Models AI Playground com seleção de modelo e área de teste](../../../translated_images/pt-BR/playground.d2b927122224ff8f.webp)
**Aqui está o que torna o playground tão útil:**
- **Experimente** diferentes modelos de IA como GPT-4o-mini, Claude e outros (todos gratuitos!)
@ -204,7 +204,7 @@ mindmap
Depois de brincar um pouco, basta clicar na aba "Code" e escolher sua linguagem de programação para obter o código de implementação necessário.
![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/br/playground-choice.1d23ba7d407f4758.webp)
![Escolha no playground mostrando opções de geração de código para diferentes linguagens de programação](../../../translated_images/pt-BR/playground-choice.1d23ba7d407f4758.webp)
## Configurando a Integração de Backend com Python
@ -2365,14 +2365,14 @@ Quer experimentar este projeto em um ambiente de desenvolvimento na nuvem? O Git
- **Acesse** o [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 de estar logado no GitHub)
![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/br/template.67ad477109d29a2b.webp)
![Interface de criação a partir do template mostrando o botão verde "Use this template"](../../../translated_images/pt-BR/template.67ad477109d29a2b.webp)
**Passo 2: Iniciar Codespaces**
- **Abra** o repositório recém-criado
- **Clique** no botão verde "Code" e selecione "Codespaces"
- **Escolha** "Create codespace on main" para iniciar seu ambiente de desenvolvimento
![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/br/codespace.bcecbdf5d2747d3d.webp)
![Interface de criação de codespace com opções para iniciar o ambiente de desenvolvimento na nuvem](../../../translated_images/pt-BR/codespace.bcecbdf5d2747d3d.webp)
**Passo 3: Configuração do Ambiente**
Assim que seu Codespace carregar, você terá acesso a:

@ -72,13 +72,13 @@ Não perca nosso novo currículo de IA Generativa!
Visite [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) para começar!
![Background](../../translated_images/br/background.148a8d43afde5730.webp)
![Background](../../translated_images/pt-BR/background.148a8d43afde5730.webp)
- Lições cobrindo tudo desde o básico até RAG.
- Interaja com personagens históricos usando GenAI e nosso app de suporte.
- Narrativa divertida e envolvente, você vai viajar no tempo!
![character](../../translated_images/br/character.5c0dd8e067ffd693.webp)
![character](../../translated_images/pt-BR/character.5c0dd8e067ffd693.webp)
Cada lição inclui uma tarefa para completar, uma verificação de conhecimento e um desafio para guiá-lo na aprendizagem de tópicos como:
@ -115,7 +115,7 @@ Siga estes passos:
Na sua cópia do repositório que você criou, clique no botão **Code** e selecione **Open with Codespaces**. Isso criará um novo Codespace para você trabalhar.
![Codespace](../../translated_images/br/createcodespace.0238bbf4d7a8d955.webp)
![Codespace](../../translated_images/pt-BR/createcodespace.0238bbf4d7a8d955.webp)
#### Executando o currículo localmente no seu computador

@ -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 arquivo do Moodle acima, que também pode ser carregado no Canvas.
- Após a importação, revise os módulos, datas de entrega e configurações de quizzes para ajustar ao cronograma do seu período.
![Moodle](../../translated_images/br/moodle.94eb93d714a50cb2.webp)
![Moodle](../../translated_images/pt-BR/moodle.94eb93d714a50cb2.webp)
> O currículo em uma sala de aula do Moodle
![Canvas](../../translated_images/br/canvas.fbd605ff8e5b8aff.webp)
![Canvas](../../translated_images/pt-BR/canvas.fbd605ff8e5b8aff.webp)
> O currículo no Canvas
### Uso do repositório diretamente (sem Classroom)

@ -0,0 +1,584 @@
{
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
"original_hash": "d45ddcc54eb9232a76d08328b09d792e",
"translation_date": "2026-01-06T09:24:35+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "de"
},
"1-getting-started-lessons/1-intro-to-programming-languages/assignment.md": {
"original_hash": "17b8ec8e85d99e27dcb3f73842e583be",
"translation_date": "2026-01-06T09:28:02+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
"language_code": "de"
},
"1-getting-started-lessons/2-github-basics/README.md": {
"original_hash": "5c383cc2cc23bb164b06417d1c107a44",
"translation_date": "2026-01-06T09:28:19+00:00",
"source_file": "1-getting-started-lessons/2-github-basics/README.md",
"language_code": "de"
},
"1-getting-started-lessons/3-accessibility/README.md": {
"original_hash": "7f2c48e04754724123ea100a822765e5",
"translation_date": "2026-01-06T09:20:12+00:00",
"source_file": "1-getting-started-lessons/3-accessibility/README.md",
"language_code": "de"
},
"1-getting-started-lessons/3-accessibility/assignment.md": {
"original_hash": "e6d0f456dfc22afb41bbdefeb5ec179d",
"translation_date": "2026-01-06T09:23:51+00:00",
"source_file": "1-getting-started-lessons/3-accessibility/assignment.md",
"language_code": "de"
},
"1-getting-started-lessons/README.md": {
"original_hash": "770d9f83dddc841c19f210dee5fe0712",
"translation_date": "2025-10-03T13:25:26+00:00",
"source_file": "1-getting-started-lessons/README.md",
"language_code": "de"
},
"10-ai-framework-project/README.md": {
"original_hash": "3925b6a1c31c60755eaae4d578232c25",
"translation_date": "2026-01-06T08:16:46+00:00",
"source_file": "10-ai-framework-project/README.md",
"language_code": "de"
},
"10-ai-framework-project/solution/README.md": {
"original_hash": "d41d8cd98f00b204e9800998ecf8427e",
"translation_date": "2026-01-29T17:25:33+00:00",
"source_file": "10-ai-framework-project/solution/README.md",
"language_code": "de"
},
"2-js-basics/1-data-types/README.md": {
"original_hash": "672b0bb6e8b431075f3bdb7130590d2d",
"translation_date": "2026-01-06T08:28:46+00:00",
"source_file": "2-js-basics/1-data-types/README.md",
"language_code": "de"
},
"2-js-basics/1-data-types/assignment.md": {
"original_hash": "6fd645e97c48cd5eb5a3d290815ec8b5",
"translation_date": "2026-01-06T08:31:00+00:00",
"source_file": "2-js-basics/1-data-types/assignment.md",
"language_code": "de"
},
"2-js-basics/2-functions-methods/README.md": {
"original_hash": "71f7d7dafa1c7194d79ddac87f669ff9",
"translation_date": "2026-01-06T08:26:13+00:00",
"source_file": "2-js-basics/2-functions-methods/README.md",
"language_code": "de"
},
"2-js-basics/2-functions-methods/assignment.md": {
"original_hash": "8328f58f4593b4671656ff8f4b2edbd9",
"translation_date": "2026-01-06T08:28:26+00:00",
"source_file": "2-js-basics/2-functions-methods/assignment.md",
"language_code": "de"
},
"2-js-basics/3-making-decisions/README.md": {
"original_hash": "c688385d15dd3645e924ea0ffee8967f",
"translation_date": "2026-01-06T08:31:11+00:00",
"source_file": "2-js-basics/3-making-decisions/README.md",
"language_code": "de"
},
"2-js-basics/3-making-decisions/assignment.md": {
"original_hash": "ffe366b2d1f037b99fbadbe1dc81083d",
"translation_date": "2026-01-06T08:33:45+00:00",
"source_file": "2-js-basics/3-making-decisions/assignment.md",
"language_code": "de"
},
"2-js-basics/4-arrays-loops/README.md": {
"original_hash": "1710a50a519a6e4a1b40a5638783018d",
"translation_date": "2026-01-06T08:34:11+00:00",
"source_file": "2-js-basics/4-arrays-loops/README.md",
"language_code": "de"
},
"2-js-basics/4-arrays-loops/assignment.md": {
"original_hash": "8abcada0534e0fb3a7556ea3c5a2a8a4",
"translation_date": "2026-01-06T08:36:30+00:00",
"source_file": "2-js-basics/4-arrays-loops/assignment.md",
"language_code": "de"
},
"2-js-basics/README.md": {
"original_hash": "cc9e70a2f096c67389c8acff1521fc27",
"translation_date": "2025-08-24T12:11:56+00:00",
"source_file": "2-js-basics/README.md",
"language_code": "de"
},
"3-terrarium/1-intro-to-html/README.md": {
"original_hash": "3fcfa99c4897e051b558b5eaf1e8cc74",
"translation_date": "2026-01-06T09:12:38+00:00",
"source_file": "3-terrarium/1-intro-to-html/README.md",
"language_code": "de"
},
"3-terrarium/1-intro-to-html/assignment.md": {
"original_hash": "650e63282e1dfa032890fcf5c1c4119d",
"translation_date": "2026-01-06T09:14:25+00:00",
"source_file": "3-terrarium/1-intro-to-html/assignment.md",
"language_code": "de"
},
"3-terrarium/2-intro-to-css/README.md": {
"original_hash": "e39f3a4e3bcccf94639e3af1248f8a4d",
"translation_date": "2026-01-06T09:17:42+00:00",
"source_file": "3-terrarium/2-intro-to-css/README.md",
"language_code": "de"
},
"3-terrarium/2-intro-to-css/assignment.md": {
"original_hash": "bee6762d4092a13fc7c338814963f980",
"translation_date": "2026-01-06T09:19:48+00:00",
"source_file": "3-terrarium/2-intro-to-css/assignment.md",
"language_code": "de"
},
"3-terrarium/3-intro-to-DOM-and-closures/README.md": {
"original_hash": "973e48ad87d67bf5bb819746c9f8e302",
"translation_date": "2026-01-06T09:14:48+00:00",
"source_file": "3-terrarium/3-intro-to-DOM-and-closures/README.md",
"language_code": "de"
},
"3-terrarium/3-intro-to-DOM-and-closures/assignment.md": {
"original_hash": "947ca5ce7c94aee9c7de7034e762bc17",
"translation_date": "2026-01-06T09:17:23+00:00",
"source_file": "3-terrarium/3-intro-to-DOM-and-closures/assignment.md",
"language_code": "de"
},
"3-terrarium/README.md": {
"original_hash": "bc5c5550f79d10add90ce419ee34abb3",
"translation_date": "2026-01-06T08:20:23+00:00",
"source_file": "3-terrarium/README.md",
"language_code": "de"
},
"3-terrarium/solution/README.md": {
"original_hash": "6329fbe8bd936068debd78cca6f09c0a",
"translation_date": "2025-08-24T12:11:12+00:00",
"source_file": "3-terrarium/solution/README.md",
"language_code": "de"
},
"4-typing-game/README.md": {
"original_hash": "efa2ab875b8bb5a7883816506da6b6d2",
"translation_date": "2026-01-06T08:19:24+00:00",
"source_file": "4-typing-game/README.md",
"language_code": "de"
},
"4-typing-game/solution/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T13:50:27+00:00",
"source_file": "4-typing-game/solution/README.md",
"language_code": "de"
},
"4-typing-game/typing-game/README.md": {
"original_hash": "da8bc72041a2bb3826a54654ee1a8844",
"translation_date": "2026-01-06T09:10:27+00:00",
"source_file": "4-typing-game/typing-game/README.md",
"language_code": "de"
},
"4-typing-game/typing-game/assignment.md": {
"original_hash": "3eac59d70e2532a677a2ce6bf765485a",
"translation_date": "2026-01-06T09:12:24+00:00",
"source_file": "4-typing-game/typing-game/assignment.md",
"language_code": "de"
},
"5-browser-extension/1-about-browsers/README.md": {
"original_hash": "00aa85715e1efd4930c17a23e3012e69",
"translation_date": "2026-01-06T08:56:06+00:00",
"source_file": "5-browser-extension/1-about-browsers/README.md",
"language_code": "de"
},
"5-browser-extension/1-about-browsers/assignment.md": {
"original_hash": "b6897c02603d0045dd6d8256e8714baa",
"translation_date": "2026-01-06T08:57:58+00:00",
"source_file": "5-browser-extension/1-about-browsers/assignment.md",
"language_code": "de"
},
"5-browser-extension/2-forms-browsers-local-storage/README.md": {
"original_hash": "2b6203a48c48d8234e0948353b47d84e",
"translation_date": "2026-01-06T08:51:15+00:00",
"source_file": "5-browser-extension/2-forms-browsers-local-storage/README.md",
"language_code": "de"
},
"5-browser-extension/2-forms-browsers-local-storage/assignment.md": {
"original_hash": "25b8d28b8531352d4eb67291fd7824c4",
"translation_date": "2026-01-06T08:53:23+00:00",
"source_file": "5-browser-extension/2-forms-browsers-local-storage/assignment.md",
"language_code": "de"
},
"5-browser-extension/3-background-tasks-and-performance/README.md": {
"original_hash": "b275fed2c6fc90d2b9b6661a3225faa2",
"translation_date": "2026-01-06T08:53:44+00:00",
"source_file": "5-browser-extension/3-background-tasks-and-performance/README.md",
"language_code": "de"
},
"5-browser-extension/3-background-tasks-and-performance/assignment.md": {
"original_hash": "a203e560e58ccc6ba68bffc40c7c8676",
"translation_date": "2026-01-06T08:55:46+00:00",
"source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md",
"language_code": "de"
},
"5-browser-extension/README.md": {
"original_hash": "b121a279a6ab39878491f3e572673515",
"translation_date": "2025-08-24T13:07:42+00:00",
"source_file": "5-browser-extension/README.md",
"language_code": "de"
},
"5-browser-extension/solution/README.md": {
"original_hash": "fab4e6b4f0efcd587a9029d82991f597",
"translation_date": "2025-08-24T13:19:41+00:00",
"source_file": "5-browser-extension/solution/README.md",
"language_code": "de"
},
"5-browser-extension/solution/translation/README.es.md": {
"original_hash": "cbaf73f94a9ab4c680a10ef871e92948",
"translation_date": "2025-08-24T13:20:36+00:00",
"source_file": "5-browser-extension/solution/translation/README.es.md",
"language_code": "de"
},
"5-browser-extension/solution/translation/README.fr.md": {
"original_hash": "9361268ca430b2579375009e1eceb5e5",
"translation_date": "2025-08-24T13:23:24+00:00",
"source_file": "5-browser-extension/solution/translation/README.fr.md",
"language_code": "de"
},
"5-browser-extension/solution/translation/README.hi.md": {
"original_hash": "dd58ae1b7707034f055718c1b68bc8de",
"translation_date": "2025-08-24T13:21:31+00:00",
"source_file": "5-browser-extension/solution/translation/README.hi.md",
"language_code": "de"
},
"5-browser-extension/solution/translation/README.it.md": {
"original_hash": "9a6b22a2eff0f499b66236be973b24ad",
"translation_date": "2025-08-24T13:24:19+00:00",
"source_file": "5-browser-extension/solution/translation/README.it.md",
"language_code": "de"
},
"5-browser-extension/solution/translation/README.ja.md": {
"original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d",
"translation_date": "2025-08-24T13:25:14+00:00",
"source_file": "5-browser-extension/solution/translation/README.ja.md",
"language_code": "de"
},
"5-browser-extension/solution/translation/README.ms.md": {
"original_hash": "21b364c158c8e4f698de65eeac16c9fe",
"translation_date": "2025-08-24T13:22:30+00:00",
"source_file": "5-browser-extension/solution/translation/README.ms.md",
"language_code": "de"
},
"5-browser-extension/start/README.md": {
"original_hash": "26fd39046d264ba185dcb086d3a8cf3e",
"translation_date": "2025-08-24T13:12:06+00:00",
"source_file": "5-browser-extension/start/README.md",
"language_code": "de"
},
"6-space-game/1-introduction/README.md": {
"original_hash": "a6332a7bb4d0be3bfd24199c83993777",
"translation_date": "2026-01-06T08:46:43+00:00",
"source_file": "6-space-game/1-introduction/README.md",
"language_code": "de"
},
"6-space-game/1-introduction/assignment.md": {
"original_hash": "c8fc39a014d08247c082878122e2ba73",
"translation_date": "2026-01-06T08:48:39+00:00",
"source_file": "6-space-game/1-introduction/assignment.md",
"language_code": "de"
},
"6-space-game/2-drawing-to-canvas/README.md": {
"original_hash": "7994743c5b21fdcceb36307916ef249a",
"translation_date": "2026-01-06T08:41:17+00:00",
"source_file": "6-space-game/2-drawing-to-canvas/README.md",
"language_code": "de"
},
"6-space-game/2-drawing-to-canvas/assignment.md": {
"original_hash": "87cd43afe5b69dbbffb5c4b209ea6791",
"translation_date": "2026-01-06T08:43:01+00:00",
"source_file": "6-space-game/2-drawing-to-canvas/assignment.md",
"language_code": "de"
},
"6-space-game/3-moving-elements-around/README.md": {
"original_hash": "8c55a2bd4bc0ebe4c88198fd563a9e09",
"translation_date": "2026-01-06T08:48:59+00:00",
"source_file": "6-space-game/3-moving-elements-around/README.md",
"language_code": "de"
},
"6-space-game/3-moving-elements-around/assignment.md": {
"original_hash": "c162b3b3a1cafc1483c8015e9b266f0d",
"translation_date": "2026-01-06T08:51:05+00:00",
"source_file": "6-space-game/3-moving-elements-around/assignment.md",
"language_code": "de"
},
"6-space-game/4-collision-detection/README.md": {
"original_hash": "039b4d8ce65f5edd82cf48d9c3e6728c",
"translation_date": "2026-01-06T08:39:10+00:00",
"source_file": "6-space-game/4-collision-detection/README.md",
"language_code": "de"
},
"6-space-game/4-collision-detection/assignment.md": {
"original_hash": "124efddbb65166cddb38075ad6dae324",
"translation_date": "2026-01-06T08:41:05+00:00",
"source_file": "6-space-game/4-collision-detection/assignment.md",
"language_code": "de"
},
"6-space-game/4-collision-detection/solution/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:39:26+00:00",
"source_file": "6-space-game/4-collision-detection/solution/README.md",
"language_code": "de"
},
"6-space-game/4-collision-detection/your-work/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:38:59+00:00",
"source_file": "6-space-game/4-collision-detection/your-work/README.md",
"language_code": "de"
},
"6-space-game/5-keeping-score/README.md": {
"original_hash": "2ed9145a16cf576faa2a973dff84d099",
"translation_date": "2026-01-06T08:45:39+00:00",
"source_file": "6-space-game/5-keeping-score/README.md",
"language_code": "de"
},
"6-space-game/5-keeping-score/assignment.md": {
"original_hash": "81f292dbda01685b91735e0398dc0504",
"translation_date": "2025-08-24T12:28:47+00:00",
"source_file": "6-space-game/5-keeping-score/assignment.md",
"language_code": "de"
},
"6-space-game/5-keeping-score/solution/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:29:47+00:00",
"source_file": "6-space-game/5-keeping-score/solution/README.md",
"language_code": "de"
},
"6-space-game/5-keeping-score/your-work/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:29:18+00:00",
"source_file": "6-space-game/5-keeping-score/your-work/README.md",
"language_code": "de"
},
"6-space-game/6-end-condition/README.md": {
"original_hash": "a4b78043f4d64bf3ee24e0689b8b391d",
"translation_date": "2026-01-06T08:43:15+00:00",
"source_file": "6-space-game/6-end-condition/README.md",
"language_code": "de"
},
"6-space-game/6-end-condition/assignment.md": {
"original_hash": "232d592791465c1678cab3a2bb6cd3e8",
"translation_date": "2026-01-06T08:45:11+00:00",
"source_file": "6-space-game/6-end-condition/assignment.md",
"language_code": "de"
},
"6-space-game/6-end-condition/solution/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:45:21+00:00",
"source_file": "6-space-game/6-end-condition/solution/README.md",
"language_code": "de"
},
"6-space-game/6-end-condition/your-work/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:44:54+00:00",
"source_file": "6-space-game/6-end-condition/your-work/README.md",
"language_code": "de"
},
"6-space-game/README.md": {
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
"translation_date": "2025-08-24T12:26:24+00:00",
"source_file": "6-space-game/README.md",
"language_code": "de"
},
"6-space-game/solution/README.md": {
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:45:50+00:00",
"source_file": "6-space-game/solution/README.md",
"language_code": "de"
},
"7-bank-project/1-template-route/README.md": {
"original_hash": "351678bece18f07d9daa987a881fb062",
"translation_date": "2026-01-06T09:01:31+00:00",
"source_file": "7-bank-project/1-template-route/README.md",
"language_code": "de"
},
"7-bank-project/1-template-route/assignment.md": {
"original_hash": "df0dcecddcd28ea8cbf6ede0ad57d673",
"translation_date": "2026-01-06T09:03:55+00:00",
"source_file": "7-bank-project/1-template-route/assignment.md",
"language_code": "de"
},
"7-bank-project/2-forms/README.md": {
"original_hash": "7cbdbd132d39a2bb493e85bc2a9387cc",
"translation_date": "2026-01-06T08:58:21+00:00",
"source_file": "7-bank-project/2-forms/README.md",
"language_code": "de"
},
"7-bank-project/2-forms/assignment.md": {
"original_hash": "efb01fcafd2ef40c593a6e662fc938a8",
"translation_date": "2026-01-06T09:01:05+00:00",
"source_file": "7-bank-project/2-forms/assignment.md",
"language_code": "de"
},
"7-bank-project/3-data/README.md": {
"original_hash": "86ee5069f27ea3151389d8687c95fac9",
"translation_date": "2026-01-06T09:04:07+00:00",
"source_file": "7-bank-project/3-data/README.md",
"language_code": "de"
},
"7-bank-project/3-data/assignment.md": {
"original_hash": "d0a02cb117e91a5b5f24178080068a3d",
"translation_date": "2026-01-06T09:07:06+00:00",
"source_file": "7-bank-project/3-data/assignment.md",
"language_code": "de"
},
"7-bank-project/4-state-management/README.md": {
"original_hash": "b807b09df716dc48a2b750835bf8e933",
"translation_date": "2026-01-06T09:07:31+00:00",
"source_file": "7-bank-project/4-state-management/README.md",
"language_code": "de"
},
"7-bank-project/4-state-management/assignment.md": {
"original_hash": "50a7783473b39a2e0f133e271a102231",
"translation_date": "2026-01-06T09:10:01+00:00",
"source_file": "7-bank-project/4-state-management/assignment.md",
"language_code": "de"
},
"7-bank-project/README.md": {
"original_hash": "830359535306594b448db6575ce5cdee",
"translation_date": "2025-08-24T13:26:08+00:00",
"source_file": "7-bank-project/README.md",
"language_code": "de"
},
"7-bank-project/api/README.md": {
"original_hash": "9884f8c8a61cf56214450f8b16a094ce",
"translation_date": "2025-08-24T13:27:01+00:00",
"source_file": "7-bank-project/api/README.md",
"language_code": "de"
},
"7-bank-project/solution/README.md": {
"original_hash": "461aa4fc74c6b1789c3a13b5d82c0cd9",
"translation_date": "2025-08-24T13:42:32+00:00",
"source_file": "7-bank-project/solution/README.md",
"language_code": "de"
},
"8-code-editor/1-using-a-code-editor/README.md": {
"original_hash": "a9a3bcc037a447e2d8994d99e871cd9f",
"translation_date": "2026-01-06T08:36:46+00:00",
"source_file": "8-code-editor/1-using-a-code-editor/README.md",
"language_code": "de"
},
"8-code-editor/1-using-a-code-editor/assignment.md": {
"original_hash": "effe56ba51c38d7bdfad1ea38288666b",
"translation_date": "2026-01-06T08:38:26+00:00",
"source_file": "8-code-editor/1-using-a-code-editor/assignment.md",
"language_code": "de"
},
"9-chat-project/README.md": {
"original_hash": "2066c17078e9d18b5e309f31d8e8bc24",
"translation_date": "2026-01-06T08:20:31+00:00",
"source_file": "9-chat-project/README.md",
"language_code": "de"
},
"9-chat-project/solution/README.md": {
"original_hash": "cb549dcad8eea3221cb89793aeaa3bb3",
"translation_date": "2025-09-01T15:19:11+00:00",
"source_file": "9-chat-project/solution/README.md",
"language_code": "de"
},
"9-chat-project/solution/backend/README.md": {
"original_hash": "bcd2c2bbaae71151b1ed1b9170aa78af",
"translation_date": "2025-09-01T15:42:03+00:00",
"source_file": "9-chat-project/solution/backend/README.md",
"language_code": "de"
},
"9-chat-project/solution/backend/python/README.md": {
"original_hash": "0aaa930f076f2d83cc872ad157f8ffd3",
"translation_date": "2026-01-06T09:30:56+00:00",
"source_file": "9-chat-project/solution/backend/python/README.md",
"language_code": "de"
},
"9-chat-project/solution/frontend/README.md": {
"original_hash": "7746a470be8fc7f736eb1b43ebb710ee",
"translation_date": "2025-09-01T15:50:46+00:00",
"source_file": "9-chat-project/solution/frontend/README.md",
"language_code": "de"
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
"translation_date": "2025-10-03T11:13:31+00:00",
"source_file": "AGENTS.md",
"language_code": "de"
},
"CODE_OF_CONDUCT.md": {
"original_hash": "b0a9b4cccd918195f58224d5793da1a6",
"translation_date": "2025-08-24T11:55:34+00:00",
"source_file": "CODE_OF_CONDUCT.md",
"language_code": "de"
},
"CONTRIBUTING.md": {
"original_hash": "777400e9f0336c7ee2f9a1200a88478f",
"translation_date": "2025-08-24T11:57:57+00:00",
"source_file": "CONTRIBUTING.md",
"language_code": "de"
},
"Git-Basics/README.md": {
"original_hash": "5cf5e1ed51455fefed4895fcc4d6ba2a",
"translation_date": "2025-10-03T15:45:03+00:00",
"source_file": "Git-Basics/README.md",
"language_code": "de"
},
"README.md": {
"original_hash": "490c83786552d7fab6390991517bef09",
"translation_date": "2026-01-29T17:32:39+00:00",
"source_file": "README.md",
"language_code": "de"
},
"SECURITY.md": {
"original_hash": "4ecc3bf2e27983d4c780be6f26ee6228",
"translation_date": "2025-08-24T11:56:51+00:00",
"source_file": "SECURITY.md",
"language_code": "de"
},
"SUPPORT.md": {
"original_hash": "c9d207ff77b4bb46e46dc2b607a8ec1a",
"translation_date": "2025-08-24T11:53:43+00:00",
"source_file": "SUPPORT.md",
"language_code": "de"
},
"_404.md": {
"original_hash": "ea9f0804bd62f46d9808e953ec7fc459",
"translation_date": "2025-08-24T11:56:09+00:00",
"source_file": "_404.md",
"language_code": "de"
},
"docs/_navbar.md": {
"original_hash": "3bd2f51ecf4ac9b39277cba748943793",
"translation_date": "2025-08-24T12:25:44+00:00",
"source_file": "docs/_navbar.md",
"language_code": "de"
},
"docs/_sidebar.md": {
"original_hash": "655c91b5979de46f1d70d97f0c5f1d14",
"translation_date": "2025-08-24T12:24:49+00:00",
"source_file": "docs/_sidebar.md",
"language_code": "de"
},
"for-teachers.md": {
"original_hash": "71009af209f81cc01a1f2d324200375f",
"translation_date": "2025-10-03T08:28:59+00:00",
"source_file": "for-teachers.md",
"language_code": "de"
},
"lesson-template/README.md": {
"original_hash": "0494be70ad7fadd13a8c3d549c23e355",
"translation_date": "2025-08-24T13:48:27+00:00",
"source_file": "lesson-template/README.md",
"language_code": "de"
},
"lesson-template/assignment.md": {
"original_hash": "b5f62ec256c7e43e771f0d3b4e1a9130",
"translation_date": "2025-08-24T13:49:06+00:00",
"source_file": "lesson-template/assignment.md",
"language_code": "de"
},
"memory-game/README.md": {
"original_hash": "ff47271e53637b2ba6ba72ad2b70f6d7",
"translation_date": "2025-10-03T11:53:19+00:00",
"source_file": "memory-game/README.md",
"language_code": "de"
},
"quiz-app/README.md": {
"original_hash": "5301875c55bb305e6046bed3a4fd06d2",
"translation_date": "2025-08-24T13:56:13+00:00",
"source_file": "quiz-app/README.md",
"language_code": "de"
}
}

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "d45ddcc54eb9232a76d08328b09d792e",
"translation_date": "2026-01-06T09:24:35+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "de"
}
-->
# Einführung in Programmiersprachen und moderne Entwickler-Tools
Hey du, zukünftiger Entwickler! 👋 Darf ich dir etwas erzählen, das mir jeden einzelnen Tag eine Gänsehaut bereitet? Du bist kurz davor zu entdecken, dass Programmieren nicht nur etwas mit Computern zu tun hat es geht darum, echte Superkräfte zu besitzen, um deine wildesten Ideen zum Leben zu erwecken!

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "17b8ec8e85d99e27dcb3f73842e583be",
"translation_date": "2026-01-06T09:28:02+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
"language_code": "de"
}
-->
# Aufgabe: Erforschung moderner Webentwicklungswerkzeuge
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "5c383cc2cc23bb164b06417d1c107a44",
"translation_date": "2026-01-06T09:28:19+00:00",
"source_file": "1-getting-started-lessons/2-github-basics/README.md",
"language_code": "de"
}
-->
# Einführung in GitHub
Hallo zukünftige*r Entwickler*in! 👋 Bereit, dich Millionen von Programmierenden weltweit anzuschließen? Ich freue mich wirklich, dir GitHub vorzustellen denk daran als die Social-Media-Plattform für Programmierer, nur dass wir hier statt Fotos von unserem Mittagessen Code teilen und gemeinsam unglaubliche Dinge bauen!

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "7f2c48e04754724123ea100a822765e5",
"translation_date": "2026-01-06T09:20:12+00:00",
"source_file": "1-getting-started-lessons/3-accessibility/README.md",
"language_code": "de"
}
-->
# Erstellen barrierefreier Webseiten
![Alles über Barrierefreiheit](../../../../translated_images/de/webdev101-a11y.8ef3025c858d897a.webp)

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "e6d0f456dfc22afb41bbdefeb5ec179d",
"translation_date": "2026-01-06T09:23:51+00:00",
"source_file": "1-getting-started-lessons/3-accessibility/assignment.md",
"language_code": "de"
}
-->
# Umfassendes Website-Barrierefreiheitsaudit
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "770d9f83dddc841c19f210dee5fe0712",
"translation_date": "2025-10-03T13:25:26+00:00",
"source_file": "1-getting-started-lessons/README.md",
"language_code": "de"
}
-->
# Einstieg in die Webentwicklung
In diesem Abschnitt des Lehrplans werden Sie mit nicht projektbezogenen Konzepten vertraut gemacht, die wichtig sind, um ein professioneller Entwickler zu werden.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "3925b6a1c31c60755eaae4d578232c25",
"translation_date": "2026-01-06T08:16:46+00:00",
"source_file": "10-ai-framework-project/README.md",
"language_code": "de"
}
-->
# KI-Framework
Hast du dich jemals überwältigt gefühlt, wenn du versucht hast, KI-Anwendungen von Grund auf neu zu erstellen? Du bist nicht allein! KI-Frameworks sind wie ein Schweizer Taschenmesser für die KI-Entwicklung sie sind leistungsstarke Werkzeuge, die dir Zeit und Nerven sparen können, wenn du intelligente Anwendungen baust. Stell dir ein KI-Framework wie eine gut organisierte Bibliothek vor: Es stellt vorgefertigte Komponenten, standardisierte APIs und clevere Abstraktionen bereit, sodass du dich auf das Lösen von Problemen konzentrieren kannst, anstatt dich mit Implementierungsdetails herumzuschlagen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "672b0bb6e8b431075f3bdb7130590d2d",
"translation_date": "2026-01-06T08:28:46+00:00",
"source_file": "2-js-basics/1-data-types/README.md",
"language_code": "de"
}
-->
# JavaScript Grundlagen: Datentypen
![JavaScript Grundlagen - Datentypen](../../../../translated_images/de/webdev101-js-datatypes.4cc470179730702c.webp)

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "6fd645e97c48cd5eb5a3d290815ec8b5",
"translation_date": "2026-01-06T08:31:00+00:00",
"source_file": "2-js-basics/1-data-types/assignment.md",
"language_code": "de"
}
-->
# Data Types Practice: E-Commerce-Warenkorb
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "71f7d7dafa1c7194d79ddac87f669ff9",
"translation_date": "2026-01-06T08:26:13+00:00",
"source_file": "2-js-basics/2-functions-methods/README.md",
"language_code": "de"
}
-->
# JavaScript-Grundlagen: Methoden und Funktionen
![JavaScript Basics - Functions](../../../../translated_images/de/webdev101-js-functions.be049c4726e94f8b.webp)

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "8328f58f4593b4671656ff8f4b2edbd9",
"translation_date": "2026-01-06T08:28:26+00:00",
"source_file": "2-js-basics/2-functions-methods/assignment.md",
"language_code": "de"
}
-->
# Spaß mit Funktionen
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "c688385d15dd3645e924ea0ffee8967f",
"translation_date": "2026-01-06T08:31:11+00:00",
"source_file": "2-js-basics/3-making-decisions/README.md",
"language_code": "de"
}
-->
# JavaScript-Grundlagen: Treffen von Entscheidungen
![JavaScript Basics - Entscheidungen treffen](../../../../translated_images/de/webdev101-js-decisions.69e1b20f272dd1f0.webp)

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "ffe366b2d1f037b99fbadbe1dc81083d",
"translation_date": "2026-01-06T08:33:45+00:00",
"source_file": "2-js-basics/3-making-decisions/assignment.md",
"language_code": "de"
}
-->
# Entscheidungen treffen: Notenverarbeitung für Schüler
## Lernziele

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "1710a50a519a6e4a1b40a5638783018d",
"translation_date": "2026-01-06T08:34:11+00:00",
"source_file": "2-js-basics/4-arrays-loops/README.md",
"language_code": "de"
}
-->
# JavaScript Grundlagen: Arrays und Schleifen
![JavaScript Basics - Arrays](../../../../translated_images/de/webdev101-js-arrays.439d7528b8a29455.webp)

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "8abcada0534e0fb3a7556ea3c5a2a8a4",
"translation_date": "2026-01-06T08:36:30+00:00",
"source_file": "2-js-basics/4-arrays-loops/assignment.md",
"language_code": "de"
}
-->
# Arrays und Schleifen Aufgabe
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "cc9e70a2f096c67389c8acff1521fc27",
"translation_date": "2025-08-24T12:11:56+00:00",
"source_file": "2-js-basics/README.md",
"language_code": "de"
}
-->
# Einführung in JavaScript
JavaScript ist die Sprache des Webs. In diesen vier Lektionen lernst du die Grundlagen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "3fcfa99c4897e051b558b5eaf1e8cc74",
"translation_date": "2026-01-06T09:12:38+00:00",
"source_file": "3-terrarium/1-intro-to-html/README.md",
"language_code": "de"
}
-->
# Terrarium-Projekt Teil 1: Einführung in HTML
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "650e63282e1dfa032890fcf5c1c4119d",
"translation_date": "2026-01-06T09:14:25+00:00",
"source_file": "3-terrarium/1-intro-to-html/assignment.md",
"language_code": "de"
}
-->
# HTML-Übungsaufgabe: Erstellen Sie ein Blog-Mockup
## Lernziele

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "e39f3a4e3bcccf94639e3af1248f8a4d",
"translation_date": "2026-01-06T09:17:42+00:00",
"source_file": "3-terrarium/2-intro-to-css/README.md",
"language_code": "de"
}
-->
# Terrarium-Projekt Teil 2: Einführung in CSS
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "bee6762d4092a13fc7c338814963f980",
"translation_date": "2026-01-06T09:19:48+00:00",
"source_file": "3-terrarium/2-intro-to-css/assignment.md",
"language_code": "de"
}
-->
# CSS Refactoring Aufgabe
## Zielsetzung

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "973e48ad87d67bf5bb819746c9f8e302",
"translation_date": "2026-01-06T09:14:48+00:00",
"source_file": "3-terrarium/3-intro-to-DOM-and-closures/README.md",
"language_code": "de"
}
-->
# Terrarium Projekt Teil 3: DOM-Manipulation und JavaScript Closures
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "947ca5ce7c94aee9c7de7034e762bc17",
"translation_date": "2026-01-06T09:17:23+00:00",
"source_file": "3-terrarium/3-intro-to-DOM-and-closures/assignment.md",
"language_code": "de"
}
-->
# DOM-Element-Untersuchungsaufgabe
## Überblick

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "bc5c5550f79d10add90ce419ee34abb3",
"translation_date": "2026-01-06T08:20:23+00:00",
"source_file": "3-terrarium/README.md",
"language_code": "de"
}
-->
## Stellen Sie Ihr Terrarium bereit
Sie können Ihr Terrarium im Web mit **Azure Static Web Apps** bereitstellen oder veröffentlichen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "6329fbe8bd936068debd78cca6f09c0a",
"translation_date": "2025-08-24T12:11:12+00:00",
"source_file": "3-terrarium/solution/README.md",
"language_code": "de"
}
-->
# Mein Terrarium: Ein Projekt, um HTML, CSS und DOM-Manipulation mit JavaScript zu lernen 🌵🌱
Ein kleines Drag-and-Drop-Code-Meditationsprojekt. Mit ein wenig HTML, JS und CSS kannst du eine Weboberfläche erstellen, sie gestalten und Interaktionen hinzufügen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "efa2ab875b8bb5a7883816506da6b6d2",
"translation_date": "2026-01-06T08:19:24+00:00",
"source_file": "4-typing-game/README.md",
"language_code": "de"
}
-->
# Ereignisgesteuerte Programmierung - Baue ein Tipp-Spiel
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T13:50:27+00:00",
"source_file": "4-typing-game/solution/README.md",
"language_code": "de"
}
-->
Dies ist ein Platzhalter, absichtlich leer gelassen
**Haftungsausschluss**:

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "da8bc72041a2bb3826a54654ee1a8844",
"translation_date": "2026-01-06T09:10:27+00:00",
"source_file": "4-typing-game/typing-game/README.md",
"language_code": "de"
}
-->
# Erstellung eines Spiels mit Events
Haben Sie sich schon einmal gefragt, wie Websites wissen, wann Sie einen Button anklicken oder in ein Textfeld tippen? Das ist die Magie der ereignisgesteuerten Programmierung! Was gibt es Besseres, um diese wichtige Fähigkeit zu erlernen, als etwas Nützliches zu bauen ein Tippgeschwindigkeitsspiel, das auf jeden Tastendruck reagiert, den Sie machen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "3eac59d70e2532a677a2ce6bf765485a",
"translation_date": "2026-01-06T09:12:24+00:00",
"source_file": "4-typing-game/typing-game/assignment.md",
"language_code": "de"
}
-->
# Erstelle ein neues Tastaturspiel
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "00aa85715e1efd4930c17a23e3012e69",
"translation_date": "2026-01-06T08:56:06+00:00",
"source_file": "5-browser-extension/1-about-browsers/README.md",
"language_code": "de"
}
-->
# Browser-Erweiterungsprojekt Teil 1: Alles über Browser
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "b6897c02603d0045dd6d8256e8714baa",
"translation_date": "2026-01-06T08:57:58+00:00",
"source_file": "5-browser-extension/1-about-browsers/assignment.md",
"language_code": "de"
}
-->
# Aufgabe: Gestalte deine Browser-Erweiterung neu
## Übersicht

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "2b6203a48c48d8234e0948353b47d84e",
"translation_date": "2026-01-06T08:51:15+00:00",
"source_file": "5-browser-extension/2-forms-browsers-local-storage/README.md",
"language_code": "de"
}
-->
# Browser-Erweiterungsprojekt Teil 2: Eine API aufrufen, lokalen Speicher verwenden
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "25b8d28b8531352d4eb67291fd7824c4",
"translation_date": "2026-01-06T08:53:23+00:00",
"source_file": "5-browser-extension/2-forms-browsers-local-storage/assignment.md",
"language_code": "de"
}
-->
# Adoptieren Sie eine API
## Übersicht

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "b275fed2c6fc90d2b9b6661a3225faa2",
"translation_date": "2026-01-06T08:53:44+00:00",
"source_file": "5-browser-extension/3-background-tasks-and-performance/README.md",
"language_code": "de"
}
-->
# Browser-Erweiterungsprojekt Teil 3: Lernen Sie Hintergrundaufgaben und Leistung kennen
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "a203e560e58ccc6ba68bffc40c7c8676",
"translation_date": "2026-01-06T08:55:46+00:00",
"source_file": "5-browser-extension/3-background-tasks-and-performance/assignment.md",
"language_code": "de"
}
-->
# Eine Website auf Leistung analysieren
## Überblick über die Aufgabe

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "b121a279a6ab39878491f3e572673515",
"translation_date": "2025-08-24T13:07:42+00:00",
"source_file": "5-browser-extension/README.md",
"language_code": "de"
}
-->
# Erstellen einer Browser-Erweiterung
Das Erstellen von Browser-Erweiterungen ist eine unterhaltsame und interessante Möglichkeit, über die Leistung Ihrer Apps nachzudenken, während Sie eine andere Art von Web-Asset entwickeln. Dieses Modul enthält Lektionen darüber, wie Browser funktionieren und wie man eine Browser-Erweiterung bereitstellt, wie man ein Formular erstellt, eine API aufruft und lokalen Speicher verwendet, sowie wie man die Leistung Ihrer Website bewertet und verbessert.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "fab4e6b4f0efcd587a9029d82991f597",
"translation_date": "2025-08-24T13:19:41+00:00",
"source_file": "5-browser-extension/solution/README.md",
"language_code": "de"
}
-->
# Carbon Trigger Browser-Erweiterung: Fertiger Code
Verwenden Sie die CO2 Signal API von tmrow, um den Stromverbrauch zu verfolgen, und erstellen Sie eine Browser-Erweiterung, damit Sie direkt in Ihrem Browser eine Erinnerung daran haben, wie hoch der Stromverbrauch in Ihrer Region ist. Die gelegentliche Nutzung dieser Erweiterung hilft Ihnen, Entscheidungen über Ihre Aktivitäten basierend auf diesen Informationen zu treffen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "cbaf73f94a9ab4c680a10ef871e92948",
"translation_date": "2025-08-24T13:20:36+00:00",
"source_file": "5-browser-extension/solution/translation/README.es.md",
"language_code": "de"
}
-->
# Browser-Erweiterung Carbon Trigger: Vollständiger Code
Mit der CO2-Signal-API von tmrow, die den Stromverbrauch verfolgt, können Sie eine Browser-Erweiterung erstellen, die Ihnen direkt in Ihrem Browser eine Erinnerung an den Stromverbrauch Ihrer Region gibt. Die Nutzung dieser Ad-hoc-Erweiterung hilft Ihnen, Entscheidungen über Ihre Aktivitäten basierend auf diesen Informationen zu treffen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "9361268ca430b2579375009e1eceb5e5",
"translation_date": "2025-08-24T13:23:24+00:00",
"source_file": "5-browser-extension/solution/translation/README.fr.md",
"language_code": "de"
}
-->
# Browser-Erweiterung Carbon Trigger: Fertiger Code
Mit der CO2 Signal API von tmrow, die den Stromverbrauch verfolgt, erstellen Sie eine Browser-Erweiterung, die Sie direkt in Ihrem Browser an den Stromverbrauch in Ihrer Region erinnert. Die Nutzung dieser maßgeschneiderten Erweiterung hilft Ihnen, Ihre Aktivitäten basierend auf diesen Informationen zu bewerten.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "dd58ae1b7707034f055718c1b68bc8de",
"translation_date": "2025-08-24T13:21:31+00:00",
"source_file": "5-browser-extension/solution/translation/README.hi.md",
"language_code": "de"
}
-->
# Carbon Trigger Browser-Erweiterung: Fertiger Code
Verwendung der CO2 Signal API von tmrow, um den Stromverbrauch zu verfolgen und eine Browser-Erweiterung zu erstellen, die Sie daran erinnert, wie stark der Stromverbrauch in Ihrer Region ist. Durch die Nutzung dieser Erweiterung können Sie basierend auf diesen Informationen Entscheidungen über Ihre Aktivitäten treffen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "9a6b22a2eff0f499b66236be973b24ad",
"translation_date": "2025-08-24T13:24:19+00:00",
"source_file": "5-browser-extension/solution/translation/README.it.md",
"language_code": "de"
}
-->
# Carbon Trigger Browser-Erweiterung: Code zum Starten
Die CO2 Signal API von tmrow wird verwendet, um den Stromverbrauch zu überwachen und eine Browser-Erweiterung zu erstellen, die direkt im Browser daran erinnert, wie hoch der Stromverbrauch in der eigenen Region ist. Die Nutzung dieser maßgeschneiderten Erweiterung hilft dabei, die eigenen Aktivitäten basierend auf diesen Informationen zu bewerten.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "3f5e6821e0febccfc5d05e7c944d9e3d",
"translation_date": "2025-08-24T13:25:14+00:00",
"source_file": "5-browser-extension/solution/translation/README.ja.md",
"language_code": "de"
}
-->
# Carbon-Trigger-Browser-Erweiterung: Fertiger Code
Erstellen Sie eine Browser-Erweiterung, die mithilfe der CO2 Signal API von tmrow den Stromverbrauch in Ihrer Region überwacht und als Erinnerung im Browser anzeigt, wie hoch der Energieverbrauch ist. Mit dieser Erweiterung können Sie Ihre Aktivitäten basierend auf diesen Informationen besser planen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "21b364c158c8e4f698de65eeac16c9fe",
"translation_date": "2025-08-24T13:22:30+00:00",
"source_file": "5-browser-extension/solution/translation/README.ms.md",
"language_code": "de"
}
-->
# Carbon Trigger Browser-Erweiterung: Vollständiger Code
Nutzen Sie die CO2-Signal-API von tmrow, um den Stromverbrauch zu überwachen, und erstellen Sie eine Browser-Erweiterung, die Sie im Browser über die Intensität des Stromverbrauchs in Ihrer Region informiert. Die Verwendung dieser Erweiterung hilft Ihnen, Ihre Aktivitäten basierend auf diesen Informationen bewusster zu planen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "26fd39046d264ba185dcb086d3a8cf3e",
"translation_date": "2025-08-24T13:12:06+00:00",
"source_file": "5-browser-extension/start/README.md",
"language_code": "de"
}
-->
# Carbon Trigger Browser-Erweiterung: Starter-Code
Verwenden Sie die CO2 Signal API von tmrow, um den Stromverbrauch zu verfolgen, und erstellen Sie eine Browser-Erweiterung, damit Sie direkt in Ihrem Browser eine Erinnerung daran haben, wie stark der Stromverbrauch in Ihrer Region ist. Die gelegentliche Nutzung dieser Erweiterung hilft Ihnen, Entscheidungen über Ihre Aktivitäten basierend auf diesen Informationen zu treffen.

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "a6332a7bb4d0be3bfd24199c83993777",
"translation_date": "2026-01-06T08:46:43+00:00",
"source_file": "6-space-game/1-introduction/README.md",
"language_code": "de"
}
-->
# Baue ein Weltraumspiel Teil 1: Einführung
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "c8fc39a014d08247c082878122e2ba73",
"translation_date": "2026-01-06T08:48:39+00:00",
"source_file": "6-space-game/1-introduction/assignment.md",
"language_code": "de"
}
-->
# Spiele-Prototyp erstellen: Designmuster anwenden
## Aufgabenübersicht

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "7994743c5b21fdcceb36307916ef249a",
"translation_date": "2026-01-06T08:41:17+00:00",
"source_file": "6-space-game/2-drawing-to-canvas/README.md",
"language_code": "de"
}
-->
# Baue ein Space Game Teil 2: Held und Monster auf die Leinwand zeichnen
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "87cd43afe5b69dbbffb5c4b209ea6791",
"translation_date": "2026-01-06T08:43:01+00:00",
"source_file": "6-space-game/2-drawing-to-canvas/assignment.md",
"language_code": "de"
}
-->
# Aufgabe: Erkunde die Canvas API
## Lernziele

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "8c55a2bd4bc0ebe4c88198fd563a9e09",
"translation_date": "2026-01-06T08:48:59+00:00",
"source_file": "6-space-game/3-moving-elements-around/README.md",
"language_code": "de"
}
-->
# Baue ein Weltraumspiel Teil 3: Bewegung hinzufügen
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "c162b3b3a1cafc1483c8015e9b266f0d",
"translation_date": "2026-01-06T08:51:05+00:00",
"source_file": "6-space-game/3-moving-elements-around/assignment.md",
"language_code": "de"
}
-->
# Kommentieren Sie Ihren Code
## Anleitung

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "039b4d8ce65f5edd82cf48d9c3e6728c",
"translation_date": "2026-01-06T08:39:10+00:00",
"source_file": "6-space-game/4-collision-detection/README.md",
"language_code": "de"
}
-->
# Baue ein Weltraumspiel Teil 4: Hinzufügen eines Lasers und Erkennen von Kollisionen
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "124efddbb65166cddb38075ad6dae324",
"translation_date": "2026-01-06T08:41:05+00:00",
"source_file": "6-space-game/4-collision-detection/assignment.md",
"language_code": "de"
}
-->
# Kollisionen erkunden
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:39:26+00:00",
"source_file": "6-space-game/4-collision-detection/solution/README.md",
"language_code": "de"
}
-->
Dies ist ein Platzhalter, absichtlich leer gelassen
**Haftungsausschluss**:

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:38:59+00:00",
"source_file": "6-space-game/4-collision-detection/your-work/README.md",
"language_code": "de"
}
-->
Dies ist ein Platzhalter, absichtlich leer gelassen
**Haftungsausschluss**:

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "2ed9145a16cf576faa2a973dff84d099",
"translation_date": "2026-01-06T08:45:39+00:00",
"source_file": "6-space-game/5-keeping-score/README.md",
"language_code": "de"
}
-->
# Baue ein Weltraumspiel Teil 5: Punkte und Leben
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "81f292dbda01685b91735e0398dc0504",
"translation_date": "2025-08-24T12:28:47+00:00",
"source_file": "6-space-game/5-keeping-score/assignment.md",
"language_code": "de"
}
-->
# Erstelle ein Punktespiel
## Anweisungen

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:29:47+00:00",
"source_file": "6-space-game/5-keeping-score/solution/README.md",
"language_code": "de"
}
-->
Dies ist ein Platzhalter, absichtlich leer gelassen
**Haftungsausschluss**:

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:29:18+00:00",
"source_file": "6-space-game/5-keeping-score/your-work/README.md",
"language_code": "de"
}
-->
Dies ist ein Platzhalter, absichtlich leer gelassen
**Haftungsausschluss**:

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "a4b78043f4d64bf3ee24e0689b8b391d",
"translation_date": "2026-01-06T08:43:15+00:00",
"source_file": "6-space-game/6-end-condition/README.md",
"language_code": "de"
}
-->
# Baue ein Weltraumspiel Teil 6: Ende und Neustart
```mermaid

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "232d592791465c1678cab3a2bb6cd3e8",
"translation_date": "2026-01-06T08:45:11+00:00",
"source_file": "6-space-game/6-end-condition/assignment.md",
"language_code": "de"
}
-->
# Erstelle ein Beispielspiel
## Aufgabenübersicht

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:45:21+00:00",
"source_file": "6-space-game/6-end-condition/solution/README.md",
"language_code": "de"
}
-->
Dies ist ein Platzhalter, absichtlich leer gelassen
**Haftungsausschluss**:

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "068cbb9b3c10a96d503f6cdd6c9ace8c",
"translation_date": "2025-08-24T12:44:54+00:00",
"source_file": "6-space-game/6-end-condition/your-work/README.md",
"language_code": "de"
}
-->
Dies ist ein Platzhalter, absichtlich leer gelassen
**Haftungsausschluss**:

@ -1,12 +1,3 @@
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
"translation_date": "2025-08-24T12:26:24+00:00",
"source_file": "6-space-game/README.md",
"language_code": "de"
}
-->
# Baue ein Weltraumspiel
Ein Weltraumspiel, um fortgeschrittene JavaScript-Grundlagen zu erlernen

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save