chore(i18n,learn): processed translations (#50516)

2026-05-28 18:26:54 +00:00 · 2023-05-25 22:23:59 +05:30
parent 3f967f3609
commit 6624e463ca
27 changed files with 48 additions and 48 deletions
@@ -15,7 +15,7 @@ Bisher hast du Typ-Selektoren für verschiedene Style-Elemente verwendet. Ein <d
 }
 ```

-Change the existing `div` selector into a class selector by replacing `div` with a class named `menu`.
+Ändere den vorhandenen `div`-Selektor in einen Klassen-Selektor, indem `div` durch eine Klasse namens `menu` ersetzt wird.

 # --hints--

@@ -11,7 +11,7 @@ Then, create a new CSS rule that targets the class `one` and set its `background

 # --hints--

-You should use a class selector to target the class `one`.
+Du solltest einen Klassen-Selektor verwenden, um die Klasse `one` anzuvisieren.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.one'));
@@ -7,7 +7,7 @@ dashedName: step-28

 # --description--

-<dfn>Secondary colors</dfn> are the colors you get when you combine primary colors. You might have noticed some secondary colors in the last step as you changed the red, green, and blue values.
+<dfn>Secondary colors</dfn> are the colors you get when you combine primary colors. Vielleicht hast du im letzten Schritt einige Sekundärfarben bemerkt, als du die roten, grünen und blauen Werte geändert hast.

 Um die erste Sekundärfarbe, Gelb, zu erstellen, aktualisiere die `rgb`-Funktion in der `.one`-CSS-Regel, um reines Rot und reines Grün zu kombinieren.

@@ -9,7 +9,7 @@ dashedName: step-87

 As you can see, you added a simple red shadow around your marker that's 5 pixels to the right, and 5 pixels down.

-But what if you wanted to position your shadow on the opposite side? You can do that by using negative values for `offsetX` and `offsetY`.
+But what if you wanted to position your shadow on the opposite side? Du kannst dies tun, indem du negative Werte für `offsetX` und `offsetY` verwendest.

 Update the values for the `box-shadow` property, and set `offsetX` to `-5px`, and `offsetY` to `-5px`.

@@ -11,7 +11,7 @@ Füge in deinem `head`-Element ein `title`-Element mit dem Text `Photo Gallery`

 # --hints--

-Your `link` element should have an `href` attribute with the value `styles.css`.
+Dein `link`-Element sollte ein `href`-Attribut mit dem Wert `styles.css` haben.

 ```js
 assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
@@ -40,19 +40,19 @@ Your `.header` selector should have a `padding` property set to `32px` as the va
 assert(new __helpers.CSSHelp(document).getStyle('.header')?.padding === '32px');
 ```

-Your `.header` selector should have a `background-color` property set to `#0a0a23` as the value.
+Dein `.header`-Selektor sollte eine `background-color`-Eigenschaft mit `#0a0a23` als Wert haben.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.header')?.backgroundColor === 'rgb(10, 10, 35)');
 ```

-Your `.header` selector should have a `color` property set to `#fff` as the value.
+Dein `.header`-Selektor sollte eine `color`-Eigenschaft mit `#fff` als Wert haben.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.header')?.color === 'rgb(255, 255, 255)');
 ```

-Your `.header` selector should have a `border-bottom` property set to `4px solid #fdb347` as the value.
+Dein `.header`-Selektor sollte eine `border-bottom`-Eigenschaft mit `4px solid #fdb347` als Wert haben.

 ```js
 console.log(new __helpers.CSSHelp(document).getStyle('.header'))
@@ -21,7 +21,7 @@ Du solltest einen `.gallery`-Selektor haben.
 assert(new __helpers.CSSHelp(document).getStyle('.gallery'));
 ```

-Your `.gallery` selector should have a `display` property set to `flex` as the value.
+Dein `.gallery`-Selektor sollte eine `display`-Eigenschaft mit `flex` als Wert haben.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.gallery')?.display === 'flex');
@@ -22,7 +22,7 @@ When you are done, set an explicit `flex-direction` of `row` on the `.gallery` e

 # --hints--

-Your `.gallery` selector should have a `flex-direction` property set to `row` as the value.
+Dein `.gallery`-Selektor sollte eine `flex-direction`-Eigenschaft auf `row` als Wert gesetzt haben.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.gallery')?.flexDirection === 'row');
@@ -8,14 +8,14 @@ dashedName: step-13
 # --description--


-Die `flex-wrap`-Eigenschaft legt fest, wie sich deine Flex-Elemente verhalten, wenn der Flex-Container zu klein ist. Setting it to `wrap` will allow the items to wrap to the next row or column. Wenn nötig verhindert `nowrap` (standardmäßig) das Umbrechen oder Schrumpfen der Elemente.
+Die `flex-wrap`-Eigenschaft legt fest, wie sich deine Flex-Elemente verhalten, wenn der Flex-Container zu klein ist. Wenn du den Wert auf `wrap` einstellst, werden die Elemente in die nächste Zeile oder Spalte umgebrochen. Wenn nötig verhindert `nowrap` (standardmäßig) das Umbrechen oder Schrumpfen der Elemente.


 Make it so your flex items wrap to the next row when they run out of space.

 # --hints--

-Your `.gallery` selector should have a `flex-wrap` property set to `wrap` as the value.
+Dein `.gallery`-Selektor sollte eine `flex-wrap`-Eigenschaft mit `wrap` als Wert haben.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.gallery')?.flexWrap === 'wrap');
@@ -13,7 +13,7 @@ Then, give it a `max-width` of `1400px` and add a `margin` of `0 auto` to center

 # --hints--

-Your `.gallery` selector should have a `padding` property set to `20px 10px` as the value.
+Dein `.gallery`-Selektor sollte eine `padding`-Eigenschaft mit `20px 10px` als Wert haben.

 ```js
 assert.equal(new __helpers.CSSHelp(document).getStyle('.gallery')?.paddingTop, '20px');
@@ -22,7 +22,7 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.gallery')?.paddingLeft,
 assert.equal(new __helpers.CSSHelp(document).getStyle('.gallery')?.paddingRight, '10px');
 ```

-Your `.gallery` selector should have a `max-width` property set to `1400px` as the value.
+Dein `.gallery`-Selektor sollte eine `max-width`-Eigenschaft mit `1400px` als Wert haben.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.gallery')?.maxWidth === '1400px');
@@ -7,7 +7,7 @@ dashedName: step-8

 # --description--

-Your images are too big. Create a `.gallery img` selector to target them. Give them all a `width` of `100%` and a `max-width` of `350px` so they shrink as needed but don't get too big.
+Deine Bilder sind zu groß. Create a `.gallery img` selector to target them. Give them all a `width` of `100%` and a `max-width` of `350px` so they shrink as needed but don't get too big.

 Also set the `height` property to `300px` to keep your images a uniform size.

@@ -9,7 +9,7 @@ dashedName: step-44

 Create an `img` selector and give it a `width` property set to `100%`, and an `object-fit` property set to `cover`.

-The `object-fit` property tells the browser how to position the element within its container. In this case, `cover` will set the image to fill the container, cropping as needed to avoid changing the aspect ratio.
+The `object-fit` property tells the browser how to position the element within its container. In diesem Fall wird `cover` das Bild so einstellen, dass es den Container füllt, indem es nach Bedarf zuschneidet, um das Seitenverhältnis nicht zu verändern.

 # --hints--

@@ -7,7 +7,7 @@ dashedName: step-45

 # --description--

-It's a little hidden behind the foreground buildings, but you can see the three color gradient there. Since you are using that now, remove the `background-color` property from `.bb1d`.
+Es ist ein wenig hinter den Vordergrundbauten versteckt, aber du kannst dort den dreifarbigen Verlauf sehen. Since you are using that now, remove the `background-color` property from `.bb1d`.

 # --hints--

@@ -7,11 +7,11 @@ dashedName: step-50

 # --description--

-Create a new variable in `:root` named `window-color2` with a value of `#8cd9b3`. This will be used as the secondary color for this building.
+Erstelle eine neue Variable in `:root` namens `window-color2` mit einem Wert von `#8cd9b3`. This will be used as the secondary color for this building.

 # --hints--

-You should create a new property variable called `window-color2` within `:root`.
+Du solltest innerhalb `:root` eine neue Eigenschaftsvariable namens `window-color2` verwenden.

 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle(':root')?.getPropertyValue('--window-color2'));
@@ -11,7 +11,7 @@ Add a `target` attribute with the value `_blank` to the anchor (`a`) element's o

 # --hints--

-Your `p` element should have a nested anchor (`a`) element with the text `cat photos`. You may have deleted it or have a typo.
+Your `p` element should have a nested anchor (`a`) element with the text `cat photos`. Du hast es vielleicht gelöscht oder einen Tippfehler gemacht.

 ```js
 const anchor = $('p > a');
@@ -27,7 +27,7 @@ Your anchor (`a`) element does not have a `target` attribute. Check that there i
 assert(document.querySelector('a').hasAttribute('target'));
 ```

-The value of the `target` attribute should be `_blank`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks.
+The value of the `target` attribute should be `_blank`. Du hast entweder den Wert weggelassen oder einen Tippfehler gemacht. Denke daran, dass Attributwerte zwischen Anführungszeichen geschrieben werden sollten.

 ```js
 assert(document.querySelector('a').getAttribute('target') === '_blank');
@@ -13,7 +13,7 @@ Nest the image you just added within a `figure` element.

 # --hints--

-Your `figure` element should have an opening tag. Opening tags have the following syntax: `<elementName>`.
+Your `figure` element should have an opening tag. Öffnende Tags haben die folgende Syntax: `<elementName>`.

 ```js
 assert(document.querySelector('figure'));
@@ -13,7 +13,7 @@ Add the placeholder text `cat photo URL` to your `input` element.

 # --hints--

-You have either deleted your `input` element or it has invalid syntax. All attributes' values should be surrounded by quotation marks.
+You have either deleted your `input` element or it has invalid syntax. Alle Attributwerte sollten zwischen Anführungszeichen stehen.

 ```js
 assert($('input').length);
@@ -34,7 +34,7 @@ Your `input` element does not have a `placeholder` attribute. Check that there i
 assert($('input')[0].hasAttribute('placeholder'));
 ```

-Your `input` element should have a `placeholder` attribute with the value `cat photo URL`.  You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks.
+Your `input` element should have a `placeholder` attribute with the value `cat photo URL`.  Du hast entweder den Wert weggelassen oder einen Tippfehler gemacht. Denke daran, dass Attributwerte zwischen Anführungszeichen geschrieben werden sollten.

 ```js
 assert(
@@ -7,7 +7,7 @@ dashedName: step-1

 # --description--

-Start by setting up your HTML structure. Add a `<!DOCTYPE>` declaration and an `html` element with a `lang` attribute set to `en`. Within the `html` element, add a `head` element and a `body` element.
+Beginne mit dem Einrichten deiner HTML-Struktur. Add a `<!DOCTYPE>` declaration and an `html` element with a `lang` attribute set to `en`. Within the `html` element, add a `head` element and a `body` element.

 # --hints--

@@ -23,7 +23,7 @@ You should include a space after the `DOCTYPE` reference.
 assert(code.match(/<!DOCTYPE\s+/gi));
 ```

-You should define the document type to be `html`.
+Du solltest den Dokumententyp als `html` definieren.

 ```js
 assert(code.match(/html/gi));
@@ -7,7 +7,7 @@ dashedName: step-15

 # --description--

-Create some "dots" for the instrument. Add five `div` elements within your `#gray-instrument` element. Set the `class` of each to `black-dot`.
+Erstelle einige "Punkte" für das Instrument. Add five `div` elements within your `#gray-instrument` element. Set the `class` of each to `black-dot`.

 # --hints--

@@ -7,7 +7,7 @@ dashedName: step-20

 # --description--

-Now you have a large box. Give it a `border-top-color`, `border-right-color`, and `border-left-color` of `transparent`. Set the `border-bottom-color` to `GhostWhite`. This will make it look more like a hat.
+Nun hast du eine große Box. Give it a `border-top-color`, `border-right-color`, and `border-left-color` of `transparent`. Set the `border-bottom-color` to `GhostWhite`. This will make it look more like a hat.

 # --hints--

@@ -7,7 +7,7 @@ dashedName: step-27

 # --description--

-Set the `z-index` to `1`.
+Setze den `z-index` auf `1`.

 # --hints--

@@ -7,7 +7,7 @@ dashedName: step-64

 # --description--

-Style the element with the id `black-round-hat` using an id selector. Set the `width` to `180px`, the `height` to `150px`, and the `background-color` to `rgb(45, 31, 19)`.
+Style the element with the id `black-round-hat` using an id selector. Setze die `width` auf `180px`, die `height` auf `150px` und die `background-color` auf `rgb(45, 31, 19)`.

 # --hints--

@@ -7,7 +7,7 @@ dashedName: step-79

 # --description--

-Verwende nun einen Klassenselektor, um `guitar` auszuwählen. This will style the two "halves" of your guitar. Set the `width` to `150px`, the `height` to `120px`, the `background-color` to `Goldenrod`, and the `border-radius` to `50%`.
+Verwende nun einen Klassenselektor, um `guitar` auszuwählen. Dies wird die beiden "Hälften" deiner Gitarre gestalten. Set the `width` to `150px`, the `height` to `120px`, the `background-color` to `Goldenrod`, and the `border-radius` to `50%`.

 # --hints--

@@ -1,6 +1,6 @@
 ---
 id: 62018243f046a368fab8ffb6
-title: Step 49
+title: Schritt 49
 challengeType: 0
 dashedName: step-49
 ---
@@ -7,7 +7,7 @@ dashedName: step-19

 # --description--

-Nutrition labels have a lot of bold text to draw attention to important information. Rather than targeting each element that needs to be bold, it is more efficient to use a class to apply the bold styling to every element.
+Die Nährwertkennzeichnungen haben eine Menge fettgedruckten Text, um die Aufmerksamkeit auf die wichtigen Informationen zu lenken. Anstatt jedes Element auszuwählen, das fettgedruckt sein muss, ist es effizienter, eine Klasse zu verwenden, um den fettgedruckten Stil auf jedes Element anzuwenden.

 Give your second `p` element a `class` attribute set to `bold`.

@@ -7,53 +7,53 @@ dashedName: step-3

 # --description--

-Next is to get your totals. Get the `#total-items`, `#subtotal`, `#taxes`, and `#total` elements. Store them in variables named `totalNumberOfItems`, `cartSubTotal`, `cartTaxes`, and `cartTotal`, respectively.
+Em seguida, você receberá seus totais. Obtenha os elementos `#total-items`, `#subtotal`, `#taxes` e `#total`. Armazene-os em variáveis chamadas `totalNumberOfItems`, `cartSubTotal`, `cartTaxes` e `cartTotal`, respectivamente.

 # --hints--

-You should use `document.getElementById()` to get the `#total-items` element.
+Você deve usar `document.getElementById()` para obter o elemento `#total-items`.

 ```js
 assert.match(code, /document\.getElementById\(\s*('|"|`)total-items\1\s*\)/);
 ```

-You should assign the `#total-items` element to a variable named `totalNumberOfItems`. Remember to use `const` to declare the variable.
+Você deve atribuir o elemento `#total-items` a uma variável chamada `totalNumberOfItems`. Lembre-se de usar `const` para declarar a variável.

 ```js
 assert.match(code, /const\s+totalNumberOfItems\s*=\s*document\.getElementById\(\s*('|"|`)total-items\1\s*\)/);
 ```

-You should use `document.getElementById()` to get the `#subtotal` element.
+Você deve usar `document.getElementById()` para obter o elemento `#subtotal`.

 ```js
 assert.match(code, /document\.getElementById\(\s*('|"|`)subtotal\1\s*\)/);
 ```

-You should assign the `#subtotal` element to a variable named `cartSubTotal`. Remember to use `const` to declare the variable.
+Você deve atribuir o elemento `#subtotal` a uma variável chamada `cartSubTotal`. Lembre-se de usar `const` para declarar a variável.

 ```js
 assert.match(code, /const\s+cartSubTotal\s*=\s*document\.getElementById\(\s*('|"|`)subtotal\1\s*\)/);
 ```

-You should use `document.getElementById()` to get the `#taxes` element.
+Você deve usar `document.getElementById()` para obter o elemento `#taxes`.

 ```js
 assert.match(code, /document\.getElementById\(\s*('|"|`)taxes\1\s*\)/);
 ```

-You should assign the `#taxes` element to a variable named `cartTaxes`. Remember to use `const` to declare the variable.
+Você deve atribuir o elemento `#taxes` a uma variável chamada `cartTaxes`. Lembre-se de usar `const` para declarar a variável.

 ```js
 assert.match(code, /const\s+cartTaxes\s*=\s*document\.getElementById\(\s*('|"|`)taxes\1\s*\)/);
 ```

-You should use `document.getElementById()` to get the `#total` element.
+Você deve usar `document.getElementById()` para obter o elemento `#total`.

 ```js
 assert.match(code, /document\.getElementById\(\s*('|"|`)total\1\s*\)/);
 ```

-You should assign the `#total` element to a variable named `cartTotal`. Remember to use `const` to declare the variable.
+Você deve atribuir o elemento `#total` a uma variável chamada `cartTotal`. Lembre-se de usar `const` para declarar a variável.

 ```js
 assert.match(code, /const\s+cartTotal\s*=\s*document\.getElementById\(\s*('|"|`)total\1\s*\)/);
@@ -7,31 +7,31 @@ dashedName: step-4

 # --description--

-The last element to get is the `#show-hide-cart` element. Store it in a variable named `showHideCartSpan`.
+O último elemento a ser obtido é o elemento `#show-hide-cart`. Armazene-o em uma variável chamada `showHideCartSpan`.

-Then, use `let` to declare a variable named `isCartShowing` and set it to `false`.
+Em seguida, use `let` para declarar uma variável chamada `isCartShowing` e defina-a como `false`.

 # --hints--

-You should use `document.getElementById()` to get the `#show-hide-cart` element.
+Você deve usar `document.getElementById()` para obter o elemento `#show-hide-cart`.

 ```js
 assert.match(code, /document\.getElementById\(\s*('|"|`)show-hide-cart\1\s*\)/);
 ```

-You should assign the `#show-hide-cart` element to a variable named `showHideCartSpan`. Remember to use `const` to declare the variable.
+Você deve atribuir o elemento `#show-hide-cart` a uma variável chamada `showHideCartSpan`. Lembre-se de usar `const` para declarar a variável.

 ```js
 assert.match(code, /const\s+showHideCartSpan\s*=\s*document\.getElementById\(\s*('|"|`)show-hide-cart\1\s*\)/);
 ```

-You should use `let` to declare a variable named `isCartShowing`.
+Você deve usar `let` para declarar uma variável chamada `isCartShowing`.

 ```js
 assert.match(code, /let\s+isCartShowing/);
 ```

-You should set the `isCartShowing` variable to `false`.
+Você deve definir a variável `isCartShowing` como `false`.

 ```js
 assert.match(code, /let\s+isCartShowing\s*=\s*false/);