diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 899eba81d69..38a8c872c1f 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -لاحظ أنه لإنشاء البرتقالي كان عليك زيادة كثافة اللون الأحمر وتقليل كثافة قيم `rgb` الخضراء. وذلك لأن البرتقالي هو مزيج من اللون الأحمر والأصفر، ويسقط بين اللونين على عجلة الألوان. +لاحظ أنه لإنشاء البرتقالي كان عليك زيادة كثافة اللون الأحمر وتقليل كثافة قيم `rgb` الخضراء. This is because orange is the combination of red and yellow. لإنشاء ربيع اللون الثالث أخضر، الجمع بين السيان والأخضر. قم بتحديث وظيفة `rgb` في قاعدة CSS مسمى `.two` بحيث تكون قيمة اللون الأخضر بالحد الأقصى، وقيمة اللون الأزرق `127`. diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 5bf34318809..a87eedf7493 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -注意，要創建橙色，你需要增加紅色的強度，並降低綠色 `rgb` 值的強度。 這是因爲橙色是紅色和黃色的結合，再色輪上處於兩種顏色之間。 +注意，要創建橙色，你需要增加紅色的強度，並降低綠色 `rgb` 值的強度。 This is because orange is the combination of red and yellow. 要創建複色亮綠色，需要組合青色和綠色。 更新 `.two` CSS 規則中的 `rgb` 函數，使綠色是最大值，藍色的值是 `127`。 diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 5c5eb8287f8..6436b7b25bb 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -注意，要创建橙色，你需要增加红色的强度，并降低绿色 `rgb` 值的强度。 这是因为橙色是红色和黄色的结合，再色轮上处于两种颜色之间。 +注意，要创建橙色，你需要增加红色的强度，并降低绿色 `rgb` 值的强度。 This is because orange is the combination of red and yellow. 要创建复色亮绿色，需要组合青色和绿色。 更新 `.two` CSS 规则中的 `rgb` 函数，使绿色是最大值，蓝色的值是 `127`。 diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 384b4106e32..f7d36fc075a 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Ten en cuenta que, para crear naranja, tuviste que aumentar la intensidad del rojo y disminuir la intensidad del verde en los valores `rgb`. Esto se debe a que el naranja es la combinación de rojo y amarillo, y este queda entre los dos colores de la rueda de color. +Ten en cuenta que, para crear naranja, tuviste que aumentar la intensidad del rojo y disminuir la intensidad del verde en los valores `rgb`. This is because orange is the combination of red and yellow. Para crear el color terciario spring green (verde primavera), combina el cian con el verde. Actualiza la función `rgb` en la regla CSS `.two` para que el verde esté en el valor máximo, y establece azul a `127`. diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 86c49a3031d..57e72561f87 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Beachte, dass du die Intensität von Rot erhöhen musst und die Intensität der grünen `rgb`-Werte senken musst, um Orange zu erstellen. Das liegt daran, dass Orange die Kombination aus Rot und Gelb ist und zwischen den beiden Farben des Farbkreies fällt. +Beachte, dass du die Intensität von Rot erhöhen musst und die Intensität der grünen `rgb`-Werte senken musst, um Orange zu erstellen. This is because orange is the combination of red and yellow. Kombiniere Cyan mit Grün, um die Tertiärfarbe Frühlingsgrün herzustellen. Aktualisiere die `rgb`-Funktion in der `.two`-CSS-Regel so, dass Grün den maximalen Wert hat und Blau auf `127` eingestellt ist. diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d033915012509031f309a.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d033915012509031f309a.md index fc228162688..19751bccd15 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d033915012509031f309a.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d033915012509031f309a.md @@ -11,7 +11,7 @@ Füge unter dem `.face.right`-Element ein `div`-Element mit einer `class` von `c # --hints-- -Du solltest ein `div`-Element innerhalb `.penguin-head` hinzufügen. Expected `--fcc-expected--` `div` elements, found `--fcc-actual--`. +Du solltest ein `div`-Element innerhalb `.penguin-head` hinzufügen. Es sind `--fcc-expected--` `div`-Elemente erwartet worden, aber es wurden `--fcc-actual--` gefunden. ```js assert.equal(document.querySelectorAll('.penguin-head > div')?.length, 3); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d090cd8d6db0c93dc5087.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d090cd8d6db0c93dc5087.md index ff22a084421..81490a4e56c 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d090cd8d6db0c93dc5087.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d090cd8d6db0c93dc5087.md @@ -11,7 +11,7 @@ Füge unter deinem `.chin`-Element zwei `div`-Elemente mit einer `class` von `ey # --hints-- -Du solltest zwei `div`-Elemente innerhalb `.penguin-head` hinzufügen. Expected `--fcc-expected--` `div` elements, found `--fcc-actual--`. +Du solltest zwei `div`-Elemente innerhalb `.penguin-head` hinzufügen. Es sind `--fcc-expected--` `div`-Elemente erwartet worden, aber es wurden `--fcc-actual--` gefunden. ```js assert.equal(document.querySelectorAll('.penguin-head > div')?.length, 5); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d10cc98145f14820399c5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d10cc98145f14820399c5.md index cc73c9eb3d7..bb55f5138d5 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d10cc98145f14820399c5.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d10cc98145f14820399c5.md @@ -11,7 +11,7 @@ Füge unter dem `.blush.right`-Element zwei `div`-Elemente mit einer `class` von # --hints-- -Du solltest zwei `div`-Elemente innerhalb `.penguin-head` hinzufügen. Expected `--fcc-expected--` `div` elements, found `--fcc-actual--`. +Du solltest zwei `div`-Elemente innerhalb `.penguin-head` hinzufügen. Es sind `--fcc-expected--` `div`-Elemente erwartet worden, aber es wurden `--fcc-actual--` gefunden. ```js assert.equal(document.querySelectorAll('.penguin-head > div')?.length, 9); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d15797b580c1828b05426.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d15797b580c1828b05426.md index 7a08050c7de..80204893455 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d15797b580c1828b05426.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d15797b580c1828b05426.md @@ -11,7 +11,7 @@ Füge innerhalb des `.shirt`-Elements einen `div` mit dem folgenden Emoji als In # --hints-- -Du solltest ein `div`-Element innerhalb `div.shirt` einfügen. Expected `--fcc-expected--` `div` element, found `--fcc-actual--`. +Du solltest ein `div`-Element innerhalb `div.shirt` einfügen. Es sind `--fcc-expected--` `div`-Elemente erwartet worden, aber es wurden `--fcc-actual--` gefunden. ```js assert.equal(document.querySelectorAll('.shirt > div')?.length, 1); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d237a107c10221ed743fa.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d237a107c10221ed743fa.md index 1a8bfa13898..71d102ab99c 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d237a107c10221ed743fa.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d237a107c10221ed743fa.md @@ -13,7 +13,7 @@ Füge innerhalb `.penguin-body`, vor den `.foot`-Elementen, zwei `div`-Elemente # --hints-- -Du solltest zwei `div`-Elemente innerhalb `.penguin-body` hinzufügen. Expected `--fcc-expected--` `div` elements, found `--fcc-actual--`. +Du solltest zwei `div`-Elemente innerhalb `.penguin-body` hinzufügen. Es sind `--fcc-expected--` `div`-Elemente erwartet worden, aber es wurden `--fcc-actual--` gefunden. ```js assert.equal(document.querySelectorAll('.penguin-body > div')?.length, 4); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md index 40dcd04f334..3058032bbf9 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md @@ -11,7 +11,7 @@ Add another `repeating-linear-gradient` below the one you just added. Give it a # --hints-- -You should give `.fb5` a second `repeating-linear-gradient` in the `background` property. +Du solltest `.fb5` einen zweiten `repeating-linear-gradient` in der `background`-Eigenschaft geben. ```js assert.match(new __helpers.CSSHelp(document).getStyle(".fb5")?.getPropVal('background', true), /repeating-linear-gradient\(var\(--building-color2\)(0%)?,var\(--building-color2\)5%,transparent5%,transparent10%\),repeating-linear-gradient/); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc54138d6a74d05e68af76.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc54138d6a74d05e68af76.md index 906572bf888..8af738a5efc 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc54138d6a74d05e68af76.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5efc54138d6a74d05e68af76.md @@ -11,13 +11,13 @@ Add an `id` attribute with the value `loving` to the checkbox input. # --hints-- -Your checkbox should have an `id` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names. +Deine Checkbox sollte ein `id`-Attribut haben. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names. ```js assert($('input[type="checkbox"]')[0].hasAttribute('id')); ``` -Your checkbox should have an `id` attribute with the value `loving`. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks. +Deine Checkbox sollte ein `id`-Attribut mit dem Wert `loving` haben. You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks. ```js assert($('input[type="checkbox"]')[0].id.match(/^loving$/)); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4ab1b435f13ab6550052.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4ab1b435f13ab6550052.md index 52deafa9647..5e02887f93e 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4ab1b435f13ab6550052.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f0d4ab1b435f13ab6550052.md @@ -35,7 +35,7 @@ Du solltest nur ein abschließendes `fieldset`-Tag hinzufügen. Please remove an assert(code.match(/<\/fieldset>/g).length === 2); ``` -The second `fieldset` element should not be nested in the first `fieldset` element. +Das zweite `fieldset`-Element sollte nicht im ersten `fieldset`-Element eingebettet sein. ```js const childrenOf1stFieldset = [ diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f1a80975fc4bcae0edb3497.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f1a80975fc4bcae0edb3497.md index ab6b7b7ce91..1736372236e 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f1a80975fc4bcae0edb3497.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5f1a80975fc4bcae0edb3497.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -If you select the `Indoor` radio button and submit the form, the form data for the button is based on its `name` and `value` attributes. Since your radio buttons do not have a `value` attribute, the form data will include `indoor-outdoor=on`, which is not useful when you have multiple buttons. +Wenn du den `Indoor`-Radio-Button auswählst und das Formular absendest, basieren die Formulardaten für den Button auf seine `name`- und `value`-Attribute. Since your radio buttons do not have a `value` attribute, the form data will include `indoor-outdoor=on`, which is not useful when you have multiple buttons. Füge ein `value`-Attribut zu beiden Radio-Buttons hinzu. For convenience, set the button's `value` attribute to the same value as its `id` attribute. diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md index 18388b0865e..3b987cd637d 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe3936796ac04959285a9.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Currently, if you type in the `input` or `textarea` elements, you will not be able to see the text. Also, their height is too small to be easy to use. +Wenn du jetzt in die `inputtextarea`-Elemente eintippst, wirst du den Text nicht sehen können. Also, their height is too small to be easy to use. Fix this, by setting the `color` to `#ffffff`, and setting their `min-height` to `2em`. diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md index 09543748bf5..760b7b056ea 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62b30924c5e4ef0daba23b5e.md @@ -7,7 +7,7 @@ dashedName: step-47 # --description-- -The border of the last `fieldset` element looks a little out of place. You can select the last element of a specific type using the `last-of-type` CSS pseudo-class, like this: +The border of the last `fieldset` element looks a little out of place. Du kannst das letzte Element eines bestimmten Typs auswählen, indem du wie folgt die `last-of-type`-CSS-Pseudo-Klasse auswählst: ```css p:last-of-type { } @@ -17,7 +17,7 @@ Damit wird das letzte `p`-Element ausgewählt. Create a new selector that target # --hints-- -You can use the `:last-of-type` pseudo-class to select only the last element of a certain type. +Du kannst die `:last-of-type`-Pseudo-Klasse verwenden, um nur das letzte Element eines bestimmten Typs auszuwählen. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('fieldset:last-of-type')); diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md index e69353b74cc..dfc8c59bc64 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8b9dab5ac88e4d3d43a3.md @@ -9,7 +9,7 @@ dashedName: step-18 Following accessibility best practices, link the `input` elements and the `label` elements together using the `for` attribute. -Use `first-name`, `last-name`, `email`, and `new-password` as values for the respective `id` attributes. +Verwende `first-name`, `last-name`, `email` und `new-password` als Werte für die jeweiligen `id`-Attribute. # --hints-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md index 11b3d2d26a8..988398b9979 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff8e998d3e7eae14d6ae3b.md @@ -9,7 +9,7 @@ dashedName: step-29 Follow accessibility best practices by linking the `input` elements and the `label` elements in the second `fieldset`. -Use `personal-account`, `business-account`, and `terms-and-conditions` as values for the respective `id` attributes. +Verwende `personal-account`, `business-account` und `terms-and-conditions` als Werte für die jeweiligen `id`-Attribute. # --hints-- @@ -19,13 +19,13 @@ The first `input` element should have an `id` of `personal-account`. assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[0]?.matches('#personal-account')) ``` -The second `input` element should have an `id` of `business-account`. +Das zweite `input`-Element sollte die `id` `business-account` haben. ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[1]?.matches('#business-account')) ``` -The third `input` element should have an `id` of `terms-and-conditions`. +Das dritte `input`-Element sollte die `id` `terms-and-conditions` haben. ```js assert(document.querySelectorAll('fieldset:nth-of-type(2) input')?.[2]?.matches('#terms-and-conditions')) diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md index 6c7fd481541..fd3196a4159 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/62ff919a7b5612c0670923a5.md @@ -9,7 +9,7 @@ dashedName: step-38 Link the applicable form elements and their `label` elements together. -Use `profile-picture`, `age`, `referrer`, and `bio` as values for the respective `id` attributes. +Verwende `profile-picture`, `age`, `referrer` und `bio` als Werte für die jeweiligen `id`-Attribute. # --hints-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fda339eadcfd92a6812bed.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fda339eadcfd92a6812bed.md index d045bb8d7ee..0d95ba6f194 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fda339eadcfd92a6812bed.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fda339eadcfd92a6812bed.md @@ -9,7 +9,7 @@ dashedName: step-30 Bevor du dich zu sehr in deiner Gestaltung vertiefst, solltest du von der `sr-only`-Klasse Gebrauch machen. Du kannst CSS verwenden, um Elemente mit dieser Klasse vollständig von der visuellen Seite auszublenden, aber dennoch von Screenreadern angezeigt werden zu lassen. -The CSS you are about to write is a common set of properties used to ensure elements are completely hidden visually. +Das CSS, das du gleich schreiben wirst, ist ein allgemeines Set von Eigenschaften, mit denen sichergestellt wird, dass Elemente visuell vollständig ausgeblendet werden. Der `span[class~="sr-only"]`-Selektor wird jedes `span`-Element auswählen, dessen `class` * * `sr-only` enthält. Erstelle diesen Selektor und gib ihm eine `border`-Eigenschaft mit dem Wert `0`. diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620159cd5431aa34bc6a4c9c.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620159cd5431aa34bc6a4c9c.md index 11581b5fb7a..cf1dd8b511f 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620159cd5431aa34bc6a4c9c.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620159cd5431aa34bc6a4c9c.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -Target your flex container with an `h1 .flex` selector. Give it a `display` property set to `flex` to enable the flexbox layout. Then set the `flex-direction` property to `column-reverse` - this will display the nested elements from bottom to top. Finally, set the `gap` property to `1rem` to create some space between the elements. +Target your flex container with an `h1 .flex` selector. Give it a `display` property set to `flex` to enable the flexbox layout. Then set the `flex-direction` property to `column-reverse` - this will display the nested elements from bottom to top. Setze schließlich die `gap`-Eigenschaft auf `1rem`, um mehr Abstand zwischen den Elementen zu schaffen. # --hints-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620186f4b6b8356d2def576b.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620186f4b6b8356d2def576b.md index e3d00ad16a8..f5112047f2d 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620186f4b6b8356d2def576b.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620186f4b6b8356d2def576b.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Als Nächstes musst du deine `caption`-Elemente gestalten, damit sie mehr wie Header aussehen. Erstelle einen `table caption`-Selektor. Set the text to have a color of `#356eaf`, a size of `1.3em`, and a normal weight. +Als Nächstes musst du deine `caption`-Elemente gestalten, damit sie mehr wie Header aussehen. Erstelle einen `table caption`-Selektor. Lege für den Text die Farbe `#356eaf`, eine Größe von `1.3em` und eine normale Schriftgewichtung fest. # --hints-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/6201995d9ab88e80f1989dce.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/6201995d9ab88e80f1989dce.md index 566ca4e0d8f..f1621e70bf9 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/6201995d9ab88e80f1989dce.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/6201995d9ab88e80f1989dce.md @@ -7,7 +7,7 @@ dashedName: step-58 # --description-- -The `:nth-of-type()` pseudo-selector is used to target specific elements based on their order among siblings of the same type. Verwende diesen Pseudo-Selektor, um das dritte `td`-Element innerhalb deiner `total`-Tabellenzeilen auszuwählen. Weise ihm ein rechtes Padding von `0.5rem` zu. +Der `:nth-of-type()`-Pseudo-Selektor wird verwendet, um bestimmte Elemente auf Grundlage ihrer Reihenfolge unter Geschwisterelementen desselben Typs auszuwählen. Verwende diesen Pseudo-Selektor, um das dritte `td`-Element innerhalb deiner `total`-Tabellenzeilen auszuwählen. Weise ihm ein rechtes Padding von `0.5rem` zu. # --hints-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md index e9b81b3fcaa..0cf845fd753 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Logical operators can be used to construct more complex media queries. The `and` logical operator is used to query two media conditions. +Mit logischen Operatoren können komplexere Media Queries erstellt werden. The `and` logical operator is used to query two media conditions. For example, a media query that targets a display width between 500px and 1000px would be: diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69972.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69972.md index 99782e0f262..d21c02992c3 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69972.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-the-css-box-model-by-building-a-rothko-painting/60a3e3396c7b40068ad69972.md @@ -7,7 +7,7 @@ dashedName: step-9 # --description-- -Add the `height` property with the value `600px` to your `.canvas` rule. +Füge die `height`-Eigenschaft mit dem Wert `600px` zu deiner `.canvas`-Regel hinzu. # --hints-- diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f34ecc1091b4fd5a8a484.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f34ecc1091b4fd5a8a484.md index 6a59891e463..a25b300f439 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f34ecc1091b4fd5a8a484.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f34ecc1091b4fd5a8a484.md @@ -9,7 +9,7 @@ dashedName: step-4 Within your `head` element, add a `link` element with the `rel` attribute set to `stylesheet` and the `href` attribute set to `https://fonts.googleapis.com/css?family=Open+Sans:400,700,800`. -This will import the `Open Sans` font family, with the font weight values `400`, `700`, and `800`. +Auf diese Weise wird die `Open Sans`-Schriftart-Familie mit den Schriftstärke-Einstellungen `400`, `700` und `800` importiert. Also add a `link` element to link your `styles.css` file. diff --git a/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4dde9d72e3694cb9ee3b.md b/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4dde9d72e3694cb9ee3b.md index 162e525b3a4..fc385fb4cf6 100644 --- a/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4dde9d72e3694cb9ee3b.md +++ b/curriculum/challenges/german/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4dde9d72e3694cb9ee3b.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Now update your `h1` selector to be `header h1` to specifically target your `h1` element within your new `header`. +Aktualisiere nun deinen `h1`-Selektor auf `header h1`, um speziell deine `h1`-Elemente innerhalb deines neuen `header` auszuwählen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635060a5c03c950f46174cb5.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635060a5c03c950f46174cb5.md index 6ec711ff76c..37a803748b0 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635060a5c03c950f46174cb5.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635060a5c03c950f46174cb5.md @@ -9,7 +9,7 @@ dashedName: step-1 Statistics is a way of using math to make sense of data. It helps us understand patterns and trends in information, so we can make predictions and decisions based on that information. -In this challenge, you will build a statistics calculator that takes a set of numbers and returns the mean, median, mode, standard deviation, and variance. +In dieser Aufgabe wirst du einen Statistikrechner bauen, der aus einer Reihe von Zahlen den Mittelwert, den Median, den Modus, die Standardabweichung und die Varianz zurückgibt. The HTML and CSS have been provided for you. Feel free to explore the code – you may notice that the `calculate` function is called when the form is submitted. When you are ready, declare a `calculate` variable and assign it an empty function in the `script.js` file. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507b5ac8a55134223374c7.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507b5ac8a55134223374c7.md index c8b6e393146..0b72e870825 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507b5ac8a55134223374c7.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507b5ac8a55134223374c7.md @@ -7,7 +7,7 @@ dashedName: step-2 # --description-- -To begin, the `calculate` function needs to find the number that was entered in the `#numbers` input field. To do this, use a `.querySelector` to locate the input field and then use the `.value` property to get the number entered. +To begin, the `calculate` function needs to find the number that was entered in the `#numbers` input field. Dazu verwendest du einen `.querySelector`, um das Eingabefeld zu finden, und verwende dann die `.value`-Eigenschaft, um die eingegebene Zahl zu erhalten. Store this in a `value` variable. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507e4562cdde3a28e8de1b.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507e4562cdde3a28e8de1b.md index 09319b528be..2068058d624 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507e4562cdde3a28e8de1b.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/63507e4562cdde3a28e8de1b.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Much like the `.map()` method, the `.filter()` method takes a callback function. The callback function takes the current element as its first argument. +Wie die `.map()`-Methode nimmt auch die `.filter()`-Methode eine Callback-Funktion auf. The callback function takes the current element as its first argument. ```js array.filter(el => { @@ -23,7 +23,7 @@ Add a callback function to your `.filter()` method that returns `true` if the el # --hints-- -Your `.filter()` method should have a callback which accepts `el` as an argument. +Deine `.filter()`-Methode sollte einen Callback haben, der `el` als Argument verwendet. ```js assert.match(calculate.toString(), /numbers\.filter\(\(?\s*el\s*\)?\s*=>|numbers\.filter\(function\s*\(?el\)\s*\{/) diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635080d80b72803e973841da.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635080d80b72803e973841da.md index 9feae2b5e25..9e52153dea5 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635080d80b72803e973841da.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635080d80b72803e973841da.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Wie die anderen Methoden benötigt auch `.reduce()` einen Callback. Dieser Callback benötigt jedoch mindestens zwei Parameter. The first is the accumulator, and the second is the current element in the array. The return value for the callback becomes the value of the accumulator on the next iteration. +Wie die anderen Methoden benötigt auch `.reduce()` einen Callback. Dieser Callback benötigt jedoch mindestens zwei Parameter. The first is the accumulator, and the second is the current element in the array. Der Rückgabewert für den Callback wird bei der nächsten Iteration zum Wert des Akkumulators. ```js array.reduce((acc, el) => { @@ -15,7 +15,7 @@ array.reduce((acc, el) => { }); ``` -For your `sum` variable, pass a callback to `.reduce()` that takes the accumulator and the current element as parameters. Der Callback sollte die Summe aus dem Akkumulators und dem aktuellen Element zurückgeben. +Übergib für deine `sum`-Variable einen `.reduce()`-Callback, der den Akkumulator und das aktuelle Element als Parameter verwendet. Der Callback sollte die Summe aus dem Akkumulators und dem aktuellen Element zurückgeben. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635085f80bd9b5429faa40c4.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635085f80bd9b5429faa40c4.md index bcbb250f0d2..38eb0555dc3 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635085f80bd9b5429faa40c4.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635085f80bd9b5429faa40c4.md @@ -7,9 +7,9 @@ dashedName: step-15 # --description-- -You can actually clean this logic up a bit. Using the implicit return of an arrow function, you can directly return the value of the `.reduce()` method divided by the length of the array, without having to assign any variables. +Du kannst diese Logik sogar ein wenig verbessern. Using the implicit return of an arrow function, you can directly return the value of the `.reduce()` method divided by the length of the array, without having to assign any variables. -Update your `getMean` function as described above. +Aktualisiere deine `getMean`-Funktion wie zuvor beschrieben. # --hints-- @@ -25,7 +25,7 @@ You should remove the `mean` variable declaration. assert.notMatch(getMean.toString(), /mean\s*=/); ``` -You should not change the logic within the `reduce` method. +Du solltest die Logik innerhalb der `reduce`-Methode nicht ändern. ```js assert.match(getMean.toString(), /(array\.reduce\(\(acc\s*,\s*el\s*\)\s*=>|array\.reduce\(function\s*\(acc\s*,\s*el\)\s*\{)\s*(return)?\s*acc\s*\+\s*el;\s*\}?\s*,\s*0\)/) @@ -37,7 +37,7 @@ You should divide the result of the `reduce` method by the length of the array. assert.match(getMean.toString(), /(array\.reduce\(\(acc\s*,\s*el\s*\)\s*=>|array\.reduce\(function\s*\(acc\s*,\s*el\)\s*\{)\s*(return)?\s*acc\s*\+\s*el;\s*\}?\s*,\s*0\)\s*\/\s*array\.length/) ``` -You should use implicit return syntax to directly return the result of `reduce` divided by the array length. +Du solltest die implizite Rückgabesyntax verwenden, um direkt das Ergebnis von `reduce` geteilt durch die Länge des Arrays zurückzugeben. ```js assert.match(code, /const\s+getMean\s*=\s*\(?array\)?\s*=>\s*array\.reduce\(\(acc\s*,\s*el\)\s*=>\s*acc\s*\+\s*el\s*,\s*0\s*\)\s*\/\s*array\.length/) diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6350866cce4c6d43bdf607c8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6350866cce4c6d43bdf607c8.md index 73c4d3bbacc..6fb42914f78 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6350866cce4c6d43bdf607c8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6350866cce4c6d43bdf607c8.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Now you need to use your new `getMean` function. In your `calculate` function, declare a `mean` variable and assign it the value of `getMean(numbers)`. +Jetzt musst du deine neue `getMean`-Funktion verwenden. In deiner `calculate`-Funktion deklarierst du eine `mean`-Variable und weist ihr den Wert von `getMean(numbers)` zu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635091f8dbf554575fb5aa0c.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635091f8dbf554575fb5aa0c.md index 1f07dbe4e02..12a0e50c710 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635091f8dbf554575fb5aa0c.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/635091f8dbf554575fb5aa0c.md @@ -9,7 +9,7 @@ dashedName: step-23 Gib schließlich den Wert von `median` zurück. -Like the `getMean` function, you could condense this code into one line and reduce the number of variables you instantiate. Es ist jedoch wichtig zu bedenken, dass ein kürzerer Code nicht immer besser ist. In diesem Fall würde eine Verkürzung der Codezeilen die Lesbarkeit und das Verständnis des Codes erschweren, was sich auf die künftige Wartbarkeit auswirken würde. +Wie die `getMean`-Funktion kannst du diesen Code in einer Zeile zusammenfassen und die Anzahl der Variablen, die du instanzierst, reduzieren. Es ist jedoch wichtig zu bedenken, dass ein kürzerer Code nicht immer besser ist. In diesem Fall würde eine Verkürzung der Codezeilen die Lesbarkeit und das Verständnis des Codes erschweren, was sich auf die künftige Wartbarkeit auswirken würde. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e79d15aae30fac58f48e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e79d15aae30fac58f48e.md index d7e42e99487..ab5e3e77fc1 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e79d15aae30fac58f48e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e79d15aae30fac58f48e.md @@ -7,7 +7,7 @@ dashedName: step-24 # --description-- -Like you did with your `getMean` function, you need to add your `getMedian` function to your `calculate` logic. +Wie bei der `getMean`-Funktion musst du die `getMedian`-Funktion zu deiner `calculate`-Logik hinzufügen. Declare a variable `median` and assign it the value of `getMedian(numbers)`. Then, query the DOM for the `#median` element and set the `textContent` to `median`. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e93db104661305c5f658.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e93db104661305c5f658.md index b876c50a5dd..3c7ff239f4a 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e93db104661305c5f658.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352e93db104661305c5f658.md @@ -7,7 +7,7 @@ dashedName: step-26 # --description-- -In your new function, declare an empty `counts` object. You will use this to track the number of times each number appears in the list. +In your new function, declare an empty `counts` object. Damit kannst du verfolgen, wie oft jede Zahl in der Liste erscheint. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ea3a5b79e614ee2282fd.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ea3a5b79e614ee2282fd.md index b920dcd37b6..d23fff2cd1c 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ea3a5b79e614ee2282fd.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ea3a5b79e614ee2282fd.md @@ -7,11 +7,11 @@ dashedName: step-28 # --description-- -There are a few edge cases to account for when calculating the mode of a dataset. First, if every value appears the same number of times, there is no mode. +There are a few edge cases to account for when calculating the mode of a dataset. Zunächst einmal gibt es keinen Modus, wenn jeder Wert gleich oft auftaucht. -To calculate this, you will use a `Set`. A `Set` is a data structure that only allows unique values. If you pass an array into the `Set` constructor, it will remove any duplicate values. +Um dies zu berechnen wirst du `Set` verwenden. A `Set` is a data structure that only allows unique values. Wenn du ein Array an den `Set`-Konstruktor übergibst, werden alle doppelten Werte entfernt. -Start by creating an `if` statement. In the condition, create a `Set` with `new Set()` and pass it the `Object.values()` of your `counts` object. If the `size` property of this `Set` is equal to `1`, that tells you every value appears the same number of times. In this case, return `null` from your function. +Beginne damit, eine `if`-Anweisung zu erstellen. In der Bedingung erstellst du ein `Set` mit `new Set()` und übergibst ihm den `Object.values()` deines `counts`-Objekts. Wenn die `size`-Eigenschaft dieses `Set` gleich `1` ist, bedeutet das, dass jeder Wert gleich oft vorkommt. In diesem Fall gibst du in deiner Funktion `null` zurück. # --hints-- @@ -21,13 +21,13 @@ Deine `getMode`-Funktion sollte eine `if`-Anweisung enthalten. assert.match(getMode.toString(), /if\s*\(/); ``` -Your `if` statement should create a new `Set` and pass the `Object.values()` of your `counts` object. +Deine `if`-Anweisung sollte einen neuen `Set` erstellen und den `Object.values()` deines `counts`-Objekts übergeben. ```js assert.match(getMode.toString(), /if\s*\(\s*new\s+Set\s*\(\s*Object\.values\s*\(\s*counts\s*\)/); ``` -Your `if` statement should check if the `size` property of the new `Set` is equal to `1`. +Deine `if`-Anweisung sollte prüfen, ob die `size`-Eigenschaft des neuen `Set` gleich `1` ist. ```js assert.match(getMode.toString(), /if\s*\(\s*new\s+Set\s*\(\s*Object\.values\s*\(\s*counts\s*\)\s*\)\s*\.size\s*===\s*1/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ebd3ab962c168a122e85.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ebd3ab962c168a122e85.md index 3a4489cf259..c45b6464e9f 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ebd3ab962c168a122e85.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ebd3ab962c168a122e85.md @@ -25,7 +25,7 @@ Deine `getMode`-Funktion sollte die `Object.keys()`-Methode verwenden, um die Sc assert.match(getMode.toString(), /Object\.keys\(\s*counts\s*\)/); ``` -Your `getMode` function should use the `Object.keys()` method to get the keys of the `counts` object and assign them to the `highest` variable. +Deine `getMode`-Funktion sollte die `Object.keys()`-Methode verwenden, um die Schlüssel des `counts`-Objekts zu erhalten und sie der `highest`-Variablen zuzuweisen. ```js assert.match(getMode.toString(), /highest\s*=\s*Object\.keys\(\s*counts\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352f179bdca23221298a5ba.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352f179bdca23221298a5ba.md index 0c6bdb90b1e..de6ead0cb67 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352f179bdca23221298a5ba.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352f179bdca23221298a5ba.md @@ -9,7 +9,7 @@ dashedName: step-35 Your next calculation is the range, which is the difference between the largest and smallest numbers in the list. -You previously learned about the global `Math` object. `Math` has a `.min()` method to get the smallest number from a series of numbers, and the `.max()` method to get the largest number. Here's an example that gets the smallest number from an array: +You previously learned about the global `Math` object. `Math` has a `.min()` method to get the smallest number from a series of numbers, and the `.max()` method to get the largest number. Hier ist ein Beispiel, bei dem die kleinste Zahl aus einem Array ermittelt wird: ```js Math.min(1, 9, 11, -3, 0.5); @@ -19,7 +19,7 @@ Declare a `getRange` function that takes the same `array` parameter you have bee # --hints-- -You should define a `getRange` function. +Du solltest eine `getRange`-Funktion definieren. ```js assert.isFunction(getRange); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fce75b2d3b2924930f1e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fce75b2d3b2924930f1e.md index 2343f30eeee..9be30327919 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fce75b2d3b2924930f1e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fce75b2d3b2924930f1e.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -With two `.map()` calls and a `.reduce()` call, you're creating extra arrays and iterating more times than needed. You should move all of the logic into the `.reduce()` call to save time and memory. +Mit zwei `.map()`-Aufrufen und einem `.reduce()`-Aufruf erstellst du zusätzliche Arrays und iterierst häufiger als nötig. Du solltest die gesamte Logik in den `.reduce()`-Aufruf verschieben, um Zeit und Speicher zu sparen. Entferne die `differences`, `squaredDifferences` und `sumSquaredDifferences`-Variablen (und deren Werte). Deklariere eine `variance`-Variable und weise ihr den Wert von `array.reduce()` zu. For the callback, pass in your standard `acc` and `el` parameters, but leave the function body empty for now. Denke daran, den Ausgangswert auf `0` zu setzen. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ff27e0e51b2c7dce0010.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ff27e0e51b2c7dce0010.md index 39b6a6de2d8..bd07dd7036f 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ff27e0e51b2c7dce0010.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ff27e0e51b2c7dce0010.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Add your new `getVariance` function to the `calculate` function, and update the respective HTML element. +Füge deine neue `getVariance`-Funktion zur `calculate`-Funktion hinzu und aktualisiere das entsprechende HTML-Element. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ffe4cfafa72d595a0007.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ffe4cfafa72d595a0007.md index 95be50a86fb..b31881dec13 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ffe4cfafa72d595a0007.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352ffe4cfafa72d595a0007.md @@ -9,7 +9,7 @@ dashedName: step-45 Your final calculation is the standard deviation, which is the square root of the variance. -Begin by declaring a `getStandardDeviation` function, with the `array` parameter. In the function body, declare a `variance` variable and assign it the variance of the `array`. +Beginne mit der Deklaration einer `getStandardDeviation`-Funktion, mit dem `array`-Paramter. Deklariere eine `variance`-Variable im Funktionskörper und weise ihr die Varianz des `array` zu. # --hints-- @@ -31,7 +31,7 @@ Deine `getStandardDeviation`-Funktion sollte eine `variance`-Variable enthalten. assert.match(getStandardDeviation.toString(), /variance\s*=/); ``` -Your `variance` variable should have the value of `getVariance(array)`. +Deine `variance`-Variable sollte den Wert von `getVariance(array)` haben. ```js assert.match(getStandardDeviation.toString(), /variance\s*=\s*getVariance\(\s*array\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6353004b235d7a2e0b913f2b.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6353004b235d7a2e0b913f2b.md index 4500ca96d2c..aad5693605f 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6353004b235d7a2e0b913f2b.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6353004b235d7a2e0b913f2b.md @@ -31,7 +31,7 @@ Deine `standardDeviation`-Variable sollte die `variance`-Variable verwenden. assert.match(getStandardDeviation.toString(), /standardDeviation\s*=\s*Math\.pow\(\s*variance\s*,/); ``` -Your `standardDeviation` variable should use the `1/2` exponent. +Deine `standardDeviation`-Variable sollte den `1/2`-Exponenten verwenden. ```js assert.match(getStandardDeviation.toString(), /standardDeviation\s*=\s*Math\.pow\(\s*variance\s*,\s*1\s*\/\s*2\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6374249d3fbf2a5b079ba036.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6374249d3fbf2a5b079ba036.md index 8f0c927619b..40ab4b7eaaf 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6374249d3fbf2a5b079ba036.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6374249d3fbf2a5b079ba036.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Es gibt noch eine letzte Sache, die zu beheben ist. The `.sort()` method mutates the array it's called on. It is generally bad practice to mutate a function argument, which `array` is. +Es gibt noch eine letzte Sache, die zu beheben ist. The `.sort()` method mutates the array it's called on. Allgemein ist es eine schlechte Vorgehensweise, ein Funktionsargument zu verändern, welches ein `array` ist. To fix this, add an empty `.slice()` call before your `.sort()` method. The empty `.slice()` call will make a shallow copy of the `array`, which you are free to mutate. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md index dfb3b4a9bc3..6403a7f6ca2 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -You'll need to iterate through the array. For simplicity, use a `for` loop to do so. +Du musst durch das Array iterieren. For simplicity, use a `for` loop to do so. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md index e55a2fc23b3..544c17d85a0 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -Da du Elemente vergleichen musst, musst du eine eigebettete `for`-Schleife verwenden. This loop should iterate through every element in the array *except* the last one. Use `j` as your inner loop's iterator variable. +Da du Elemente vergleichen musst, musst du eine eigebettete `for`-Schleife verwenden. This loop should iterate through every element in the array *except* the last one. Verwende `j` als Iterator-Variable für die innere Schleife. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md index 532b852f991..e1f097f231f 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -In your `sortInputArray()` function, declare a `sortedValues` variable. Assign it the value of calling `bubbleSort` with your `inputValues` array. +Deklariere in deiner `sortInputArray()`-Funktion eine `sortedValues`-Variable. Assign it the value of calling `bubbleSort` with your `inputValues` array. Then, update your `updateUI` call to take `sortedValues` as the parameter. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md index 76e7840da2b..467e1bcde06 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Time to implement another sorting algorithm. This time, you'll be implementing a selection sort. Selection sort works by finding the smallest value in the array, then swapping it with the first value in the array. Then, it finds the next smallest value in the array, and swaps it with the second value in the array. It continues iterating through the array until it is completely sorted. +Time to implement another sorting algorithm. This time, you'll be implementing a selection sort. Selection sort works by finding the smallest value in the array, then swapping it with the first value in the array. Then, it finds the next smallest value in the array, and swaps it with the second value in the array. Er fährt fort, das Array zu iterieren, bis es vollständig sortiert ist. Start by declaring a `selectionSort` variable and assigning it an arrow function that takes an `array` parameter. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3b3eab50e193608c19fc6.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3b3eab50e193608c19fc6.md index 2b29e1d08f0..a9ebbb40a1b 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3b3eab50e193608c19fc6.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3b3eab50e193608c19fc6.md @@ -7,7 +7,7 @@ dashedName: step-24 # --description-- -Using the `let` keyword, declare a variable called `fighting` but do not initialize it with a value. Denke daran, deine Zeile mit einem Semikolon zu beenden. +Mit dem `let`-Schlüsselwort deklarierst du eine Variable mit dem Namen `fighting`, initialisierst sie aber nicht mit einem Wert. Denke daran, deine Zeile mit einem Semikolon zu beenden. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a8f2bc37675e77d5835235.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a8f2bc37675e77d5835235.md index afda407d4e0..9797c9630c4 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a8f2bc37675e77d5835235.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a8f2bc37675e77d5835235.md @@ -7,7 +7,7 @@ dashedName: step-139 # --description-- -JavaScript has a conditional operator called the ternary operator. Dies kann als einzeiliger `if-else`-Ausdruck verwendet werden. Die Sytnax ist: `condition ? true : false`. +JavaScript hat einen bedingten Operator, der ternärer Operator genannt wird. Dies kann als einzeiliger `if-else`-Ausdruck verwendet werden. Die Sytnax ist: `condition ? true : false`. Hier ist ein Beispiel für einen `if-else`-Ausdruck, der in einen ternären Ausdruck umgewandelt wurde: diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa1eec891ed731db227a36.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa1eec891ed731db227a36.md index 69dcfa57f63..2535574a7e0 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa1eec891ed731db227a36.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa1eec891ed731db227a36.md @@ -25,13 +25,13 @@ Du solltest einen ternären Wert verwenden, um den `return` -Wert zu ändern, we assert.match(getMonsterAttackValue.toString(), /return\s+hit\s*>\s*0/); ``` -You should use a ternary to return `hit` if `hit` is greater than `0` +Du solltest einen ternären Wert verwenden, um `hit` zurückzugeben, wenn `hit` größer ist als `0` ```js assert.match(getMonsterAttackValue.toString(), /return\s+hit\s*>\s*0\s*\?\s*hit/); ``` -You should use a ternary to return `0` if `hit` is not greater than `0`. +Du solltest einen ternären Wert verwenden, der `0` zurückgibt, wenn `hit` nicht größer als `0` ist. ```js assert.match(getMonsterAttackValue.toString(), /return\s+hit\s*>\s*0\s*\?\s*hit\s*:\s*0/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa234322d4ad3e8bce42cc.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa234322d4ad3e8bce42cc.md index f0fd9c06fcb..a62035e2fb0 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa234322d4ad3e8bce42cc.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa234322d4ad3e8bce42cc.md @@ -7,9 +7,9 @@ dashedName: step-156 # --description-- -We don't want a player's only weapon to break. The logical AND operator checks if two statements are true. +Wir wollen nicht, dass die einzige Waffe eines Spielers kaputt geht. The logical AND operator checks if two statements are true. -Use the logical AND operator `&&` to add a second condition to your `if` statement. The player's weapon should only break if `inventory.length` does not equal (`!==`) one. +Use the logical AND operator `&&` to add a second condition to your `if` statement. Die Waffe des Spielers sollte nur kaputt gehen, wenn `inventory.length` ungleich (`!==`) eins ist. Hier ist ein Beispiel für eine `if`-Anweisung mit zwei Bedingungen: @@ -27,7 +27,7 @@ Du solltest deine bestehende `if`-Anweisung nicht ändern. assert.match(attack.toString(), /if\s*\(Math\.random\(\)\s*\<=\s*\.1/); ``` -You should use the logical AND operator `&&`. +Du solltest den logischen UND-Operator `&&` verwenden. ```js assert.match(attack.toString(), /if\s*\(Math\.random\(\)\s*\<=\s*\.1\s*&&/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa258da314ef42ba0a1858.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa258da314ef42ba0a1858.md index acf711236d9..213e23d6e04 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa258da314ef42ba0a1858.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa258da314ef42ba0a1858.md @@ -9,7 +9,7 @@ dashedName: step-159 Create two new functions named `pickTwo` and `pickEight`. -Inside each of those, call the `pick()` function and pass either `2` or `8` as the argument depending on the function name. +Rufe in jeder dieser Funktionen die `pick()`-Funktion auf und übergib je nach Funktionsname entweder `2` oder `8` als Argument. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa26cca3cd3d46c431e73b.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa26cca3cd3d46c431e73b.md index 77c9f1393c8..9a90896cd61 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa26cca3cd3d46c431e73b.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa26cca3cd3d46c431e73b.md @@ -7,11 +7,11 @@ dashedName: step-163 # --description-- -Inside your `while` loop, push a random number between 0 and 10 to the end of the `numbers` array. Du kannst diese Zufallszahl mit `Math.floor(Math.random() * 11)` erzeugen. +Schiebe innerhalb der `while`-Schleife eine Zufallszahl zwischen 0 und 10 an das Ende des `numbers`-Arrays. Du kannst diese Zufallszahl mit `Math.floor(Math.random() * 11)` erzeugen. # --hints-- -You should use the `push` method to add a random number to the end of the `numbers` array. +Du solltest die `push`-Methode verwenden, um eine Zufallszahl an das Ende des `numbers`-Bereichs anzuhängen. ```js assert.match(pick.toString(), /numbers\.push\(/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa27227399d647e1c37a3c.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa27227399d647e1c37a3c.md index b58a8544677..f8b8a58f536 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa27227399d647e1c37a3c.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa27227399d647e1c37a3c.md @@ -7,7 +7,7 @@ dashedName: step-164 # --description-- -After the `while` loop, set `text.innerText` to equal `You picked [guess]. Here are the random numbers:`. Replace `guess` with the player's guess. +After the `while` loop, set `text.innerText` to equal `You picked [guess]. Here are the random numbers:`. Ersetze `guess` durch die Vermutung des Spielers. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28032d863d4bd8058799.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28032d863d4bd8058799.md index 030a02468f2..eb98f845b89 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28032d863d4bd8058799.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28032d863d4bd8058799.md @@ -7,15 +7,15 @@ dashedName: step-167 # --description-- -`for` loops are declared with three expressions separated by semicolons. `for (a; b; c)`, where `a` is the initialization expression, `b` is the condition, and `c` is the final expression. +`for`-Schleifen werden mit drei durch Semikolon getrennten Ausdrücken deklariert. `for (a; b; c)`, where `a` is the initialization expression, `b` is the condition, and `c` is the final expression. -The initialization expression is executed only once, before the loop starts, and is often used to define and set up the loop variable. Think of it like declaring a counter to use in your loop. +Der Initialisierungsausdruck wird nur einmal ausgeführt, bevor die Schleife beginnt, und wird häufig zur Definition und Einrichtung der Schleifenvariablen verwendet. Think of it like declaring a counter to use in your loop. Many `for` loops use `i` as the counter and start from 0, so change `let x = 1;` to `let i = 0;`. # --hints-- -You should change your initialization in the `for` loop to be `let i = 0;`. +Du solltest deine Initialisierung in der `for` -Schleife so ändern, dass sie `let i = 0;` lautet. ```js assert.match(pick.toString(), /for\s*\(\s*(let|var)\s*i\s*=\s*0\s*;/) diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28fb651bf14efa2dbb16.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28fb651bf14efa2dbb16.md index 79fc720a71e..5330bc96833 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28fb651bf14efa2dbb16.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62aa28fb651bf14efa2dbb16.md @@ -7,7 +7,7 @@ dashedName: step-170 # --description-- -Now you can write the logic to run in the loop. Inside your `for` loop, use the `+=` operator to add to the end of `text.innerText`. Add the number at index `i` of the `numbers` array, using `numbers[i]`. Then add a new line, using the escape sequence you used earlier. +Jetzt kannst du die Logik schreiben, die in der Schleife ablaufen soll. Inside your `for` loop, use the `+=` operator to add to the end of `text.innerText`. Add the number at index `i` of the `numbers` array, using `numbers[i]`. Füge dann eine neue Zeile ein, indem du die Escape-Sequenz verwendest, die du zuvor benutzt hast. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62ba17beef16c563069a65d8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62ba17beef16c563069a65d8.md index f97b495e8e3..40f3437ed69 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62ba17beef16c563069a65d8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62ba17beef16c563069a65d8.md @@ -7,7 +7,7 @@ dashedName: step-137 # --description-- -Füge dem `locations`-Bereich am Ende ein weiteres Objekt hinzu. Set the `name` property to `lose`, set `button text` to an array with three `REPLAY?` strings, set `button functions` to an array with three `restart` variables, and set `text` to `You die. ☠️`. You can copy that text to use the emote. +Füge dem `locations`-Bereich am Ende ein weiteres Objekt hinzu. Set the `name` property to `lose`, set `button text` to an array with three `REPLAY?` strings, set `button functions` to an array with three `restart` variables, and set `text` to `You die. ☠️`. Du kannst diesen Text kopieren, um das Emote zu verwenden. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec14d1c216aa063f0be4af.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec14d1c216aa063f0be4af.md index 78ef5bdfe8d..1d06b65e707 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec14d1c216aa063f0be4af.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec14d1c216aa063f0be4af.md @@ -9,9 +9,9 @@ dashedName: step-1 You will be building a shopping cart application. The HTML and CSS are already provided, but you will need to build the JavaScript to make the page interactive. -To start, you will need to get some of your elements from the DOM. Start by using `document.getElementById()` to get the`#cart-container`, `#products-container`, and `#dessert-card-container` elements. Store them in variables named `cartContainer`, `productsContainer`, and `dessertCards`, respectively. +Um zu beginnen, musst du einige deiner Elemente aus dem DOM holen. Beginne mit der Verwendung von `document.getElementById()` um die `#cart-container`-, `#products-container`-, und `#dessert-card-container`-Elemente zu erhalten. Speichere sie in Variablen namens `cartContainer`, `productsContainer` und `dessertCards`. -Since these will not change, remember to use `const` to declare them. +Da sich diese nicht ändern werden, denke daran, `const` zu verwenden, um sie zu deklarieren. # --hints-- @@ -21,7 +21,7 @@ You should use `document.getElementById()` to get the `#cart-container` element. assert.match(code, /document\.getElementById\(\s*('|"|`)cart-container\1\s*\)/); ``` -Du solltest das `#cart-container`-Element einer Variablen namens `cartContainer` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#cart-container`-Element einer Variablen namens `cartContainer` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+cartContainer\s*=\s*document\.getElementById\(\s*('|"|`)cart-container\1\s*\)/); @@ -33,7 +33,7 @@ You should use `document.getElementById()` to get the `#products-container` elem assert.match(code, /document\.getElementById\(\s*('|"|`)products-container\1\s*\)/); ``` -Du solltest das `#products-container`-Element einer Variablen namens `productsContainer` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#products-container`-Element einer Variablen namens `productsContainer` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+productsContainer\s*=\s*document\.getElementById\(\s*('|"|`)products-container\1\s*\)/); @@ -45,7 +45,7 @@ You should use `document.getElementById()` to get the `#dessert-card-container` assert.match(code, /document\.getElementById\(\s*('|"|`)dessert-card-container\1\s*\)/); ``` -Du solltest das `#dessert-card-container`-Element einer Variablen namens `dessertCards` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#dessert-card-container`-Element einer Variablen namens `dessertCards` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+dessertCards\s*=\s*document\.getElementById\(\s*('|"|`)dessert-card-container\1\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec19978a066607e23439f8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec19978a066607e23439f8.md index ccdd5fadaa8..d8ced4b2cd1 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec19978a066607e23439f8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec19978a066607e23439f8.md @@ -7,7 +7,7 @@ dashedName: step-2 # --description-- -Now you need to get your two buttons. Continuing the pattern, get the `#cart-btn` and `#clear-cart-btn` elements. Store them in variables named `cartBtn` and `clearCartBtn`, respectively. +Now you need to get your two buttons. Weiter geht es mit den `#cart-btn`- und `#clear-cart-btn`-Elementen. Speichere sie in Variablen namens `cartBtn` und `clearCartBtn`. # --hints-- @@ -17,7 +17,7 @@ Du solltest `document.getElementById()` verwenden, um das `#cart-btn`-Element zu assert.match(code, /document\.getElementById\(\s*('|"|`)cart-btn\1\s*\)/); ``` -Du solltest das `#cart-btn`-Element einer Variablen namens `cartBtn` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#cart-btn`-Element einer Variablen namens `cartBtn` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+cartBtn\s*=\s*document\.getElementById\(\s*('|"|`)cart-btn\1\s*\)/); @@ -29,7 +29,7 @@ You should use `document.getElementById()` to get the `#clear-cart-btn` element. assert.match(code, /document\.getElementById\(\s*('|"|`)clear-cart-btn\1\s*\)/); ``` -Du solltest das `#clear-cart-btn`-Element einer Variablen namens `clearCartBtn` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#clear-cart-btn`-Element einer Variablen namens `clearCartBtn` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+clearCartBtn\s*=\s*document\.getElementById\(\s*('|"|`)clear-cart-btn\1\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1a16f930b108b8a76806.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1a16f930b108b8a76806.md index 30a242b6f08..2c612b82e8d 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1a16f930b108b8a76806.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1a16f930b108b8a76806.md @@ -7,7 +7,7 @@ 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. +Als Nächstes musst du deine Gesamtbeträge ermitteln. Get the `#total-items`, `#subtotal`, `#taxes`, and `#total` elements. Speichere sie in den Variablen namens `totalNumberOfItems`, `cartSubTotal`, `cartTaxes` und `cartTotal`. # --hints-- @@ -17,7 +17,7 @@ Du solltest `document.getElementById()` verwenden, um das `#total-items`-Element assert.match(code, /document\.getElementById\(\s*('|"|`)total-items\1\s*\)/); ``` -Du solltest das `#total-items`-Element einer Variablen namens `totalNumberOfItems` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#total-items`-Element einer Variablen namens `totalNumberOfItems` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+totalNumberOfItems\s*=\s*document\.getElementById\(\s*('|"|`)total-items\1\s*\)/); @@ -29,7 +29,7 @@ Du solltest `document.getElementById()` verwenden, um das `#subtotal`-Element zu assert.match(code, /document\.getElementById\(\s*('|"|`)subtotal\1\s*\)/); ``` -Du solltest das `#subtotal`-Element einer Variablen namens `cartSubTotal` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#subtotal`-Element einer Variablen namens `cartSubTotal` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+cartSubTotal\s*=\s*document\.getElementById\(\s*('|"|`)subtotal\1\s*\)/); @@ -41,7 +41,7 @@ Du solltest `document.getElementById()` verwenden, um das `#taxes`-Element zu er assert.match(code, /document\.getElementById\(\s*('|"|`)taxes\1\s*\)/); ``` -Du solltest das `#taxes`-Element einer Variablen namens `cartTaxes` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#taxes`-Element einer Variablen namens `cartTaxes` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+cartTaxes\s*=\s*document\.getElementById\(\s*('|"|`)taxes\1\s*\)/); @@ -53,7 +53,7 @@ Du solltest `document.getElementById()` verwenden, um das `#total`-Element zu er assert.match(code, /document\.getElementById\(\s*('|"|`)total\1\s*\)/); ``` -Du solltest das `#total`-Element einer Variablen namens `cartTotal` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#total`-Element einer Variablen namens `cartTotal` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+cartTotal\s*=\s*document\.getElementById\(\s*('|"|`)total\1\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1bbf5584390a7d08d41f.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1bbf5584390a7d08d41f.md index 23fce86c482..859155f8373 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1bbf5584390a7d08d41f.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1bbf5584390a7d08d41f.md @@ -7,7 +7,7 @@ dashedName: step-4 # --description-- -The last element to get is the `#show-hide-cart` element. Store it in a variable named `showHideCartSpan`. +Das letzte Element, das abgerufen wird, ist das `#show-hide-cart`-Element. Speichere dieses dann in einer Variablen namens `showHideCartSpan`. Then, use `let` to declare a variable named `isCartShowing` and set it to `false`. @@ -19,7 +19,7 @@ Du solltest `document.getElementById()` verwenden, um das `#show-hide-cart`-Elem assert.match(code, /document\.getElementById\(\s*('|"|`)show-hide-cart\1\s*\)/); ``` -Du solltest das `#show-hide-cart`-Element einer Variablen namens `showHideCartSpan` zuweisen. Remember to use `const` to declare the variable. +Du solltest das `#show-hide-cart`-Element einer Variablen namens `showHideCartSpan` zuweisen. Denke daran, `const` zu verwenden, um die Variable zu deklarieren. ```js assert.match(code, /const\s+showHideCartSpan\s*=\s*document\.getElementById\(\s*('|"|`)show-hide-cart\1\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1cb59f2a4c0be5b6dfa0.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1cb59f2a4c0be5b6dfa0.md index 1607ed4b8ab..a65e38fe769 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1cb59f2a4c0be5b6dfa0.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec1cb59f2a4c0be5b6dfa0.md @@ -7,7 +7,7 @@ dashedName: step-5 # --description-- -A shopping cart does not serve much purpose without products. Declare a `products` variable and set it to an empty array. Using an array will allow you to store multiple products. +Ein Einkaufswagen erfüllt ohne Produkte kaum einen Zweck. Deklariere die `products`-Variable und setze sie auf ein leeres Array. Die Verwendung eines Arrays ermöglicht es dir, mehrere Produkte zu speichern. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec20a06fff670d37befbd9.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec20a06fff670d37befbd9.md index d016beb88ef..5e50d22e364 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec20a06fff670d37befbd9.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec20a06fff670d37befbd9.md @@ -7,9 +7,9 @@ dashedName: step-6 # --description-- -You now need to start adding products. Before you do that, you need to consider the structure of your product data. A product will need a unique identifier to distinguish it from other products, a price so people know how much it costs, and a name so people know what they are buying. Außerdem solltest du zu jedem Produkt eine Kategorie hinzufügen. +Jetzt musst du anfangen, Produkte hinzuzufügen. Bevor du das machst, musst du dir Gedanken über die Struktur deiner Produktdaten machen. A product will need a unique identifier to distinguish it from other products, a price so people know how much it costs, and a name so people know what they are buying. Außerdem solltest du zu jedem Produkt eine Kategorie hinzufügen. -Add an object to your `products` array. Give this object an `id` property set to the number `1`, a `name` property set to `Vanilla Cupcakes (6 Pack)`, a `price` property set to the number `12.99`, and a `category` property set to `Cupcake`. +Füge ein Objekt zu deinem `products`-Array hinzu. Gib diesem Objekt eine `id`-Eigenschaft auf die Zahl `1` gesetzt, eine `name`-Eigenschaft auf `Vanilla Cupcakes (6 Pack)` gesetzt, eine `price`-Eigenschaft auf die Zahl `12.99` und eine `category`-Eigenschaft auf `Cupcake` gesetzt. # --hints-- @@ -31,7 +31,7 @@ Dein Produkte-Array sollte ein Objekt mit einer `id`-Eigenschaft haben, die auf assert.equal(products[0].id, 1); ``` -Your products array should have an object with a `name` property set to `Vanilla Cupcakes (6 Pack)`. +Dein Produkte-Array sollte ein Objekt mit der `name`-Eigenschaft haben, die auf `Vanilla Cupcakes (6 Pack)` gesetzt ist. ```js assert.equal(products[0].name, 'Vanilla Cupcakes (6 Pack)'); @@ -43,7 +43,7 @@ Dein Produkte-Array sollte ein Objekt mit einer `price`-Eigenschaft haben, die a assert.equal(products[0].price, 12.99); ``` -Your products array should have an object with a `category` property set to `Cupcake`. +Dein Produkte-Array sollte ein Objekt mit der `category`-Eigenschaft haben, die auf `Cupcake` gesetzt ist. ```js assert.equal(products[0].category, 'Cupcake'); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec3427fc3e9214c9ed2a14.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec3427fc3e9214c9ed2a14.md index 67d4274d468..d2b2a413327 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec3427fc3e9214c9ed2a14.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec3427fc3e9214c9ed2a14.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Now that you have your list of products, you can use JavaScript to insert them into the HTML. With this approach, if you decide to add more products, the HTML will automatically reflect that. +Nun, da du deine Produktliste hast, kannst du JavaScript verwenden, um sie in den HTML-Code einzufügen. Mit diesem Ansatz wird der HTML-Code automatisch angepasst, wenn du dich entscheidest, weitere Produkte hinzuzufügen. Start by calling the `.forEach` method of your `products` array. Use arrow syntax to create an empty callback function. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec36f6133df7160be3ec66.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec36f6133df7160be3ec66.md index 98222954681..21c2cf5ee55 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec36f6133df7160be3ec66.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec36f6133df7160be3ec66.md @@ -7,13 +7,13 @@ dashedName: step-9 # --description-- -Remember that you can use destructuring to extract multiple values from an array or object in a single statement. +Denke daran, dass du die Destrukturierung verwenden kannst, um mehrere Werte aus einem Array oder Objekt in einer einzigen Anweisung zu extrahieren. -For the first parameter of your callback function, destructure the `name`, `id`, `price`, and `category` properties from the object passed in. +Für den ersten Parameter deiner Callback-Funktion destrukturierst du die `name`-, `id`-, `price`- und `category`-Eigenschaften aus dem übergebenen Objekt. # --hints-- -Du solltest Destrukturierung verwenden, um die `name`-, `id`-, `price`- und die `category`-Parameter zu deklarieren. For this test, order matters. +Du solltest Destrukturierung verwenden, um die `name`-, `id`-, `price`- und die `category`-Parameter zu deklarieren. In diesem Test kommt es auf die Reihenfolge an. ```js assert.match(code, /\{\s*name\s*,\s*id\s*,\s*price\s*,\s*category\s*\}/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec47b454495519739486a7.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec47b454495519739486a7.md index 9be842aee6d..0eaa83d0610 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec47b454495519739486a7.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ec47b454495519739486a7.md @@ -7,7 +7,7 @@ dashedName: step-10 # --description-- -You need to display the available products in your HTML. Start by using the addition assignment operator to add an empty template literal string to the `innerHTML` property of the `dessertCards` variable. +Du musst die verfügbaren Produkte in deinem HTML anzeigen. Start by using the addition assignment operator to add an empty template literal string to the `innerHTML` property of the `dessertCards` variable. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d38a5d29d0696f8d820.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d38a5d29d0696f8d820.md index a55d2cbfd76..8b6d5f30d65 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d38a5d29d0696f8d820.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d38a5d29d0696f8d820.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -In your template literal, create a `div` element with a class of `dessert-card`. In that `div`, create an `h2` element and give it the text of the `name` variable. +In your template literal, create a `div` element with a class of `dessert-card`. In diesem `div` erstellst du ein `h2`-Element und gibst ihm den Text der `name`-Variablen. # --hints-- @@ -17,7 +17,7 @@ You should create a `div` element. assert.isAtLeast(document.querySelectorAll('div')?.length, 12); ``` -Your `div` element should have a class of `dessert-card`. +Dein `div`-Element sollte eine Klasse von `dessert-card` haben. ```js assert.equal(document.querySelectorAll('.dessert-card')?.length, 12); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d8f9e7168076e932fe2.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d8f9e7168076e932fe2.md index 062af73cb79..e50d1730941 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d8f9e7168076e932fe2.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5d8f9e7168076e932fe2.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -After your `h2` element, create two `p` elements. Give the first a `class` of `dessert-price`, and the text of the `price` variable with a dollar sign in front of it. Give the second a `class` of `product-category`, and the text `Category:` followed by the value of the `category` variable. +After your `h2` element, create two `p` elements. Gib dem Ersten eine `class` von `dessert-price` und den Text der `price`-Variablen mit einem vorangestellten Dollarzeichen. Give the second a `class` of `product-category`, and the text `Category:` followed by the value of the `category` variable. # --hints-- @@ -32,13 +32,13 @@ Dein erstes `p`-Element sollte eine `class` auf `dessert-price` gesetzt haben. assert.equal(document.querySelector('.dessert-card')?.children[1].className, 'dessert-price'); ``` -Your first `p` element should have the text of the `price` variable with a dollar sign in front of it. +Dein erstes `p`-Element sollte den Text der `price`-Variablen mit einem vorangestellten Dollarzeichen enthalten. ```js assert.equal(document.querySelector('.dessert-card')?.children[1].textContent, '$12.99'); ``` -Your second `p` element should have a `class` of `product-category`. +Dein zweites `p`-Element sollte die `class` `product-category` haben. ```js assert.equal(document.querySelector('.dessert-card')?.children[2].className, 'product-category'); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5e0f08e82208364c4128.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5e0f08e82208364c4128.md index 6c6bd7730a1..72f86ed35ef 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5e0f08e82208364c4128.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5e0f08e82208364c4128.md @@ -7,7 +7,7 @@ dashedName: step-13 # --description-- -Finally, after your `p` elements, create a `button` element. Give it an `id` set to the value of the `id` variable, a `class` of `btn add-to-cart-btn`, and use `Add to cart` for the text. +Abschließend erstellst du nach deinen `p`-Elementen ein `button`-Element. Give it an `id` set to the value of the `id` variable, a `class` of `btn add-to-cart-btn`, and use `Add to cart` for the text. # --hints-- @@ -30,7 +30,7 @@ Dein `-button`-Element sollte eine `id` auf den Wert der `id`-Variable gesetzt h assert.equal(document.querySelector('.dessert-card button')?.id, '1'); ``` -Your `button` element should have a `class` of `btn add-to-cart-btn`. +Dein `button`-Element sollte die `class` `btn add-to-cart-btn` haben. ```js assert.include(document.querySelector('.dessert-card button')?.className, 'btn'); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5ea8be892e0955ab346c.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5ea8be892e0955ab346c.md index c6c2a98174e..08664c4366a 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5ea8be892e0955ab346c.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5ea8be892e0955ab346c.md @@ -9,13 +9,13 @@ dashedName: step-14 You are already familiar with an HTML `class`, but JavaScript also has a class. In JavaScript, a class is like a blueprint for creating objects. It allows you to define a set of properties and methods, and instantiate (or create) new objects with those properties and methods. -The `class` keyword is used to declare a class. Here is an example of declaring a `Computer` class: +Das `class`-Schlüsselwort wird verwendet, um eine Klasse zu deklarieren. Hier ist ein Beispiel für die Deklaration einer `Computer`-Klasse: ```js class Computer {}; ``` -Declare a `ShoppingCart` class. +Deklariere eine `ShoppingCart`-Klasse. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5fc113bcb20a5db9214b.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5fc113bcb20a5db9214b.md index 0a189258850..5e18bede669 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5fc113bcb20a5db9214b.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee5fc113bcb20a5db9214b.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -Classes have a special `constructor` method, which is called when a new instance of the class is created. The `constructor` method is a great place to initialize properties of the class. Here is an example of a class with a `constructor` method: +Klassen haben eine besondere `constructor`-Methode, die aufgerufen wird, wenn eine neue Instanz der Klasse erstellt wird. The `constructor` method is a great place to initialize properties of the class. Hier ist ein Beispiel für eine Klasse mit einer `constructor`-Methode: ```js class Computer { @@ -16,7 +16,7 @@ class Computer { } ``` -Add an empty `constructor` method to the `ShoppingCart` class. +Füge eine leere `constructor`-Methode zur `ShoppingCart`-Klasse hinzu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee611d478dca0b77f6a393.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee611d478dca0b77f6a393.md index 828a0c549ac..f3fb106faaf 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee611d478dca0b77f6a393.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee611d478dca0b77f6a393.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -The `this` keyword in JavaScript is used to refer to the current object. Depending on where `this` is used, what it references changes. In the case of a class, it refers to the instance of the object being constructed. You can use the `this` keyword to set the properties of the object being instantiated. Here is an example: +Das `this`-Schlüsselwort in JavaScript wird verwendet, um auf das aktuelle Objekt zu verweisen. Depending on where `this` is used, what it references changes. In the case of a class, it refers to the instance of the object being constructed. You can use the `this` keyword to set the properties of the object being instantiated. Here is an example: ```js class Computer { @@ -17,7 +17,7 @@ class Computer { } ``` -In your constructor, use the `this` keyword to set the `items` property to an empty array. Also, set the `total` property to `0`, and the `taxRate` property to `8.25`. +Verwende in deinem Konstruktor das `this`-Schlüsselwort, um die `items`-Eigenschaft auf ein leeres Array zu setzen. Setze ebenfalls die `total`-Eigenschaft auf `0` und die `taxRate`-Eigenschaft auf `8.25`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee7c664f9b65137d925c8a.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee7c664f9b65137d925c8a.md index 06a3091a5b3..c542b5df202 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee7c664f9b65137d925c8a.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63ee7c664f9b65137d925c8a.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Your `ShoppingCart` class needs the ability to add items. Create an empty `addItem` method, which takes two parameters: `id` and `products`. Creating a method might look like this: +Your `ShoppingCart` class needs the ability to add items. Erstelle eine leere `addItem`-Methode, die zwei Parameter benötigt: `id` und `products`. So könnte die Erstellung einer Methode aussehen: ```js class Computer { @@ -21,7 +21,7 @@ class Computer { } ``` -The first parameter, `id`, is the `id` of the product the user has added to their cart. The second parameter, `products`, is an array of product objects. By using a parameter instead of directly referencing your existing `products` array, this method will be more flexible if you wanted to add additional product lists in the future. +Der erste Parameter, `id`, ist die `id` des Produkts, das der Nutzer in seinen Einkaufswagen gelegt hat. Der zweite Parameter, `products`, ist ein Array von Produktobjekten. By using a parameter instead of directly referencing your existing `products` array, this method will be more flexible if you wanted to add additional product lists in the future. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea5cea403a81a68ae493c.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea5cea403a81a68ae493c.md index ffae8b475d0..63ab5a56499 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea5cea403a81a68ae493c.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea5cea403a81a68ae493c.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -You need to find the product that the user is adding to the cart. Remember that arrays have a `.find()` method. In your `addItem` function, declare a `product` variable, and assign it the value of calling the `.find()` method on the `products` array. +Du musst das Produkt finden, das der Nutzer in den Einkaufswagen legt. Remember that arrays have a `.find()` method. Deklariere in deiner `addItem`-Funktion eine `product`-Variable und weise ihr den Wert des Aufrufs der `.find()`-Methode für das `products`-Array zu. For the callback to `.find()`, pass a function that takes a single parameter `item`, and returns whether the `id` property of `item` is strictly equal to the `id` parameter passed to `addItem`. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea817673c8e1c22927fa6.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea817673c8e1c22927fa6.md index d303824fd5c..bd60baa3f40 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea817673c8e1c22927fa6.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea817673c8e1c22927fa6.md @@ -7,7 +7,7 @@ dashedName: step-19 # --description-- -Use `const` and destructuring to extract `name` and `price` variables from `product`. +Nutze `const` und die Destrukturierung, um die `name`- und `price`-Variablen aus `product` zu extrahieren. # --hints-- @@ -25,7 +25,7 @@ const afterAdd = code.split("addItem")[1]; assert.match(afterAdd, /const\s*\{\s*name\s*,\s*price\s*\}/); ``` -You should use destructuring to get the `name` and `price` variables from `product`. +Du solltest die Destrukturierung verwenden, um die `name`- und `price`-Variablen vom `product` zu erhalten. ```js const afterAdd = code.split("addItem")[1]; diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea8e1e143ae1d098c8c9d.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea8e1e143ae1d098c8c9d.md index dc9a55b420f..5ca79d5e6ae 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea8e1e143ae1d098c8c9d.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eea8e1e143ae1d098c8c9d.md @@ -7,7 +7,7 @@ dashedName: step-20 # --description-- -Now you need to push the `product` into the cart's `items` array. Remember to use the `this` keyword. +Jetzt musst du das `product` in das `items`-Array des Einkaufswagens schieben. Denke daran, das `this`-Schlüsselwort zu verwenden. # --hints-- @@ -18,7 +18,7 @@ const cart = new ShoppingCart(); assert.match(cart.addItem.toString(), /items\.push\(/); ``` -Remember you need to use the `this` keyword to access the `items` array. +Denke daran, das `this`-Schlüsselwort zu verwenden, um auf das `items`-Array zuzugreifen. ```js const cart = new ShoppingCart(); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eeb8e86becbf1e75c2cb0d.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eeb8e86becbf1e75c2cb0d.md index 47a21cb441c..6eaa28ab0b1 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eeb8e86becbf1e75c2cb0d.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eeb8e86becbf1e75c2cb0d.md @@ -7,7 +7,7 @@ dashedName: step-21 # --description-- -You now need a total count of each product that the user has in the cart. Declare a `totalCountPerProduct` variable, and assign it an empty object. +Du brauchst jetzt die Gesamtzahl aller Produkte, die der Nutzer im Einkaufswagen hat. Deklariere eine `totalCountPerProduct`-Variable und weise ihr ein leeres Objekt zu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eedebb0ec0231ff1cede1a.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eedebb0ec0231ff1cede1a.md index 1b7c811116a..29345e2f381 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eedebb0ec0231ff1cede1a.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eedebb0ec0231ff1cede1a.md @@ -18,7 +18,7 @@ const cart = new ShoppingCart(); assert.match(cart.addItem.toString(), /items\.forEach\(/); ``` -Remember to use the `this` keyword to access the `items` array. +Denke daran, das `this`-Schlüsselwort zu verwenden, um auf das `items`-Array zuzugreifen. ```js const cart = new ShoppingCart(); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63efdbc22a0c56070beabed7.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63efdbc22a0c56070beabed7.md index 886f55b869e..22cc2597fe4 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63efdbc22a0c56070beabed7.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63efdbc22a0c56070beabed7.md @@ -7,7 +7,7 @@ dashedName: step-23 # --description-- -In your `forEach` callback, you need to update the `totalCountPerProduct` object. Using the `id` of the current `dessert` as your property, update the value of the property to be the current value plus one. Do not use the addition assignment operator for this. +In deinem `forEach`-Callback musst du das `totalCountPerProduct`-Objekt aktualisieren. Verwende die `id` des aktuellen `dessert` als deine Eigenschaft und aktualisiere den Wert der Eigenschaft auf den aktuellen Wert plus eins. Do not use the addition assignment operator for this. # --hints-- @@ -18,7 +18,7 @@ const cart = new ShoppingCart(); assert.match(cart.addItem.toString(), /dessert\.id/); ``` -You should use bracket notation to access the property of `totalCountPerProduct` that corresponds to `dessert.id`. +Du solltest die Klammerschreibweise verwenden, um auf die Eigenschaft von `totalCountPerProduct` zuzugreifen, die der `dessert.id` entspricht. ```js const cart = new ShoppingCart(); @@ -32,7 +32,7 @@ const cart = new ShoppingCart(); assert.match(cart.addItem.toString(), /totalCountPerProduct\[\s*dessert\.id\s*\]\s*=/); ``` -You should update the value of `totalCountPerProduct` to be the current value plus one. +Du solltest den Wert von `totalCountPerProduct` auf den aktuellen Wert plus eins aktualisieren. ```js const cart = new ShoppingCart(); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff02f00e69a0b2ac10b43.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff02f00e69a0b2ac10b43.md index a0ccd63fac6..a9936cf4028 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff02f00e69a0b2ac10b43.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff02f00e69a0b2ac10b43.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Now you need to get prepared to update the display with the new product the user added. Declare a `currentProductCount` variable, and assign it the value of the `totalCountPerProduct` object's property matching the `id` of `product`. +Jetzt musst du dich darauf vorbereiten, die Anzeige mit dem neuen Produkt zu aktualisieren, das der Nutzer hinzugefügt hat. Declare a `currentProductCount` variable, and assign it the value of the `totalCountPerProduct` object's property matching the `id` of `product`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff98ffb1d5a0d24ec79cb.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff98ffb1d5a0d24ec79cb.md index 3fdaa8780eb..e5cc9f2bf98 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff98ffb1d5a0d24ec79cb.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63eff98ffb1d5a0d24ec79cb.md @@ -11,7 +11,7 @@ You haven't written the code to generate the HTML yet, but if a product has alre Use `.getElementById()` to get the matching element - you'll be setting the `id` value to `product-count-for-id${product.id}`, so use a template literal to query that value. -Assign your query to a `currentProductCountSpan` variable. +Weise deine Query einer `currentProductCountSpan`-Variablen zu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0165121a9181342d5bc66.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0165121a9181342d5bc66.md index 535cbba9c2c..b1137a212b3 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0165121a9181342d5bc66.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0165121a9181342d5bc66.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -For your truthy expression, removing the `undefined`, you need to update the `textContent` of the `currentProductCountSpan` to be the `currentProductCount` followed by an `x`. Use a template literal to do so. +Für deinen wahrheitsgemäßen Ausdruck, bei dem du den `undefined` entfernst, musst du den `textContent` des `currentProductCountSpan` so aktualisieren, dass er der `currentProductCount` gefolgt von einem `x` ist. Use a template literal to do so. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f017b4ad028a148eb713c0.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f017b4ad028a148eb713c0.md index 7a7667523b8..7a523d7bfaa 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f017b4ad028a148eb713c0.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f017b4ad028a148eb713c0.md @@ -18,7 +18,7 @@ const cart = new ShoppingCart(); assert.notMatch(cart.addItem.toString(), /undefined/); ``` -You should use the addition assignment operator to add HTML to the `productsContainer`. Remember that HTML goes in the `innerHTML` property. +You should use the addition assignment operator to add HTML to the `productsContainer`. Denke daran, dass HTML in die `innerHTML`-Eigenschaft gehört. ```js const cart = new ShoppingCart(); @@ -47,7 +47,7 @@ cart.addItem(1, products); assert.equal(productsContainer.children?.[0]?.className, "product"); ``` -Your `div` should have the `id` set to `dessert${id}`. +Dein `div` sollte die `id` auf `dessert${id}` gesetzt haben. ```js const cart = new ShoppingCart(); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f018f04e487e164dc27bd9.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f018f04e487e164dc27bd9.md index 0e72184ac0a..e17688c50d2 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f018f04e487e164dc27bd9.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f018f04e487e164dc27bd9.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -In your first `p` element, add a `span` element. Give the `span` a class of `product-count` and an `id` of `product-count-for-id${id}`. Then, after the span, give your `p` element the text of the `name` variable. +Füge in dein erstes `p`-Element ein `span`-Element ein. Gib dem `span` eine Klasse von `product-count` und eine `id` von `product-count-for-id${id}`. Dann, nach der Span, gibst du deinem `p`-Element den Text der `name`-Variable. # --hints-- @@ -22,7 +22,7 @@ assert.equal(p.children.length, 1); assert.equal(p.children[0].tagName, 'SPAN'); ``` -Your `span` element should have a `class` of `product-count`. +Dein `span`-Element sollte die `class` `product-count` haben. ```js const cart = new ShoppingCart(); @@ -32,7 +32,7 @@ const p = div.querySelector('p'); assert.equal(p.children[0].className, 'product-count'); ``` -Your `span` element should have an `id` of `product-count-for-id${id}`. +Dein `span`-Element sollte die `id` `product-count-for-id${id}` haben. ```js const cart = new ShoppingCart(); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f01c9791a0aa1751c73760.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f01c9791a0aa1751c73760.md index a7a3e21b308..63204342379 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f01c9791a0aa1751c73760.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f01c9791a0aa1751c73760.md @@ -7,13 +7,13 @@ dashedName: step-32 # --description-- -There is still more functionality that your `ShoppingCart` class needs, but first you need to be able to test the code you have currently written. You'll need to instantiate a new `ShoppingCart` object and assign it to a variable. Here is an example of instantiating the `Computer` class from earlier examples: +There is still more functionality that your `ShoppingCart` class needs, but first you need to be able to test the code you have currently written. Du musst ein neues `ShoppingCart`-Objekt instantiieren und es einer Variablen zuweisen. Hier ist ein Beispiel für die Instanziierung der `Computer`-Klasse aus früheren Beispielen: ```js const myComputer = new Computer(); ``` -Declare a `cart` variable, and assign it a new `ShoppingCart` object. Note the use of the `new` keyword when instantiating the object. +Deklariere eine `cart`-Variable, und weise ihr ein neues `ShoppingCart`-Objekt zu. Note the use of the `new` keyword when instantiating the object. # --hints-- @@ -23,7 +23,7 @@ You should use `const` to declare a `cart` variable. assert.match(code, /const\s+cart\s*=/); ``` -You should use the `new` keyword to instantiate a new `ShoppingCart` object. +Du solltest das `new`-Schlüsselwort verwenden, um ein neues `ShoppingCart`-Objekt zu instanziieren. ```js assert.match(code, /new\s+ShoppingCart\s*\(\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0224ceb16dc196d2c860a.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0224ceb16dc196d2c860a.md index e8cf52a47eb..2ec0a681246 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0224ceb16dc196d2c860a.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0224ceb16dc196d2c860a.md @@ -7,7 +7,7 @@ dashedName: step-33 # --description-- -You need to get all of the `Add to cart` buttons that you added to the DOM earlier. Declare an `addToCartBtns` variable, and assign it the value of calling the `getElementsByClassName()` method on the `document` object, passing in the string `add-to-cart-btn`. +Du musst alle `Add to cart`-Buttons, die du zuvor zum DOM hinzugefügt hast, abrufen. Deklariere eine `addToCartBtns`-Variable und weise ihr den Wert des Aufrufs der `getElementsByClassName()`-Methode auf dem `document`-Objekt zu, indem du den String `add-to-cart-btn` übergibst. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f026d041bc6c1a3d5cba0f.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f026d041bc6c1a3d5cba0f.md index 22577fd3992..ea464dc0ee1 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f026d041bc6c1a3d5cba0f.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f026d041bc6c1a3d5cba0f.md @@ -9,7 +9,7 @@ dashedName: step-34 You need to iterate through the buttons in your `addToCartBtns` variable. However, `.getElementsByClassName()` returns a Collection, which does not have a `forEach` method. -Use the spread operator on the `addToCartBtns` variable to convert it into an array. Then, use the `forEach` method to iterate through the array. Do not pass a callback function yet. +Use the spread operator on the `addToCartBtns` variable to convert it into an array. Then, use the `forEach` method to iterate through the array. Übergib noch keine Callback-Funktion. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0289df84a581bbdbd29b7.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0289df84a581bbdbd29b7.md index b4762d86d92..a85ab621938 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0289df84a581bbdbd29b7.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0289df84a581bbdbd29b7.md @@ -9,7 +9,7 @@ dashedName: step-36 In your event listener callback, call the `.addItem()` method of your `cart` object, and pass in the `event.target.id`. Remember that the `id` here will be a string, so you need to convert it to a number. -Pass your `products` array as the second argument. +Übergib dein `products`-Array als zweites Argument. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0295e673b661ccb299e8a.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0295e673b661ccb299e8a.md index 067b8f0daad..bf3635877b5 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0295e673b661ccb299e8a.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0295e673b661ccb299e8a.md @@ -7,9 +7,9 @@ dashedName: step-41 # --description-- -You need a way to access the total number of items in the cart. The best way to do this is to add another method to your `ShoppingCart` class, rather than accessing the `items` array directly. +Du brauchst eine Lösung, um auf die Gesamtzahl der Artikel im Einkaufswagen zuzugreifen. Der beste Weg, dies zu tun, ist, eine weitere Methode zu deiner `ShoppingCart`-Klasse hinzuzufügen, anstatt direkt auf das `items`-Array zuzugreifen. -Add a `getCounts` method to the `ShoppingCart` class. Sie sollte die Anzahl der Elemente im `items`-Array zurückgeben. +Füge der `ShoppingCart`-Klasse eine `getCounts`-Methode hinzu. Sie sollte die Anzahl der Elemente im `items`-Array zurückgeben. # --hints-- @@ -19,7 +19,7 @@ Deine `ShoppingCart`-Klasse sollte eine `getCounts`-Methode haben. assert.isFunction(cart.getCounts); ``` -Remember to use the `this` keyword to access the `items` array. +Denke daran, das `this`-Schlüsselwort zu verwenden, um auf das `items`-Array zuzugreifen. ```js const afterCounts = code.split('getCounts')[1]; diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f029b96b9e9e1df93be951.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f029b96b9e9e1df93be951.md index 3986d439d41..d77ed6fa27a 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f029b96b9e9e1df93be951.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f029b96b9e9e1df93be951.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Now you can update the total number of items on the webpage. Assign the value of your `cart` object's `.getCounts()` method to the `textContent` of the `totalNumberOfItems` variable. +Jetzt kannst du die Gesamtzahl der Artikel auf der Website aktualisieren. Weise den Wert der `.getCounts()`-Methode deines `cart`-Objekts dem `textContent` der `totalNumberOfItems`-Variable zu. # --hints-- @@ -17,7 +17,7 @@ Greife auf die `textContent`-Eigenschaft der `totalNumberOfItems`-Variablen zu. assert.match(code, /totalNumberOfItems\s*\.\s*textContent/) ``` -You should assign the value of your `cart` object's `.getCounts()` method to the `textContent` property of the `totalNumberOfItems` variable. +Der Wert der `.getCounts()`-Methode deines `cart`-Objekts sollte der `textContent`-Eigenschaft der `totalNumberOfItems`-Variablen zugewiesen werden. ```js assert.match(code, /totalNumberOfItems\s*\.\s*textContent\s*=\s*cart\s*\.\s*getCounts\(\s*\)/) diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02a4ef92d711ec1ff618c.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02a4ef92d711ec1ff618c.md index 4a9c097a32f..5b4a837b8a4 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02a4ef92d711ec1ff618c.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02a4ef92d711ec1ff618c.md @@ -7,11 +7,11 @@ dashedName: step-43 # --description-- -You also need to update the total price of the cart when the user adds an item. Create a `calculateTotal` method in the `ShoppingCart` class. +Außerdem musst du den Gesamtpreis des Einkaufswagens aktualisieren, wenn der Nutzer einen Artikel hinzufügt. Erstelle eine `calculateTotal`-Methode in der `ShoppingCart`-Klasse. -In that method, declare a `subTotal` variable and use the `reduce` method on the `items` array to calculate the sum of the `price` property of each item in the array. Use `total` and `item` as the parameters for your callback. +In that method, declare a `subTotal` variable and use the `reduce` method on the `items` array to calculate the sum of the `price` property of each item in the array. Verwende `total` und `item` als Parameter für deinen Callback. -Remember to set your initial value in the `reduce` method. +Denke daran, deinen Anfangswert in der `reduce`-Methode festzulegen. # --hints-- @@ -42,7 +42,7 @@ const afterCalculateTotal = code.split('calculateTotal')[1]; assert.match(afterCalculateTotal, /\(\s*total\s*,\s*item\s*\)\s*=>/); ``` -Your `reduce` callback should return the sum of `total` and `item.price`. Use an implicit return. +Your `reduce` callback should return the sum of `total` and `item.price`. Verwende eine implizite Rückgabe. ```js const afterCalculateTotal = code.split('calculateTotal')[1]; diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02b22cce1c11fe9604381.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02b22cce1c11fe9604381.md index 47b70d9a748..c1d890611fa 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02b22cce1c11fe9604381.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02b22cce1c11fe9604381.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Part of the total cost will include the tax, so you need to calculate that as well. Create a `calculateTaxes` method in the `ShoppingCart` class. This method should take an `amount` parameter. +Part of the total cost will include the tax, so you need to calculate that as well. Erstelle eine `calculateTaxes`-Methode in der `ShoppingCart`-Klasse. This method should take an `amount` parameter. # --hints-- @@ -17,7 +17,7 @@ Du solltest eine `calculateTaxes`-Methode in der `ShoppingCart`-Klasse erstellen assert.isFunction(cart.calculateTaxes); ``` -Your `calculateTaxes` method should take an `amount` parameter. +Deine `calculateTaxes`-Methode sollte einen `amount`-Parameter verwenden. ```js assert.match(cart.calculateTaxes.toString(), /\(\s*amount\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02bdeb9b428208b97eb6b.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02bdeb9b428208b97eb6b.md index 62cc724976b..a0b97a9aa4f 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02bdeb9b428208b97eb6b.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02bdeb9b428208b97eb6b.md @@ -13,7 +13,7 @@ For clarity, wrap the `taxRate / 100` calculation in parentheses. # --hints-- -Du solltest die `taxRate` in deiner `calculateTaxes`-Methode durch 100 teilen. Remember to use the `this` keyword. +Du solltest die `taxRate` in deiner `calculateTaxes`-Methode durch 100 teilen. Denke daran, das `this`-Schlüsselwort zu verwenden. ```js const afterCalculateTaxes = code.split('calculateTaxes')[1]; @@ -27,14 +27,14 @@ const afterCalculateTaxes = code.split('calculateTaxes')[1]; assert.match(afterCalculateTaxes, /\(\s*this\s*\.\s*taxRate\s*\/\s*100\s*\)/); ``` -You should multiply the `amount` parameter by the `taxRate` divided by 100 in your `calculateTaxes` method. +Du solltest den `amount`-Parameter mit `taxRate`, geteilt durch 100 in deiner `calculateTaxes`-Methode multiplizieren. ```js const afterCalculateTaxes = code.split('calculateTaxes')[1]; assert.match(afterCalculateTaxes, /amount\s*\*\s*\(\s*this\s*\.\s*taxRate\s*\/\s*100\s*\)|\(\s*this\s*\.\s*taxRate\s*\/\s*100\s*\)\s*\*\s*amount/); ``` -Your `calculateTaxes` method should return the value of the `taxRate` (divided by 100, to convert it to a percent) multiplied by the `amount` parameter. +Deine `calculateTaxes`-Methode sollte den Wert von `taxRate` zurückgeben (geteilt durch 100, um ihn in eine Prozentzahl umzuwandeln), multipliziert mit dem `amount`-Parameter. ```js console.log(cart.calculateTaxes(10), (cart.taxRate / 100) * 10); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02c6e18773921ba50aa53.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02c6e18773921ba50aa53.md index 9bd6a68d504..8581346a8d1 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02c6e18773921ba50aa53.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f02c6e18773921ba50aa53.md @@ -7,9 +7,9 @@ dashedName: step-46 # --description-- -Because of the way computers store and work with numbers, calculations involving decimal numbers can result in some strange behavior. For example, `0.1 + 0.2` is not equal to `0.3`. This is because computers store decimal numbers as binary fractions, and some binary fractions cannot be represented exactly as decimal fractions. +Because of the way computers store and work with numbers, calculations involving decimal numbers can result in some strange behavior. Zum Beispiel ist `0.1 + 0.2` nicht gleich `0.3`. This is because computers store decimal numbers as binary fractions, and some binary fractions cannot be represented exactly as decimal fractions. -We want to clean up the number result from your calculation. Wrap your calculation in parentheses (don't include the `return` statement!) and call the `.toFixed()` method on it. Pass the `.toFixed()` method the number `2` as an argument. This will round the number to two decimal places and return a string. +We want to clean up the number result from your calculation. Wrap your calculation in parentheses (don't include the `return` statement!) and call the `.toFixed()` method on it. Übergib der `.toFixed()`-Methode die Zahl `2` als Argument. Dies rundet die Zahl auf zwei Dezimalstellen ab und gibt einen String zurück. # --hints-- @@ -20,7 +20,7 @@ const afterCalculateTaxes = code.split('calculateTaxes')[1]; assert.match(afterCalculateTaxes, /return\s*\(\s*\(\s*this\s*\.\s*taxRate\s*\/\s*100\s*\)\s*\*\s*amount\s*\)/) ``` -You should call the `.toFixed()` method on your calculation. +Du solltest die `.toFixed()`-Methode für deine Berechnung aufrufen. ```js const afterCalculateTaxes = code.split('calculateTaxes')[1]; diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0311f5ea9382388d6124f.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0311f5ea9382388d6124f.md index c91482e0904..3b3d9848e6f 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0311f5ea9382388d6124f.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0311f5ea9382388d6124f.md @@ -7,9 +7,9 @@ dashedName: step-47 # --description-- -The issue with `.toFixed()` returning a string is that you want to be able to perform calculations with the tax rate. To fix this, you can pass the `.toFixed()` call (including the calculation) to the `parseFloat()` function. This will convert the fixed string back into a number, preserving the existing decimal places. +The issue with `.toFixed()` returning a string is that you want to be able to perform calculations with the tax rate. Um dies zu beheben, kannst du den `.toFixed()`-Aufruf (einschließlich der Berechnung) an die `parseFloat()`-Funktion übergeben. This will convert the fixed string back into a number, preserving the existing decimal places. -Pass your `.toFixed()` call to `parseFloat()`. +Übergib deinen `.toFixed()`-Aufruf an `parseFloat()`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f033fdb1fbcc254999fcc3.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f033fdb1fbcc254999fcc3.md index 98c1db86f13..5bff2cf7af9 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f033fdb1fbcc254999fcc3.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f033fdb1fbcc254999fcc3.md @@ -7,7 +7,7 @@ dashedName: step-37 # --description-- -Your cart currently isn't visible on the webpage. To make it visible, start by adding an event listener to the `cartBtn` variable, listening for the click event. The callback does not need any parameters. +Dein Einkaufswagen ist derzeit nicht auf der Website sichtbar. To make it visible, start by adding an event listener to the `cartBtn` variable, listening for the click event. Der Callback benötigt keine Parameter. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0348a54a177272071a595.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0348a54a177272071a595.md index 4b4a3d2b227..d09a7599c63 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0348a54a177272071a595.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0348a54a177272071a595.md @@ -23,7 +23,7 @@ You should use ternary syntax to check if `isCartShowing` is true. assert.match(code, /showHideCartSpan\s*\.\s*textContent\s*=\s*isCartShowing\s*\?\s*/) ``` -You should set the `textContent` of the `showHideCartSpan` variable to `Hide` if `isCartShowing` is true. +Du solltest den `textContent` der `showHideCartSpan`-Variable auf `Hide` setzen, wenn `isCartShowing` wahr (true) ist. ```js assert.match(code, /showHideCartSpan\s*\.\s*textContent\s*=\s*isCartShowing\s*\?\s*('|"|`)Hide\1\s*:\s*/) diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f036ec91fdf238c90665f5.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f036ec91fdf238c90665f5.md index 917f6db1f21..5a827b37edb 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f036ec91fdf238c90665f5.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f036ec91fdf238c90665f5.md @@ -11,13 +11,13 @@ Update the `total` value to be the sum of the `subTotal` and `tax` values. # --hints-- -Du solltest den `total`-Wert aktualisieren. Remember to use the `this` keyword. +Du solltest den `total`-Wert aktualisieren. Denke daran, das `this`-Schlüsselwort zu verwenden. ```js assert.match(cart.calculateTotal.toString(), /this\.total/); ``` -You should set the `total` value to be the sum of the `subTotal` and `tax` values. +Du solltest den `total`-Wert so einstellen, dass er die Summe der `subTotal`- und `tax`-Werte ergibt. ```js assert.match(cart.calculateTotal.toString(), /this\.total\s*=\s*(subTotal\s*\+\s*tax|tax\s*\+\s*subTotal)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0374d5351223a747c301d.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0374d5351223a747c301d.md index 1860203c1ed..2d705d15d47 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0374d5351223a747c301d.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f0374d5351223a747c301d.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Following the same pattern as your `cartSubTotal`, update the `cartTaxes` to display the `tax` value, and your `cartTotal` to display the `total` property. +Nach dem gleichen Muster wie bei `cartSubTotal` aktualisierst du `cartTaxes`, um den `tax`-Wert anzuzeigen, und `cartTotal`, um die `total`-Eigenschaft anzuzeigen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038a0ae041d3c5b0cdf23.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038a0ae041d3c5b0cdf23.md index 4fa5c1649d5..7abc58b824a 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038a0ae041d3c5b0cdf23.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038a0ae041d3c5b0cdf23.md @@ -7,11 +7,11 @@ dashedName: step-54 # --description-- -Your last feature is to allow users to clear their cart. Add a `clearCart()` method to your `ShoppingCart` class. +Die letzte Funktion besteht darin, dass die Nutzer ihren Einkaufswagen leeren können. Füge eine `clearCart()`-Methode zu deiner `ShoppingCart`-Klasse hinzu. # --hints-- -Your `ShoppingCart` class should have a `clearCart` method. +Deine `ShoppingCart`-Klasse sollte über eine `clearCart`-Methode verfügen. ```js assert.isFunction(cart.clearCart); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038e671d3f73d5a041973.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038e671d3f73d5a041973.md index c9a927d84d3..7a4cd3cae13 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038e671d3f73d5a041973.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f038e671d3f73d5a041973.md @@ -7,11 +7,11 @@ dashedName: step-55 # --description-- -Als erstes solltest du überprüfen, ob das `items`-Array leer ist. If it is, display an `alert` to the user with the text `Your shopping cart is already empty`, then return from the function. +Als erstes solltest du überprüfen, ob das `items`-Array leer ist. Wenn dies der Fall ist, wird dem Nutzer ein `alert` mit dem Text `Your shopping cart is already empty` angezeigt, und die Funktion wird beendet. Remember that `0` is a falsy value, so you can use the `!` operator to check if the array is empty. -After displaying the alert, return from the function to stop execution. +Nachdem die Meldung angezeigt wurde, verlasse die Funktion, um die Ausführung zu beenden. # --hints-- @@ -27,7 +27,7 @@ Deine `if`-Anweisung sollte dem Nutzer einen `alert` mit dem Text `Your shopping assert.match(cart.clearCart.toString(), /if\s*\(\s*!\s*this\s*\.\s*items\s*\.\s*length\s*\)\s*\{\s*alert\s*\(\s*('|"|`)Your shopping cart is already empty\1\s*\)\s*/); ``` -Your `if` statement should return from the function. +Deine `if`-Anweisung sollte von der Funktion zurückkehren. ```js assert.match(cart.clearCart.toString(), /if\s*\(\s*!\s*this\s*\.\s*items\s*\.\s*length\s*\)\s*\{\s*alert\s*\(\s*('|"|`)Your shopping cart is already empty\1\s*\)\s*;?\s*return\s*;?\s*\}/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f039dbcef7673e4e758fa3.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f039dbcef7673e4e758fa3.md index 2f679af5b7b..2d0e85e4d5d 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f039dbcef7673e4e758fa3.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f039dbcef7673e4e758fa3.md @@ -7,9 +7,9 @@ dashedName: step-56 # --description-- -Browsers have a built-in `confirm()` function which displays a confirmation prompt to the user. `confirm()` accepts a string, which is the message displayed to the user. It returns `true` if the user confirms, and `false` if the user cancels. +Browser haben eine eingebaute `confirm()`-Funktion, die dem Nutzer eine Sicherheitsabfrage anzeigt. `confirm()` akzeptiert einen String, das ist die Nachricht, die dem Nutzer angezeigt wird. It returns `true` if the user confirms, and `false` if the user cancels. -Declare a variable `isCartCleared` and assign it the value of calling `confirm()` with the string `"Are you sure you want to clear all items from your shopping cart?"`. +Deklariere eine Variable `isCartCleared` und weise ihr den Wert des Aufrufs `confirm()` mit dem String `"Are you sure you want to clear all items from your shopping cart?"` zu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03a7143a6ef3f7f3344f0.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03a7143a6ef3f7f3344f0.md index dd448052cbd..d8082170cad 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03a7143a6ef3f7f3344f0.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03a7143a6ef3f7f3344f0.md @@ -7,13 +7,13 @@ dashedName: step-57 # --description-- -You only want to clear the cart if the user confirms the prompt. Create an `if` statement that checks if the user confirmed the prompt. +Du möchtest den Einkaufswagen nur leeren, wenn der Nutzer die Aufforderung bestätigt. Create an `if` statement that checks if the user confirmed the prompt. -In the `if` statement, set the `items` property back to an empty array, then set the `total` property to `0`. +In der `if`-Anweisung setzt du die `items`-Eigenschaft zurück auf ein leeres Array, danach setzt du die `total`-Eigenschaft auf `0`. # --hints-- -You should create an `if` statement that checks if the user confirmed the prompt. Remember that you can check the truthiness of `isCartCleared` directly. +You should create an `if` statement that checks if the user confirmed the prompt. Denke daran, dass du den Wahrheitsgehalt von `isCartCleared` direkt überprüfen kannst. ```js assert.match(cart.clearCart.toString(), /if\s*\(\s*isCartCleared\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03ac2b428b2404a5a7518.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03ac2b428b2404a5a7518.md index 90e7c62a47a..cbf4f40f322 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03ac2b428b2404a5a7518.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03ac2b428b2404a5a7518.md @@ -11,7 +11,7 @@ You also need to start clearing the HTML. Set the `innerHTML` property of the `p # --hints-- -In your `if` statement, you should set the `innerHTML` property of the `productsContainer` back to an empty string. +In deiner `if`-Anweisung solltest du die `innerHTML`-Eigenschaft des `productsContainer` auf einen leeren String zurücksetzen. ```js assert.match(cart.clearCart.toString(), /if\s*\(\s*isCartCleared\s*\)\s*{\s*this\s*\.\s*items\s*=\s*\[\s*\]\s*;?\s*this\s*\.\s*total\s*=\s*0\s*;?\s*productsContainer\.innerHTML\s*=\s*('|"|`)\1\s*;?\s*}/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03af535682e4138fdb915.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03af535682e4138fdb915.md index 4e921a5f2d3..5e6f39883ae 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03af535682e4138fdb915.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03af535682e4138fdb915.md @@ -7,7 +7,7 @@ dashedName: step-59 # --description-- -Set the `textContent` of the `totalNumberOfItems`, `cartSubTotal`, `cartTaxes`, and `cartTotal` elements all to the number `0`. +Setze den `textContent` der Elemente `totalNumberOfItems`, `cartSubTotal`, `cartTaxes` und `cartTotal` alle auf die Zahl `0`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03b1ed5ab15420c057463.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03b1ed5ab15420c057463.md index fe207ee6626..a7096bf6b07 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03b1ed5ab15420c057463.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-data-structures-by-building-a-shopping-cart/63f03b1ed5ab15420c057463.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Your final step is to make your clear button functional. Add a `click` event listener to the `clearCartBtn`. For the callback, you can pass in `cart.clearCart` directly. +Your final step is to make your clear button functional. Add a `click` event listener to the `clearCartBtn`. Für den Callback kannst du `cart.clearCart` direkt übergeben. -However, doing so will not work, because the context of `this` will be the `clearCartBtn` element. You need to bind the `clearCart` method to the `cart` object. +However, doing so will not work, because the context of `this` will be the `clearCartBtn` element. Du musst die `clearCart`-Methode an das `cart`-Objekt binden. -You can do this by passing `cart.clearCart.bind(cart)` as the callback. +Dies ist möglich, indem du `cart.clearCart.bind(cart)` als Callback übergibst. -And with that, your shopping cart project is complete! +Und damit ist dein Einkaufswagen-Projekt abgeschlossen! # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md index 293abeedd3c..1f54d573f91 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da3c6b6fbd742bff6ee40.md @@ -7,7 +7,7 @@ dashedName: step-2 # --description-- -The Fetch API is a built-in JavaScript interface to make network requests to a server. It has a `fetch()` method you can use to make `GET`, `POST`, `PUT`, or `PATCH` requests. In this project, you'll make a `GET` request to a URL for a JSON file with information about authors on freeCodeCamp News. +The Fetch API is a built-in JavaScript interface to make network requests to a server. Sie verfügt über eine `fetch()`-Methode, mit der du `GET`-, `POST`-, `PUT`- oder `PATCH`-Anfragen stellen kannst. In diesem Projekt wirst du eine `GET`-Anfrage an eine URL für eine JSON-Datei mit Informationen über Autoren auf freeCodeCamp-News stellen. Here is how you can make a `GET` request with the `fetch()` method: diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md index 5305da332ca..16a0aae8428 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da42481d90c4314c99e94.md @@ -18,9 +18,9 @@ fetch("sample-url-goes-here") .then((res) => res) ``` -Chain the `.then()` method to your `fetch` call. Inside the `.then()` method, add a callback function with `res` as a parameter, then log the `res` to the console so you can see the `Response` object. Open your console and expand the `Response` object to see what it contains. +Chain the `.then()` method to your `fetch` call. Inside the `.then()` method, add a callback function with `res` as a parameter, then log the `res` to the console so you can see the `Response` object. Öffne deine Konsole und erweitere das `Response`-Objekt, um zu sehen, was es enthält. -Again, don't terminate the code with a semi-colon yet. +Nochmals: Beende den Code noch nicht mit einem Semikolon. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da615af82bf454215a992.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da615af82bf454215a992.md index 117068a5d38..63b966f84ec 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da615af82bf454215a992.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da615af82bf454215a992.md @@ -13,7 +13,7 @@ For the second parameter, pass in `index`. This will represent the position of e # --hints-- -You should destructure `author`, `image`, `url`, and `bio` as the first parameter of your callback function. Don't forget to put them inside curly braces. +Du solltest `author`, `image`, `url` und `bio` als ersten Parameter deiner Callback-Funktion destrukturieren. Don't forget to put them inside curly braces. ```js assert.match(code, /authors\.forEach\(\s*\(\s*\{\s*(?:author\s*,\s*image\s*,\s*url\s*,\s*bio)|(?:image\s*,\s*author\s*,\s*url\s*,\s*bio)|(?:url\s*,\s*author\s*,\s*image\s*,\s*bio)|(?:author\s*,\s*url\s*,\s*image\s*,\s*bio)|(?:image\s*,\s*url\s*,\s*author\s*,\s*bio)|(?:url\s*,\s*image\s*,\s*author\s*,\s*bio)|(?:url\s*,\s*image\s*,\s*bio\s*,\s*author)|(?:image\s*,\s*url\s*,\s*bio\s*,\s*author)|(?:bio\s*,\s*url\s*,\s*image\s*,\s*author)|(?:url\s*,\s*bio\s*,\s*image\s*,\s*author)|(?:image\s*,\s*bio\s*,\s*url\s*,\s*author)|(?:bio\s*,\s*image\s*,\s*url\s*,\s*author)|(?:bio\s*,\s*author\s*,\s*url\s*,\s*image)|(?:author\s*,\s*bio\s*,\s*url\s*,\s*image)|(?:url\s*,\s*bio\s*,\s*author\s*,\s*image)|(?:bio\s*,\s*url\s*,\s*author\s*,\s*image)|(?:author\s*,\s*url\s*,\s*bio\s*,\s*image)|(?:url\s*,\s*author\s*,\s*bio\s*,\s*image)|(?:image\s*,\s*author\s*,\s*bio\s*,\s*url)|(?:author\s*,\s*image\s*,\s*bio\s*,\s*url)|(?:bio\s*,\s*image\s*,\s*author\s*,\s*url)|(?:image\s*,\s*bio\s*,\s*author\s*,\s*url)|(?:author\s*,\s*bio\s*,\s*image\s*,\s*url)|(?:bio\s*,\s*author\s*,\s*image\s*,\s*url)\s*\}/) diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md index cbaf46cb23e..a31365db46a 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641da836581c254815f785fe.md @@ -9,7 +9,7 @@ dashedName: step-18 The next thing you'll show are biographical details about the author. You can do this with `bio` that you destructured earlier. -Add a paragraph element with the `class` `bio`, then interpolate `bio` inside the paragraph element. +Füge ein Absatz-Element mit der `class` `bio` hinzu und füge dann `bio` innerhalb des Absatz-Elements ein. # --hints-- @@ -26,7 +26,7 @@ Your `p` element should have the class `bio` assert.include(document.querySelector('p')?.className, 'bio'); ``` -You should interpolate `bio` in your `p` element. +Du solltest `bio` in dein `p`-Element interpolieren. ```js assert.equal(document.querySelector('p')?.innerText, authorDataArr[0].bio); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md index 7627127880e..640c9be4863 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641daabed8d0584b1150c953.md @@ -9,7 +9,7 @@ dashedName: step-27 Some of the author bios are much longer than others. To give the cards a uniform look, you can extract the first 50 characters of each one and replace the rest with an ellipsis (...). Otherwise, you can show the entire bio. -Within the paragraph element, replace `bio` with a ternary operator. For the condition, check if the length of `bio` is greater than 50. If it is, use the `.slice()` method to extract the first 50 characters of `bio` and add an ellipsis at the end. Otherwise, show the full `bio`. +Ersetze innerhalb des Absatz-Elements `bio` mit einem ternären Operator. For the condition, check if the length of `bio` is greater than 50. If it is, use the `.slice()` method to extract the first 50 characters of `bio` and add an ellipsis at the end. Otherwise, show the full `bio`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md index 5869c7102f8..c530262d0de 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-fetch-and-promises-by-building-an-fcc-authors-page/641dab13c1b6f14b9828e6b1.md @@ -9,7 +9,7 @@ dashedName: step-29 One more thing. If you keep clicking the `Load More Authors` button until there's no more data to load and the text changes to `No more data to load`, the cursor value is still `pointer`. Why not change the cursor value to `not-allowed` instead? -Access the `style` property of the `Load More Authors` button and set `cursor` to `not-allowed`. +Greife auf die `style`-Eigenschaft des `Load More Authors`-Buttons zu und setze `cursor` auf `not-allowed`. With that, your author page is complete! diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/5ddb965c65d27e1512d44d9a.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/5ddb965c65d27e1512d44d9a.md index 13f6f0dab13..623ca3b1d07 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/5ddb965c65d27e1512d44d9a.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/5ddb965c65d27e1512d44d9a.md @@ -7,7 +7,7 @@ dashedName: step-1 # --description-- -You have been provided with boilerplate CSS and HTML. However, you need to build your calorie counter form. +You have been provided with boilerplate CSS and HTML. Du musst jedoch dein Kalorienzähler-Formular erstellen. Feel free to explore the HTML and CSS, then add a `form` element and give it an `id` set to `calorie-counter`. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60aaaa65f8922bfce6b7e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60aaaa65f8922bfce6b7e.md index 36de67b0bed..eac272471d2 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60aaaa65f8922bfce6b7e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60aaaa65f8922bfce6b7e.md @@ -7,7 +7,7 @@ dashedName: step-9 # --description-- -In your `span` element, create a `label` element for an `entry-dropdown` and give it the text `Add food or exercise:`. Then create a `select` element with the `id` set to `entry-dropdown` and a `name` set to `options`. Below that, add a `button` element with the `id` set to `add-entry` and the text `Add Entry`. +Erstelle in deinem `span`-Element ein `label`-Element für einen `entry-dropdown` und weise ihm den Text `Add food or exercise:` zu. Then create a `select` element with the `id` set to `entry-dropdown` and a `name` set to `options`. Below that, add a `button` element with the `id` set to `add-entry` and the text `Add Entry`. Give your `button` element a `type` attribute set to `button` to prevent automatic form submission. @@ -19,7 +19,7 @@ You should add a `label` element to your `span` element. assert.exists(document.querySelector('.controls > span > label')); ``` -Your new `label` element should have a `for` attribute set to `entry-dropdown`. +Dein neues `label`-Element sollte ein `for`-Attribut enthalten, das auf `entry-dropdown` gesetzt ist. ```js assert.equal(document.querySelector('.controls > span > label')?.getAttribute('for'), 'entry-dropdown'); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60c09c5039f25a3b2dda9.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60c09c5039f25a3b2dda9.md index 9c9a2c05a40..778914099bc 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60c09c5039f25a3b2dda9.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60c09c5039f25a3b2dda9.md @@ -9,7 +9,7 @@ dashedName: step-11 Create another `div` element. Within it, nest a `button` to `submit` the form, with an `id` set to `calculate-calories`. This button should have the text `Calculate Remaining Calories`. -Then add a `button` with the `id` set to `clear` to clear the form (don't forget to give it a `type` attribute that prevents it from submitting the form). This button needs the text `Clear`. +Füge dann einen `button` hinzu, dessen `id` auf `clear` gesetzt ist, um das Formular zu leeren (vergiss nicht, ihm ein `type`-Attribut zu geben, das verhindert, dass er das Formular abschickt). This button needs the text `Clear`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60d3c5048302906962231.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60d3c5048302906962231.md index f4a19407487..1de8657a15d 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60d3c5048302906962231.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b60d3c5048302906962231.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -It is time to start writing the script that makes your form work. Begin by getting the `form` element (using the `id`) and storing it in a variable called `calorieCounter`. +It is time to start writing the script that makes your form work. Beginne damit, das `form`-Element (mit Hilfe der `id`) abzurufen und es in einer Variablen namens `calorieCounter` zu speichern. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b613f367584d2a5d041b7d.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b613f367584d2a5d041b7d.md index eac80046f53..a4ec494f9f3 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b613f367584d2a5d041b7d.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b613f367584d2a5d041b7d.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -Get your `#budget` element and assign it to `budgetNumberInput`, and your `#entry-dropdown` element and assign it to `entryDropdown`. +Nimm dein `#budget`-Element und weise es `budgetNumberInput` zu und dein `#entry-dropdown`-Element und weise es `entryDropdown` zu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf461011fca327d3b60fa8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf461011fca327d3b60fa8.md index 0be24d212f2..6728f45e329 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf461011fca327d3b60fa8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf461011fca327d3b60fa8.md @@ -7,7 +7,7 @@ dashedName: step-23 # --description-- -While looping through the string works, creating a new array is inefficient for memory and runtime performance. Instead, you can use Regular Expressions (referred to as "regex") to match specific characters. +While looping through the string works, creating a new array is inefficient for memory and runtime performance. Stattdessen kannst du reguläre Ausdrücke (auch "Regex" genannt) verwenden, um bestimmte Zeichen zu finden. Regex in JavaScript is indicated by a pattern wrapped in forward slashes – for example: diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf47fd40599f29827f484d.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf47fd40599f29827f484d.md index cdea61a2728..f14b91708cd 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf47fd40599f29827f484d.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf47fd40599f29827f484d.md @@ -7,7 +7,7 @@ dashedName: step-24 # --description-- -The pattern you currently have will match the exact text `hello`, which is not what you want to match. You want to look for `+`, `-`, or spaces. Replace the pattern in your `regex` variable with `\+-` to look for plus and minus characters. +The pattern you currently have will match the exact text `hello`, which is not what you want to match. Du möchtest nach `+`, `-` oder Leerzeichen suchen. Replace the pattern in your `regex` variable with `\+-` to look for plus and minus characters. Note that you need to use the `\` to escape the `+`, because a `+` has a special meaning in regular expressions. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf492b6dfb292a79f0e675.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf492b6dfb292a79f0e675.md index 6db7b9967c6..3d00c0ff132 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf492b6dfb292a79f0e675.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf492b6dfb292a79f0e675.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -In regex, shorthand character classes allow you to match specific characters without having to write those characters in your pattern. Shorthand character classes are preceded with a backslash (`\`). The character class `\s` will match any whitespace character. Add this to your regex pattern. +In regex, shorthand character classes allow you to match specific characters without having to write those characters in your pattern. Shorthand character classes are preceded with a backslash (`\`). Die Zeichenklasse `\s` stimmt mit jedem Leerzeichen überein. Add this to your regex pattern. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf4bfe9de3852be51c8f86.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf4bfe9de3852be51c8f86.md index 4e61f07130f..801f5c74ff9 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf4bfe9de3852be51c8f86.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63bf4bfe9de3852be51c8f86.md @@ -7,15 +7,15 @@ dashedName: step-26 # --description-- -Your current pattern won't work just yet. `/+-\s/` looks for `+`, `-`, and a space *in order*. This would match `+- hello` but would not match `+hello`. +Dein aktuelles Muster wird noch nicht funktionieren. `/+-\s/` looks for `+`, `-`, and a space *in order*. This would match `+- hello` but would not match `+hello`. -To tell the pattern to match each of these characters individually, you need to turn them into a character class. This is done by wrapping the characters you want to match in brackets. For example, this pattern will match the characters `h`, `e`, `l`, or `o`: +To tell the pattern to match each of these characters individually, you need to turn them into a character class. This is done by wrapping the characters you want to match in brackets. Beispielsweise würde dieses Muster mit den Zeichen `h`, `e`, `l` oder `o` übereinstimmen: ```js const regex = /[helo]/; ``` -Turn your `+-\s` pattern into a character class. Note that you no longer need to escape the `+` character, because you are using a character class. +Turn your `+-\s` pattern into a character class. Beachte, dass du das `+`-Zeichen nicht mehr zu entschlüsseln brauchst, weil du eine Zeichenklasse verwendest. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2187f55eb0f400269568f.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2187f55eb0f400269568f.md index a869416a149..e14b8451bd1 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2187f55eb0f400269568f.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2187f55eb0f400269568f.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Finally, on a new line after your second `label`, create another `input` element. Give this one a `type` attribute set to `number`, a `min` attribute set to `0` (to ensure negative calories cannot be added), a `placeholder` attribute set to `Calories`, and an `id` attribute that matches the `for` attribute of your second `label` element. +Schließlich erstellst du in einer neuen Zeile nach deinem zweiten `label` ein weiteres `input`-Element. Give this one a `type` attribute set to `number`, a `min` attribute set to `0` (to ensure negative calories cannot be added), a `placeholder` attribute set to `Calories`, and an `id` attribute that matches the `for` attribute of your second `label` element. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2194dce265f429300c8b1.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2194dce265f429300c8b1.md index 00f316256c7..f755eae465b 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2194dce265f429300c8b1.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c2194dce265f429300c8b1.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Try adding a couple of entries to the `Breakfast` category, and you may notice some bugs! The first thing we need to fix is the entry counts – the first entry should have a count of `1`, not `0`. +Versuche, der `Breakfast`-Kategorie ein paar Einträge hinzuzufügen, und du könntest einige Fehler entdecken! The first thing we need to fix is the entry counts – the first entry should have a count of `1`, not `0`. This bug occurs because you are querying for `input[type="text"]` elements *before* adding the new entry to the page. To fix this, update your `entryNumber` variable to be the value of the `length` of the query plus `1`. Add this on your declaration line, not in your template strings. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md index d0fb3c95d9e..b542f0109ea 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md @@ -7,7 +7,7 @@ dashedName: step-56 # --description-- -The `list` parameter is going to be the result of a query selector, which will return a `NodeList`. A `NodeList` is an array-like which contains the elements that match the query selector. +Der `list`-Parameter wird das Ergebnis eines Query-Selektors sein, der eine `NodeList` zurückgeben wird. Eine `NodeList` ähnelt einem Array, der die Elemente enthält, die dem Query-Selektor entsprechen. You'll need to loop through these elements, so start by creating a `for` loop. Your iterator `i` should start at `0`, continue while it is less than the length of the list, and increment by `1` each iteration. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bcc26219e7090da0f549.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bcc26219e7090da0f549.md index d26b67985f0..32bf0499871 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bcc26219e7090da0f549.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bcc26219e7090da0f549.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Still within your `if` block, set `isError` to `true` and return `null`. +Setze innerhalb deines `if`-Blocks `isError` auf `true` und gib `null` zurück. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md index eaf8ec4bd19..dd619a49e37 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Remember that `return` ends the execution of a function. After your `if` block, you need to handle the logic for when the input is valid. Because your `if` statement returns a value, you do not need an `else` statement. +Denke daran, dass `return` die Ausführung einer Funktion beendet. After your `if` block, you need to handle the logic for when the input is valid. Because your `if` statement returns a value, you do not need an `else` statement. Use the addition assignment operator to add `currVal` to your `calories` total. You'll need to use the `Number` constructor to convert `currVal` to a number. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c0d0857f0a10a57af936.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c0d0857f0a10a57af936.md index 8d50b7d9937..6911d6143b4 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c0d0857f0a10a57af936.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c0d0857f0a10a57af936.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Following the same pattern, query for your `number` inputs in the `#dinner`, `#snacks`, and `#exercise` elements. Assign them to variables following the naming scheme of the previous two. +Nach dem gleichen Muster kannst du deine `number`-Eingaben in den `#dinner`-, `#snacks`- und `#exercise`-Elementen abfragen. Assign them to variables following the naming scheme of the previous two. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e3a83bb3e61a80eea564.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e3a83bb3e61a80eea564.md index 069574929ef..0644c3f2ca2 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e3a83bb3e61a80eea564.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e3a83bb3e61a80eea564.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -You also need to get the value of your `#budget` input. You already queried this at the top of your code, and set it to the `budgetNumberInput` variable. However, you used `getElementById`, which returns an `Element`, not a `NodeList`. +You also need to get the value of your `#budget` input. Du hast dies bereits am Anfang deines Codes abgefragt und auf die `budgetNumberInput`-Variable gesetzt. However, you used `getElementById`, which returns an `Element`, not a `NodeList`. A `NodeList` is an array-like, which means you can iterate through it and it shares some common methods with an array. For your `getCaloriesFromInputs` function, an array will work for the argument just as well as a `NodeList` does. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e45519caf31b987fbb5f.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e45519caf31b987fbb5f.md index e593e5923e0..f8724542678 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e45519caf31b987fbb5f.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e45519caf31b987fbb5f.md @@ -23,7 +23,7 @@ Your `if` statement should check the truthiness of the `isError` variable. assert.match(calculateCalories.toString(), /if\s*\(\s*isError\s*\)/); ``` -Your `if` statement should use `return` to end the function execution. +Deine `if`-Anweisung sollte `return` verwenden, um die Ausführung der Funktion zu beenden. ```js assert.match(calculateCalories.toString(), /if\s*\(\s*isError\s*\)\s*\{?\s*return;?\s*\}?\s*/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e4d2ff41811dd640504f.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e4d2ff41811dd640504f.md index 96e9674a3e1..ee41bb4f7ed 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e4d2ff41811dd640504f.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e4d2ff41811dd640504f.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -It is time to start preparing your calculations. Start by declaring a `consumedCalories` variable, and assign it the sum of `breakfastCalories`, `lunchCalories`, `dinnerCalories`, and `snacksCalories` (note that order matters for the tests). Be sure to do this after your `if` statement. +It is time to start preparing your calculations. Start by declaring a `consumedCalories` variable, and assign it the sum of `breakfastCalories`, `lunchCalories`, `dinnerCalories`, and `snacksCalories` (note that order matters for the tests). Stelle sicher, dass du dies nach deiner `if`-Anweisung machst. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e51b3a007a1eba1cd0f6.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e51b3a007a1eba1cd0f6.md index cab5fae5d84..44825fda961 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e51b3a007a1eba1cd0f6.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e51b3a007a1eba1cd0f6.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now declare a `remainingCalories` variable, and give it the value of subtracting `consumedCalories` from `budgetCalories` and adding `exerciseCalories`. +Deklariere nun eine `remainingCalories`-Variable und weise ihr den Wert zu, der sich aus der Subtraktion von `consumedCalories` von `budgetCalories` und der Addition von `exerciseCalories` ergibt. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e55b4b06c11fff555c64.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e55b4b06c11fff555c64.md index 8569a16c9e8..e0da65c64b5 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e55b4b06c11fff555c64.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e55b4b06c11fff555c64.md @@ -9,7 +9,7 @@ dashedName: step-77 You need to know if the user's calories are a surplus or a deficit. Declare a `surplusOrDeficit` variable. -Use a ternary operator to set `surplusOrDeficit` to the string `Surplus` or `Deficit` depending on whether `remainingCalories` is greater than or equal to `0`. If it is greater than or equal to `0`, then `surplusOrDeficit` should be `Surplus`. Otherwise, it should be `Deficit`. +Use a ternary operator to set `surplusOrDeficit` to the string `Surplus` or `Deficit` depending on whether `remainingCalories` is greater than or equal to `0`. Wenn er größer oder gleich `0` ist, dann sollte `surplusOrDeficit` `Surplus` sein. Otherwise, it should be `Deficit`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md index 5a6f04b9085..c9948566971 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Using the same interpolation syntax, add a second `p` element with the text `consumedCalories Calories Consumed` and a third with the text `exerciseCalories Calories Burned`. Remember to replace your `consumedCalories` and `exerciseCalories` variables with the appropriate values. +Using the same interpolation syntax, add a second `p` element with the text `consumedCalories Calories Consumed` and a third with the text `exerciseCalories Calories Burned`. Denke daran, deine `consumedCalories`- und `exerciseCalories`-Variablen durch die entsprechenden Werte zu ersetzen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9eb4a5d68f12f32d9b440.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9eb4a5d68f12f32d9b440.md index 71445e2f796..da35bff2f65 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9eb4a5d68f12f32d9b440.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9eb4a5d68f12f32d9b440.md @@ -9,7 +9,7 @@ dashedName: step-89 Remember that `document.querySelectorAll` returns a `NodeList`, which is array-like but is not an array. However, the `Array` object has a `.from()` method that accepts an array-like and returns an array. This is helpful when you want access to more robust array methods, which you will learn about in a future project. -Wrap your `inputContainers` query selector in `Array.from()`. Do this on the same line as your declaration. +Wrap your `inputContainers` query selector in `Array.from()`. Dies erfolgt in der gleichen Zeile wie deine Deklaration. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ebb7b12bca3025b0a935.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ebb7b12bca3025b0a935.md index 5a64a654527..feceb9605d6 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ebb7b12bca3025b0a935.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ebb7b12bca3025b0a935.md @@ -9,7 +9,7 @@ dashedName: step-90 It is time for another loop. Use a `for` loop to iterate through the `inputContainers` array. -Inside the loop, set the `innerHTML` property of the element at the current index to an empty string. This will clear all of the contents of that input container. +Inside the loop, set the `innerHTML` property of the element at the current index to an empty string. Dies wird den gesamten Inhalt des Eingabebehälters löschen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9f28bda3e3f336e21b6b4.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9f28bda3e3f336e21b6b4.md index a66055cca91..ef698a8dfc8 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9f28bda3e3f336e21b6b4.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9f28bda3e3f336e21b6b4.md @@ -7,7 +7,7 @@ dashedName: step-93 # --description-- -To finish off this function, you need to restore the `hide` class to the `output` element. The `classList` property has an `.add()` method which is the opposite of the `.remove()` method. It accepts a string representing the class to add to the element. +Um diese Funktion abzuschließen, musst du die `hide`-Klasse im `output`-Element wiederherstellen. The `classList` property has an `.add()` method which is the opposite of the `.remove()` method. It accepts a string representing the class to add to the element. Add the `hide` class to your `output`. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df32c0c2db433d8b46d46.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df32c0c2db433d8b46d46.md index 943c52188d7..dcb68a6ca35 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df32c0c2db433d8b46d46.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df32c0c2db433d8b46d46.md @@ -7,7 +7,7 @@ dashedName: step-5 # --description-- -Finally, use the `.appendChild()` method to add your `label` element to the `container` element. +Verwende schließlich die `.appendChild()`-Methode, um dein `label`-Element zu dem `container`-Element hinzufügen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df9df4b5216350de7b0d2.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df9df4b5216350de7b0d2.md index 3ddcd8ee139..5625252e91e 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df9df4b5216350de7b0d2.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642df9df4b5216350de7b0d2.md @@ -9,7 +9,7 @@ dashedName: step-6 You will need a function to generate a range of numbers. -Declare an empty `range` function which takes a `start` and `end` parameter. Use the `Array()` constructor and implicitly return an empty array. +Declare an empty `range` function which takes a `start` and `end` parameter. Verwende den `Array()`-Konstruktor und gib implizit ein leeres Array zurück. # --hints-- @@ -49,13 +49,13 @@ Your `range` function should take an `end` parameter second. assert.match(code, /const\s*range\s*=\s*\(\s*start\s*,\s*end\s*\)/); ``` -Your `range` function should use an implicit return. Remember that this means you will not use curly brackets. +Deine `range`-Funktion sollte eine implizite Rückgabe verwenden. Remember that this means you will not use curly brackets. ```js assert.notMatch(code, /const\s*range\s*=\s*\(\s*start\s*,\s*end\s*\)\s*=>\s*{/); ``` -Your `range` function should use the `Array()` constructor. Primitive constructors do not need the `new` keyword. +Your `range` function should use the `Array()` constructor. Primitive Konstruktoren benötigen kein `new`-Schlüsselwort. ```js assert.match(code, /const\s*range\s*=\s*\(\s*start\s*,\s*end\s*\)\s*=>\s*Array\(/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642dfb07e7fa6736251541c8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642dfb07e7fa6736251541c8.md index c3cf4096898..fe85caa180e 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642dfb07e7fa6736251541c8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/642dfb07e7fa6736251541c8.md @@ -9,7 +9,7 @@ dashedName: step-7 Your array will need to be the size of the range. You can calculate this by finding the difference between `end` and `start`, and adding `1` to the result. -Pass this calculation as the argument for your `Array()` constructor. +Übergib diese Berechnung als Argument für deinen `Array()`-Konstruktur. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0a022da7bcabf3e3aca3.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0a022da7bcabf3e3aca3.md index 430475283a7..b17d7647573 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0a022da7bcabf3e3aca3.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0a022da7bcabf3e3aca3.md @@ -18,7 +18,7 @@ const final = innerOne("A"); `innerOne` would be your `inner` function, with `num` set to `1`, and `final` would have the value of the cell with the `id` of `A1`. This is possible because functions have access to all variables declared at their creation. This is called closure. -You'll get some more practice with this. Declare a function called `addCharacters` which takes a `character1` parameter. +Du wirst noch mehr Übung darin bekommen. Declare a function called `addCharacters` which takes a `character1` parameter. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1b96dd7ea4b0061458bc.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1b96dd7ea4b0061458bc.md index 61fbcdc9f19..d25b9d6d0d8 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1b96dd7ea4b0061458bc.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1b96dd7ea4b0061458bc.md @@ -15,9 +15,9 @@ const array = [1, 2, 3]; const newArray = array.map(myFunc); ``` -The `.map()` method here will call the `myFunc` function, passing the same arguments that a `.map()` callback takes. The first argument is the value of the array at the current iteration, so `newArray` would be `[value: 1, value: 2, value: 3]`. +The `.map()` method here will call the `myFunc` function, passing the same arguments that a `.map()` callback takes. Das erste Argument ist der Wert des Arrays bei der aktuellen Iteration, `newArray` wäre also `[value: 1, value: 2, value: 3]`. -Pass a reference to your `elemValue` function as the callback to your `.map()` method. +Übergib einen Verweis auf deine `elemValue`-Funktion als Callback für deine `.map()`-Methode. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1d67f9261fb15a795588.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1d67f9261fb15a795588.md index 532abd79b61..8d13e0bd3a6 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1d67f9261fb15a795588.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1d67f9261fb15a795588.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Declare a `rangeExpanded` variable and assign it the result of calling the `.replace()` method of your `x` parameter. Pass the `rangeRegex` variable as the argument. +Deklariere eine `rangeExpanded`-Variable und weise ihr das Ergebnis des Aufrufs der `.replace()`-Methode deines `x`-Parameters zu. Übergib die `rangeRegex`-Variable als Argument. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1e531042dfb24da1f032.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1e531042dfb24da1f032.md index a7574fa9279..92e76edb08c 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1e531042dfb24da1f032.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1e531042dfb24da1f032.md @@ -7,7 +7,7 @@ dashedName: step-53 # --description-- -The second argument to the `.replace()` method does not have to be a string. You can instead pass a callback function to run more complex logic on the matched string. +Das zweite Argument der `.replace()`-Methode muss nicht unbedingt ein String sein. You can instead pass a callback function to run more complex logic on the matched string. The callback function takes a few parameters. The first is the matched string. Pass an empty callback function to your `.replace()` call, and give it a `match` parameter. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3bc75fe0c9b972da3323.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3bc75fe0c9b972da3323.md index a81207bce90..b52504af8da 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3bc75fe0c9b972da3323.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3bc75fe0c9b972da3323.md @@ -29,7 +29,7 @@ You should pass `match` to your `idToText()` call. assert.match(code, /const\s*evalFormula\s*=\s*\(\s*x\s*,\s*cells\s*\)\s*=>\s*{\s*const\s+idToText\s*=\s*\(?\s*id\s*\)?\s*=>\s*cells\.find\(\s*\(?\s*cell\s*\)?\s*=>\s*(?:cell\.id\s*===\s*id|id\s*===\s*cell\.id)\s*\)\.value;?\s*const\s+rangeRegex\s*=\s*\/\(\[A-J\]\)\(\[1-9\]\[0-9\]\?\):\(\[A-J\]\)\(\[1-9\]\[0-9\]\?\)\/(gi|ig);?\s*const\s+rangeFromString\s*=\s*\(\s*num1\s*,\s*num2\s*\)\s*=>\s*range\(\s*parseInt\(\s*num1\s*\)\s*,\s*parseInt\(\s*num2\s*\)\s*\);?\s*const\s+elemValue\s*=\s*\(?\s*num\s*\)?\s*=>\s*\(?\s*character\s*\)?\s*=>\s*idToText\(\s*character\s*\+\s*num\s*\);?\s*const\s+addCharacters\s*=\s*\(?\s*character1\s*\)?\s*=>\s*\(?\s*character2\s*\)?\s*=>\s*\(?\s*num\s*\)?\s*=>\s*charRange\(\s*character1\s*,\s*character2\s*\)\.map\(\s*elemValue\(\s*num\s*\)\s*\);?\s*const\s+rangeExpanded\s*=\s*x\.replace\(\s*rangeRegex\s*,\s*\(\s*_match\s*,\s*char1\s*,\s*num1\s*,\s*char2\s*,\s*num2\s*\)\s*=>\s*rangeFromString\(\s*num1\s*,\s*num2\s*\)\.map\(\s*addCharacters\s*\(\s*char1\s*\)\(\s*char2\s*\)\s*\)\s*\);?\s*const\s+cellRegex\s*=\s*\/\[A-J\]\[1-9\]\[0-9\]\?\/(gi|ig);?\s*const\s+cellExpanded\s*=\s*rangeExpanded\.replace\(\s*cellRegex\s*,\s*\(?\s*match\s*\)?\s*=>\s*idToText\(\s*match\s*/); ``` -You should call the `.toUpperCase()` method of `match` as you pass it to `idToText()`. +Du solltest die `.toUpperCase()`-Methode von `match` aufrufen, wenn du sie an `idToText()` übergibst. ```js assert.match(code, /const\s*evalFormula\s*=\s*\(\s*x\s*,\s*cells\s*\)\s*=>\s*{\s*const\s+idToText\s*=\s*\(?\s*id\s*\)?\s*=>\s*cells\.find\(\s*\(?\s*cell\s*\)?\s*=>\s*(?:cell\.id\s*===\s*id|id\s*===\s*cell\.id)\s*\)\.value;?\s*const\s+rangeRegex\s*=\s*\/\(\[A-J\]\)\(\[1-9\]\[0-9\]\?\):\(\[A-J\]\)\(\[1-9\]\[0-9\]\?\)\/(gi|ig);?\s*const\s+rangeFromString\s*=\s*\(\s*num1\s*,\s*num2\s*\)\s*=>\s*range\(\s*parseInt\(\s*num1\s*\)\s*,\s*parseInt\(\s*num2\s*\)\s*\);?\s*const\s+elemValue\s*=\s*\(?\s*num\s*\)?\s*=>\s*\(?\s*character\s*\)?\s*=>\s*idToText\(\s*character\s*\+\s*num\s*\);?\s*const\s+addCharacters\s*=\s*\(?\s*character1\s*\)?\s*=>\s*\(?\s*character2\s*\)?\s*=>\s*\(?\s*num\s*\)?\s*=>\s*charRange\(\s*character1\s*,\s*character2\s*\)\.map\(\s*elemValue\(\s*num\s*\)\s*\);?\s*const\s+rangeExpanded\s*=\s*x\.replace\(\s*rangeRegex\s*,\s*\(\s*_match\s*,\s*char1\s*,\s*num1\s*,\s*char2\s*,\s*num2\s*\)\s*=>\s*rangeFromString\(\s*num1\s*,\s*num2\s*\)\.map\(\s*addCharacters\s*\(\s*char1\s*\)\(\s*char2\s*\)\s*\)\s*\);?\s*const\s+cellRegex\s*=\s*\/\[A-J\]\[1-9\]\[0-9\]\?\/(gi|ig);?\s*const\s+cellExpanded\s*=\s*rangeExpanded\.replace\(\s*cellRegex\s*,\s*\(?\s*match\s*\)?\s*=>\s*idToText\(\s*match\.toUpperCase\(\)\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d037872fbbae0a8ec0e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d037872fbbae0a8ec0e.md index a0c16308905..5de882bb9cb 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d037872fbbae0a8ec0e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d037872fbbae0a8ec0e.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Object values do not have to be primitive types, like a string or a number. They can also be functions. +Objektwerte müssen keine primitiven Typen sein, wie ein String oder eine Zahl. They can also be functions. Give your `infixToFunction` object a `+` property. That property should be a function that takes an `x` and `y` parameter and implicitly returns the sum of those two parameters. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d65be79c8bb9c7df9ff.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d65be79c8bb9c7df9ff.md index 6fe3a85c7df..d77ffa24e27 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d65be79c8bb9c7df9ff.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d65be79c8bb9c7df9ff.md @@ -47,7 +47,7 @@ Your `-` function should use an implicit return. assert.notMatch(code, /('|"|`)-\1\s*:\s*\(\s*x\s*,\s*y\s*\)\s*\{/); ``` -Your `-` function should return the result of subtracting `y` from `x`. +Deine `-`-Funktion sollte das Ergebnis der Subtraktion von `y` von `x` zurückgeben. ```js assert.equal(infixToFunction['-'](1, 2), -1); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d80c3b4aebc4103618e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d80c3b4aebc4103618e.md index b3a2ceac108..fd264fa42e1 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d80c3b4aebc4103618e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d80c3b4aebc4103618e.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Following the same pattern, add a property for multiplication `*` and division `/` with the appropriate functions. +Dem gleichen Muster folgend, fügst du eine Eigenschaft für Multiplikation `*` und Division `/` mit den entsprechenden Funktionen hinzu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3da8501e15bcd355ba1d.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3da8501e15bcd355ba1d.md index 6075c4b7502..b26ee7a4408 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3da8501e15bcd355ba1d.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3da8501e15bcd355ba1d.md @@ -65,7 +65,7 @@ You should pass `regex` as the first argument to the `.replace()` method. assert.match(code, /const\s+infixEval\s*=\s*\(\s*str\s*,\s*regex\s*\)\s*=>\s*str\.replace\(\s*regex/); ``` -You should pass an empty arrow function as the second argument to the `.replace()` method. +Du solltest eine leere Arrow-Funktion als zweites Argument an die `.replace()`-Methode übergeben. ```js assert.match(code, /const\s+infixEval\s*=\s*\(\s*str\s*,\s*regex\s*\)\s*=>\s*str\.replace\(\s*regex\s*,\s*\(\s*\)\s*=>\s*\{\s*\}\s*\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3e135ab3abbdbfe5c899.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3e135ab3abbdbfe5c899.md index 6f6c019af5a..e51a69c411b 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3e135ab3abbdbfe5c899.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3e135ab3abbdbfe5c899.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Your callback needs four parameters. `match`, `arg1`, `operator`, and `arg2`. +Your callback needs four parameters. `match`, `arg1`, `operator` und `arg2`. You will not be using the `match` parameter, so remember to prefix it. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3ee7b17ae3bf48610033.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3ee7b17ae3bf48610033.md index fb15b445ee0..ad138875641 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3ee7b17ae3bf48610033.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3ee7b17ae3bf48610033.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -`infixToFunction[operator]` returns a function. Call that function directly, passing `arg1` and `arg2` as the arguments. +`infixToFunction[operator]` returns a function. Rufe diese Funktion direkt auf und übergib `arg1` und `arg2` als Argumente. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3f718b5f8dc102cd528e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3f718b5f8dc102cd528e.md index 752f4ed7213..74e1937af0c 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3f718b5f8dc102cd528e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3f718b5f8dc102cd528e.md @@ -41,7 +41,7 @@ Your `highPrecedence` function should have a `str` parameter. assert.match(code, /const\s+highPrecedence\s*=\s*\(?\s*str\s*\)?\s*=>/); ``` -Your `highPrecedence` function should be empty. +Deine `highPrecedence`-Funktion sollte leer sein. ```js assert.match(code, /const\s+highPrecedence\s*=\s*\(?\s*str\s*\)?\s*=>\s*{\s*}/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a07a8fb14d55cd70e09.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a07a8fb14d55cd70e09.md index cb23c0a7657..94b2f9a721d 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a07a8fb14d55cd70e09.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a07a8fb14d55cd70e09.md @@ -7,7 +7,7 @@ dashedName: step-97 # --description-- -Arrays have a `.some()` method. Like the `.filter()` method, `.some()` accepts a callback function which should take an element of the array as the argument. The `.some()` method will return `true` if the callback function returns `true` for at least one element in the array. +Arrays verfügen über eine `.some()`-Methode. Wie die `.filter()`-Methode akzeptiert auch `.some()` eine Callback-Funktion, die ein Element des Arrays als Argument annehmen sollte. Die `.some()`-Methode gibt `true` zurück, wenn die Callback-Funktion `true` für mindestens ein Element im Array zurückgibt. Here is an example of a `.some()` method call to check if any element in the array is an uppercase letter. @@ -32,7 +32,7 @@ Your `someeven` property should be a function. assert.isFunction(spreadsheetFunctions.someeven); ``` -Your `someeven` function should return `true` if some of the elements in the array are even. +Deine `someeven`-Funktion sollte `true` zurückgeben, wenn einige Elemente im Array gerade ist. ```js assert.isTrue(spreadsheetFunctions.someeven([1, 2, 3])); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a8dbc04c6d6bb0001f8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a8dbc04c6d6bb0001f8.md index 06b8dcef542..97124a45de9 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a8dbc04c6d6bb0001f8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a8dbc04c6d6bb0001f8.md @@ -17,7 +17,7 @@ Your `spreadsheetFunctions` object should have a `range` property. assert.property(spreadsheetFunctions, "range"); ``` -Your `range` property should be a function. +Deine `range`-Eigenschaft sollte eine Funktion sein. ```js assert.isFunction(spreadsheetFunctions.range); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4ab9b3b4c5d74fdd2154.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4ab9b3b4c5d74fdd2154.md index e61e4bc0530..ff02f0afe7d 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4ab9b3b4c5d74fdd2154.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4ab9b3b4c5d74fdd2154.md @@ -7,7 +7,7 @@ dashedName: step-101 # --description-- -The last function has a few approaches to implement, and you are free to choose whichever approach you would like. +Für die letzte Funktion gibt es mehrere Ansätze, und es steht dir frei, welchen Ansatz du wählen möchtest. Add a `nodupes` property which returns `nums` with all duplicate values removed. For example, `[2, 1, 2, 5, 3, 2, 7]` should return `[2, 1, 5, 3, 7]`. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cd91d28bebe226f765d86.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cd91d28bebe226f765d86.md index 81e0637e2f4..ccac8225db8 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cd91d28bebe226f765d86.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cd91d28bebe226f765d86.md @@ -7,7 +7,7 @@ dashedName: step-2 # --description-- -Attach an event listener to your `checkMessageButton`, listening for the `click` event. Give it an empty callback function. +Attach an event listener to your `checkMessageButton`, listening for the `click` event. Gib ihm eine leere Callback-Funktion. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdebe67ec0f25a4798356.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdebe67ec0f25a4798356.md index 0c4550ee2fb..ec706f1c4ad 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdebe67ec0f25a4798356.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdebe67ec0f25a4798356.md @@ -19,7 +19,7 @@ Deine Callback-Funktion sollte eine `if`-Anweisung haben. assert.match(code, /checkMessageButton\.addEventListener\(\s*('|"|`)click\1\s*,\s*\(\s*\)\s*=>\s*\{\s*if\s*\(/) ``` -Your `if` statement should check if the `value` of `messageInput` is an empty string. +Deine `if`-Anweisung sollte prüfen, ob die `value` von `messageInput` ein leerer String ist. ```js assert.match(code, /checkMessageButton\.addEventListener\(\s*('|"|`)click\1\s*,\s*\(\s*\)\s*=>\s*\{\s*if\s*\(\s*messageInput\.value\s*===\s*('|"|`)\2\s*\)/) diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdf57c3f7ee276e1d9b32.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdf57c3f7ee276e1d9b32.md index 317f3db0e2c..e4f7b71ba59 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdf57c3f7ee276e1d9b32.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641cdf57c3f7ee276e1d9b32.md @@ -9,9 +9,9 @@ dashedName: step-5 Back in your event listener, you need to update the text of the `result` element. -Use a ternary operator to update the text of the `result` element after the `if` statement. Check the truthiness of calling `isSpam()` on the value of the `messageInput` element. If true, set the text to `Oh no! This looks like a spam message.`. Otherwise, set the text to `This message does not seem to contain any spam.` +Use a ternary operator to update the text of the `result` element after the `if` statement. Check the truthiness of calling `isSpam()` on the value of the `messageInput` element. If true, set the text to `Oh no! This looks like a spam message.`. Andernfalls wird der Text auf `This message does not seem to contain any spam.` gesetzt -Then set the `messageInput` element's value to an empty string. +Setze dann den Wert des `messageInput`-Elements auf einen leeren String. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce03dfeca10293e05dad7.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce03dfeca10293e05dad7.md index 11c5081d767..4a2dfbbffa2 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce03dfeca10293e05dad7.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce03dfeca10293e05dad7.md @@ -7,9 +7,9 @@ dashedName: step-6 # --description-- -Your first regular expression will be used to catch help requests. Declare a `helpRegex` variable, and assign it a regular expression that matches the string `please help`. +Dein erster regulärer Ausdruck wird verwendet, um Hilfeanfragen abzufangen. Declare a `helpRegex` variable, and assign it a regular expression that matches the string `please help`. -As a refresher, here is a regular expression to match the string `hello world`: +Zur Auffrischung: Hier ist ein regulärer Ausdruck, der auf den String `hello world` passt: ```js const regex = /hello world/; diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce3dcd0aec8309fbc9971.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce3dcd0aec8309fbc9971.md index 8db17cfc56a..e71ed9fb53b 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce3dcd0aec8309fbc9971.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/641ce3dcd0aec8309fbc9971.md @@ -11,11 +11,11 @@ Strings have a `.match()` method, which accepts a regular expression as an argum Update your `isSpam()` function to implicitly return the result of calling the `.match()` method on `msg`, passing `helpRegex` as the argument. -Then, try entering some messages on your page and see the result. +Versuche dann, einige Nachrichten auf deiner Seite einzugeben und sieh dir das Ergebnis an. # --hints-- -Your `isSpam()` function should implicitly return the result of `msg.match(helpRegex)`. +Deine `isSpam()`-Funktion sollte implizit das Ergebnis von `msg.match(helpRegex)` zurückgeben. ```js assert.match(code, /const\s*isSpam\s*=\s*\(msg\)\s*=>\s*msg\.match\(helpRegex\)/); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f6f59d665615c9e94d8a.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f6f59d665615c9e94d8a.md index 75fd81af344..d3f22b47588 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f6f59d665615c9e94d8a.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f6f59d665615c9e94d8a.md @@ -7,9 +7,9 @@ dashedName: step-11 # --description-- -Before you start creating additional regular expressions, you need to update your application to check more than one regular expression. +Bevor du mit der Generierung weiterer regulärer Ausdrücke beginnst, musst du deine Anwendung aktualisieren, um mehr als einen regulären Ausdruck zu überprüfen. -Start by declaring a `denyList` variable. Assign it an array containing your `helpRegex`. +Beginne mit der Deklaration einer `DenyList`-Variablen. Assign it an array containing your `helpRegex`. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f98f4999d1179ce37cb4.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f98f4999d1179ce37cb4.md index c4d1300acb7..6714dac9447 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f98f4999d1179ce37cb4.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6421f98f4999d1179ce37cb4.md @@ -9,7 +9,7 @@ dashedName: step-12 Remember that arrays have a `.some()` method. Use the `.some()` method to check if testing your `msg` on any of your `denyList` regular expressions returns `true`. -Use `regex` as the parameter for the callback function, for clarity. +Benutze `regex` als Parameter für die Callback-Funktion, um für Klarheit zu sorgen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642205fa6376c818f78bb24e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642205fa6376c818f78bb24e.md index 0884d7e4306..4237ac89793 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642205fa6376c818f78bb24e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642205fa6376c818f78bb24e.md @@ -9,7 +9,7 @@ dashedName: step-13 The next regular expression you will work on is one that matches mentions of dollar amounts. -Start by declaring a `dollarRegex` variable, and assign it a case-insensitive regular expression that matches the text `dollars`. +Deklariere zunächst eine `dollarRegex`-Variable und weise ihr einen regulären Ausdruck zu, der den Text `dollars` enthält, wobei die Groß- und Kleinschreibung nicht berücksichtigt wird. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206618bdd611a0c4e90f3.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206618bdd611a0c4e90f3.md index 68efdc6828f..a2b1300173f 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206618bdd611a0c4e90f3.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206618bdd611a0c4e90f3.md @@ -9,7 +9,7 @@ dashedName: step-14 Add your `dollarRegex` to the `denyList` array so that you can test the regular expression. -Then try entering a message in your app. +Versuche dann eine Nachricht in deine App einzugeben. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206e054eef81b5e3092ed.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206e054eef81b5e3092ed.md index 6aad7a8ccc1..436a9083b5b 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206e054eef81b5e3092ed.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642206e054eef81b5e3092ed.md @@ -9,7 +9,7 @@ dashedName: step-15 You need to match a number before the text `dollars`. While you could write out `0|1|2` and so on, regular expressions have a feature that makes this easier. -A character class is defined by square brackets, and matches any character within the brackets. For example, `[aeiou]` matches any character in the list `aeiou`. You can also define a range of characters to match using a hyphen. For example, `[a-z]` matches any character from `a` to `z`. +A character class is defined by square brackets, and matches any character within the brackets. Zum Beispiel stimmt `[aeiou]` mit jedem Zeichen in der `aeiou`-Liste überein. You can also define a range of characters to match using a hyphen. Beispielsweise stimmt `[a-z]` mit jedem Zeichen von `a` bis `z` überein. Add a character class to match the digits `0` through `9` to your `dollarRegex` expression - remember the digit must come before the word `dollars`, and there should be a space between the digit and the word. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642208bc4d44701c6fd6f65e.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642208bc4d44701c6fd6f65e.md index bfa8500ef98..dcd150dbd77 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642208bc4d44701c6fd6f65e.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642208bc4d44701c6fd6f65e.md @@ -7,9 +7,9 @@ dashedName: step-16 # --description-- -The dollar value may be more than one digit. To match this, the `+` quantifier can be used - this matches one or more consecutive occurrence. For example, the regular expression `/a+/` matches one or more consecutive `a` characters. +Der Dollarwert kann mehr als eine Ziffer betragen. To match this, the `+` quantifier can be used - this matches one or more consecutive occurrence. Der reguläre `/a+/`-Ausdruck stimmt beispielsweise mit einem oder mehreren aufeinanderfolgenden `a`-Zeichen überein. -Update your regular expression to match one or more consecutive digits. +Aktualisiere deinen regulären Ausdruck auf eine oder mehrere aufeinanderfolgende Ziffern. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64220fb017c57d20612de8b8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64220fb017c57d20612de8b8.md index 6edccd8c600..966d8b4ee6c 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64220fb017c57d20612de8b8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64220fb017c57d20612de8b8.md @@ -7,7 +7,7 @@ dashedName: step-19 # --description-- -Now that you have your capture group, you can mark the entire pattern as an optional match. The `?` quantifier matches zero or one occurrence of the preceding character or group. For example, the regular expression `/colou?r/` matches both `color` and `colour`, because the `u` is optional. +Now that you have your capture group, you can mark the entire pattern as an optional match. The `?` quantifier matches zero or one occurrence of the preceding character or group. Beispielsweise passt der reguläre `/colou?r/`-Ausdruck sowohl auf `color` als auch auf `colour`, da das `u` optional ist. Mark your capture group as optional. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64221007887f38213fa57827.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64221007887f38213fa57827.md index cc167003bc1..63f5999b4ba 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64221007887f38213fa57827.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64221007887f38213fa57827.md @@ -9,7 +9,7 @@ dashedName: step-20 One last thing with this expression. You don't actually need the match value from your capture group, so you can turn it into a non-capturing group. This will allow you to group the characters together without preserving the result. -To create a non-capturing group in a regular expression, you can add `?:` after the opening parenthesis of a group. For instance, `(?:a|b)` will match either `a` or `b`, but it will not capture the result. +To create a non-capturing group in a regular expression, you can add `?:` after the opening parenthesis of a group. Beispielsweise wird `(?:a|b)` entweder mit `a` oder mit `b` übereinstimmen, aber er wird nicht das Ergebnis erfassen. Update your regular expression to use a non-capturing group. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642213bf8d38b0227ed6ab0b.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642213bf8d38b0227ed6ab0b.md index c84a07e7169..c6f18b469d3 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642213bf8d38b0227ed6ab0b.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642213bf8d38b0227ed6ab0b.md @@ -7,7 +7,7 @@ dashedName: step-21 # --description-- -Your next regular expression will look for strings like `free money`. Start by declaring a `freeRegex` variable and assigning it a regular expression that will match the string `free money`. Remember to make it case-insensitive. +Dein nächster regulärer Ausdruck wird nach Strings wie `free money` suchen. Start by declaring a `freeRegex` variable and assigning it a regular expression that will match the string `free money`. Remember to make it case-insensitive. # --hints-- @@ -23,7 +23,7 @@ Deine `freeRegex`-Variable sollte ein regulärer Ausdruck sein. assert.instanceOf(freeRegex, RegExp); ``` -Your `freeRegex` should match `free money`. +Deine `freeRegex` sollte mit `free money` übereinstimmen. ```js assert.match('free money', freeRegex); diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233060735ddf06451c5c8c.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233060735ddf06451c5c8c.md index 8fe58c51ead..2d5ebdfde21 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233060735ddf06451c5c8c.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233060735ddf06451c5c8c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Add your new regular expression to your `denyList` array so you can test it. +Füge deinen neuen regulären Ausdruck zu deinem `denyList`-Array hinzu, damit du ihn testen kannst. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233094a1293c079b5b0996.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233094a1293c079b5b0996.md index 6bf5ea4aa81..81e1ac35ff3 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233094a1293c079b5b0996.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233094a1293c079b5b0996.md @@ -9,7 +9,7 @@ dashedName: step-23 Spam messages often use numbers instead of letters to bypass filters. Dein regulärer Ausdruck sollte diese erkennen. -Replace the `e` characters in your regular expression with character classes that match `e` and `3`. +Ersetze die `e`-Zeichen in deinem regulären Ausdruck durch Zeichenklassen, um mit `e` und `3` übereinzustimmen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423322e71f8d108608005cb.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423322e71f8d108608005cb.md index 75148d006a6..2b37ac7c44d 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423322e71f8d108608005cb.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423322e71f8d108608005cb.md @@ -7,7 +7,7 @@ dashedName: step-24 # --description-- -Now update your `o` character to match `o` and `0` (the digit). +Aktualisiere nun das `o`-Zeichen, damit es mit `o` und `0` (der Ziffer) übereinstimmt. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423331f0527840934183aba.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423331f0527840934183aba.md index 72f4276e9ac..d8451b2f796 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423331f0527840934183aba.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423331f0527840934183aba.md @@ -9,7 +9,7 @@ dashedName: step-25 Your regex should match whole words, not partial words. That is, you do not want to match `hands-free money management`. -To do this, start by checking for spaces before and after your pattern. You can do this by using the meta character `\s`, which will match spaces, tabs, and line breaks. +Dazu überprüfst du zunächst, ob vor und nach deinem Muster Leerzeichen vorhanden sind. You can do this by using the meta character `\s`, which will match spaces, tabs, and line breaks. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335220b7d830a69eb59fb.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335220b7d830a69eb59fb.md index f641a6d8fe6..c2d3396e54b 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335220b7d830a69eb59fb.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335220b7d830a69eb59fb.md @@ -7,7 +7,7 @@ dashedName: step-26 # --description-- -If you try entering the message `free money`, you'll notice it doesn't match your expression! This is because `\s` doesn't match the beginning or end of the text. +Wenn du versuchst, die Nachricht `free money` einzugeben, wirst du feststellen, dass sie nicht mit deinem Ausdruck übereinstimmt! Das liegt daran, dass `\s` nicht mit dem Anfang oder Ende des Textes übereinstimmt. To match the beginning of the text, you can use the `^` anchor. This asserts that your pattern match starts at the beginning of the full string. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335d232d7690b2d67dbaf.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335d232d7690b2d67dbaf.md index 3aefcc7650b..708d965f0bc 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335d232d7690b2d67dbaf.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642335d232d7690b2d67dbaf.md @@ -11,7 +11,7 @@ You still aren't matching `free money` yet, because you need to match the end of Like the `^` anchor, you can use the `$` anchor to match the end of the string. -Update your regular expression to match either the end of the string or a space, like you did for the beginning of the string. +Aktualisiere deinen regulären Ausdruck so, dass er entweder mit dem Ende des Strings oder einem Leerzeichen übereinstimmt, wie du es für den Anfang des Strings gemacht hast. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233d08f234a310e73f9496.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233d08f234a310e73f9496.md index 830229ee43e..599ea3b031e 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233d08f234a310e73f9496.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64233d08f234a310e73f9496.md @@ -7,9 +7,9 @@ dashedName: step-28 # --description-- -Your next regular expression will match strings like `stock alert`. Declare a `stockRegex` variable and assign it a regular expression that will match the string `stock alert`. Remember to make it case insensitive. +Dein nächster regulärer Ausdruck wird mit Strings wie `stock alert` übereinstimmen. Declare a `stockRegex` variable and assign it a regular expression that will match the string `stock alert`. Remember to make it case insensitive. -Add it to your `denyList` array as well. +Füge es auch zu deinem `denyList`-Array hinzu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64234598ef08dd13114edae5.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64234598ef08dd13114edae5.md index 72e38704717..31ab10b96fb 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64234598ef08dd13114edae5.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/64234598ef08dd13114edae5.md @@ -7,7 +7,7 @@ dashedName: step-30 # --description-- -Next update your `s` and `t` characters to also match `5` and `7` respectively. +Anschließend aktualisierst du die `s`- und `t`-Zeichen so, dass sie auch mit `5` bzw. `7` übereinstimmen. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423462975f33b14056583de.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423462975f33b14056583de.md index f95fdab5db3..60457fcf448 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423462975f33b14056583de.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423462975f33b14056583de.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Character classes can take more than two characters. Replace your `a` character with a character class that matches `a`, `@`, and `4`. +Character classes can take more than two characters. Ersetze das `a`-Zeichen durch eine Zeichenklasse, die mit `a`, `@`, und `4` übereinstimmt. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423491485db5e1786dd6434.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423491485db5e1786dd6434.md index 1589a83cb12..4b0d86c9f63 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423491485db5e1786dd6434.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/6423491485db5e1786dd6434.md @@ -7,7 +7,7 @@ dashedName: step-34 # --description-- -Your final regular expression will look for strings like `dear friend`. Declare a `dearRegex` and assign it a regular expression that will match the string `dear friend`. Remember to make it case insensitive, and add it to your `denyList` array. +Your final regular expression will look for strings like `dear friend`. Declare a `dearRegex` and assign it a regular expression that will match the string `dear friend`. Denke daran, die Groß-/Kleinschreibung zu ignorieren, und füge sie zu deinem `denyList`-Array hinzu. # --hints-- diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642349b5b7bae31af21cd5f8.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642349b5b7bae31af21cd5f8.md index 79d8af466dc..591b6825a97 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642349b5b7bae31af21cd5f8.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-regular-expressions-by-building-a-spam-filter/642349b5b7bae31af21cd5f8.md @@ -9,7 +9,7 @@ dashedName: step-35 To put everything you have learned together, update your `dearRegex` to map the vowels to the corresponding numbers (note that `i` should match `1`, and also match the pipe symbol `|`), and to match whole words. -With that, your spam filter project is complete. +Damit ist dein Spamfilter-Projekt abgeschlossen. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 1c4b5bec85d..4108f1e670a 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Nota che per creare l'arancione, hai agito sui valori `rgb` aumentando l'intensità del rosso e diminuendo l'intensità del verde. Questo perché l'arancione è la combinazione di rosso e giallo, e si trova tra i due sulla ruota dei colori. +Nota che per creare l'arancione, hai agito sui valori `rgb` aumentando l'intensità del rosso e diminuendo l'intensità del verde. This is because orange is the combination of red and yellow. Per creare il colore terziario verde primavera, combina il ciano con il verde. Aggiorna la funzione `rgb` nella regola CSS `.two` in modo che il verde sia al valore massimo, e imposta il blu a `127`. diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 7fbc6a956bc..fb880010a3a 100644 --- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -オレンジを作るには、`rgb` 値の赤の強度を増やし、緑の強度を減らさなければならないことに注目してください。 これは、オレンジが赤と黄色を混ぜ合わせたものであり、カラーホイール上でその 2 つの色の間にあるためです。 +オレンジを作るには、`rgb` 値の赤の強度を増やし、緑の強度を減らさなければならないことに注目してください。 This is because orange is the combination of red and yellow. 三次色のスプリンググリーン (黄緑) を作成するには、シアンと緑を混ぜ合わせます。 `.two` CSS ルール内の `rgb` 関数を変更して、緑を最大値に、青を `127` に設定してください。 diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index f3862fa2034..7ff37b68ba9 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Observe que, para criar laranja, você teve que aumentar a intensidade do vermelho e diminuir a intensidade dos valores `rgb` do verde. Isso porque laranja é a combinação de vermelho e amarelo, e cai entre as duas cores no círculo cromático. +Observe que, para criar laranja, você teve que aumentar a intensidade do vermelho e diminuir a intensidade dos valores `rgb` do verde. This is because orange is the combination of red and yellow. Para criar a cor terciária verde da primavera, combine ciano com verde. Atualize a função `rgb` na regra do CSS `.two` para que o verde fique no valor máximo e azul tenha o valor de `127`. diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md index 9cd4e62258e..bbbdc617505 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md @@ -7,11 +7,11 @@ dashedName: step-1 # --description-- -Comece com a estrutura HTML básica. Add a `DOCTYPE` reference of `html` and an `html` element with its `lang` attribute set to `en`. Also, add a `head` and a `body` element within the `html` element. +Comece com a estrutura HTML básica. Adicione uma referência ao `DOCTYPE` do `html` e um elemento `html` com um atributo `lang` definido como `en`. Adicione, também, os elementos `head` e `body` dentro do elemento `html`. # --hints-- -You should have the `DOCTYPE` declaration of `html`. +Você deve criar uma declaração de `DOCTYPE` para `html`. ```js assert(code.match(//i)); @@ -23,13 +23,13 @@ A declaração `DOCTYPE` deve ser no início do HTML. assert(__helpers.removeHtmlComments(code).match(/^\s*/i)); ``` -You should have an opening `html` tag with a `lang` attribute of `en`. +Você deve ter uma tag de abertura `html` com um atributo `lang` de `en`. ```js assert(code.match(//gi)); ``` -You should have a closing `html` tag. +Você deve acrescentar uma tag de fechamento para `html`. ```js assert(code.match(/<\/html>/i)); @@ -59,13 +59,13 @@ Você deve ter uma tag de fechamento para `body`. assert(code.match(/<\/body>/i)); ``` -Your `body` element should come after the `head` element. +O elemento `body` deve estar depois do elemento `head`. ```js assert(code.match(/\s*<\/head>\s*\s*<\/body>/i)); ``` -Your `head` and `body` elements should be inside the `html` element. +Os elementos `head` e `body` devem estar dentro do elemento `html`. ```js assert(code.match(/\s*\s*<\/head>\s*\s*<\/body>\s*<\/html>/i)); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md index 576a5327c11..2533c4f42e1 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md @@ -7,11 +7,11 @@ dashedName: step-2 # --description-- -Within your `head` element, add a `meta` tag with the `charset` attribute of `utf-8`. Also add a `title` element with the text `fCC Cat Painting`. +Dentro do elemento `head`, adicione uma tag `meta` com o atributo `charset` de `utf-8`. Adicione também um elemento `title` com o texto `fCC Cat Painting`. # --hints-- -You should add a single `meta` element. +Você deve adicionar um único elemento `meta`. ```js assert(document.querySelectorAll('meta').length === 1); @@ -23,13 +23,13 @@ O elemento `meta` deve ter o atributo `charset` com o valor `utf-8`. assert(document.querySelector('meta')?.getAttribute('charset')?.toLowerCase() === 'utf-8'); ``` -You should add a single `title` element. +Você deve adicionar um único elemento `title`. ```js assert(document.querySelectorAll('title').length === 1); ``` -Your `title` element should have the text `fCC Cat Painting`. Atente-se a ortografia e letras maiúsculas. +O elemento `title` deve ter o texto `fCC Cat Painting`. Atente-se a ortografia e letras maiúsculas. ```js assert(document.querySelector('title')?.innerText === 'fCC Cat Painting'); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md index 3d76731dd25..dda6c908052 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md @@ -7,23 +7,23 @@ dashedName: step-38 # --description-- -Move the right inner ear into position with a `position` property set to `absolute`, a `top` of `22px` and a `left` of `-20px`. +Mova a parte interna da orelha direita para o lugar com uma `position` `absolute`, um `top` de `22px` e um `left` de `-20px`. # --hints-- -Your `.cat-right-inner-ear` selector should have a `position` property set to `absolute`. +O seletor `.cat-right-inner-ear` deve ter a propriedade `position` definida como `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.position === 'absolute') ``` -Your `.cat-right-inner-ear` selector should have a `top` property set to `22px`. +O seletor `.cat-right-inner-ear` deve ter a propriedade `top` definida como `22px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.top === '22px') ``` -Your `.cat-right-inner-ear` selector should have a `left` property set to `-20px`. +O seletor `.cat-right-inner-ear` deve ter a propriedade `left` definida como `-20px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.left === '-20px') diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md index 3d86b147c9e..47a700bfccb 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md @@ -7,23 +7,23 @@ dashedName: step-42 # --description-- -Inside the `.cat-right-eye` element, create another `div` element with the class `cat-right-inner-eye`. +Dentro do elemento `.cat-right-eye`, crie outro elemento `div` com a classe `cat-right-inner-eye`. # --hints-- -You should not change the existing `div` element with the class `cat-left-eye`. +Você não deve alterar o elemento `div` existente com a classe `cat-left-eye`. ```js assert(document.querySelectorAll('div.cat-right-eye').length === 1); ``` -You should have a `div` element inside your `.cat-right-eye` element. +Você deve ter um elemento `div` dentro do elemento `.cat-right-eye`. ```js assert(document.querySelectorAll('.cat-right-eye div').length === 1); ``` -Your `div` element should have the class `cat-right-inner-eye`. +O elemento `div` deve ter a classe `cat-right-inner-eye`. ```js assert(document.querySelectorAll('.cat-right-eye div')[0]?.classList.contains('cat-right-inner-eye')); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md index cba488a8108..ee3e336bcae 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md @@ -7,23 +7,23 @@ dashedName: step-47 # --description-- -Move the right eye into position with a `position` property of `absolute` a `top` of `54px`, and a `left` of `134px`. +Mova o olho direito para o lugar com uma `position` `absolute`, um `top` de `54px` e um `left` de `134px`. # --hints-- -Your `.cat-right-eye` selector should have a `position` property set to `absolute`. +O seletor `.cat-right-eye` deve ter a propriedade `position` definida como `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.position === 'absolute') ``` -Your `.cat-right-eye` selector should have a `top` property set to `54px`. +O seletor `.cat-right-eye` deve ter a propriedade `top` definida como `54px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.top === '54px') ``` -Your `.cat-right-eye` selector should have a `left` property set to `134px`. +O seletor `.cat-right-eye` deve ter a propriedade `left` definida como `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.left === '134px') diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md index d183b634fe3..a0cea2a39e9 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md @@ -7,29 +7,29 @@ dashedName: step-58 # --description-- -Inside your `.cat-mouth` element, create a `div` element with the class `cat-mouth-line-left` and another `div` with the class `cat-mouth-line-right`. +No elemento `.cat-mouth`, crie um elemento `div` com a classe `cat-mouth-line-left` e outra `div` com a classe `cat-mouth-line-right`. # --hints-- -You should not change the existing `div` element with the class `cat-mouth`. +Você não deve alterar o elemento `div` existente com a classe `cat-mouth`. ```js assert(document.querySelectorAll('div.cat-mouth').length === 1); ``` -You should have two `div` elements inside your `.cat-mouth` element. +Você deve ter dois elementos `div` dentro do elemento `.cat-mouth`. ```js assert(document.querySelectorAll('.cat-mouth div').length === 2); ``` -The first `div` element inside the `.cat-mouth` element should have the class `cat-mouth-line-left`. +O primeiro elemento `div` dentro do elemento `.cat-mouth` deve ter a classe `cat-mouth-line-left`. ```js assert(document.querySelectorAll('.cat-mouth div')[0]?.classList.contains('cat-mouth-line-left')); ``` -The second `div` element inside the `.cat-mouth` element should have the class `cat-mouth-line-right`. +O segundo elemento `div` dentro do elemento `.cat-mouth` deve ter a classe `cat-mouth-line-right`. ```js assert(document.querySelectorAll('.cat-mouth div')[1]?.classList.contains('cat-mouth-line-right')); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md index ae97b323f08..2f210503d9a 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md @@ -7,11 +7,11 @@ dashedName: step-64 # --description-- -Rotate the right mouth line at `165` degrees. +Gire a linha da direita da boca em `165` graus. # --hints-- -Your `.cat-mouth-line-left` property should have a `transform` property set to `rotate(165deg)`. +O seletor `.cat-mouth-line-left` deve ter a propriedade `transform` definida como `rotate(165deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.transform === 'rotate(165deg)') diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md index 170b67b279b..58be8606709 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md @@ -7,9 +7,9 @@ dashedName: step-65 # --description-- -The last thing you will work on is the whiskers. There are going to be 6 of them, meaning there will be three on each side. +A última coisa em que você vai trabalhar são os bigodes do gato. Haverá 6 deles, o que significa que haverá três de cada lado. -Create a `div` element with the class `cat-whiskers`. +Crie um elemento `div` com a classe `cat-whiskers`. # --hints-- @@ -19,7 +19,7 @@ Você deve criar um elemento `div`. assert(document.querySelectorAll('div').length === 16) ``` -Your div element should have the class `cat-whiskers`. +O elemento div deve ter a classe `cat-whiskers`. ```js assert(document.querySelectorAll('div')[15].classList.contains('cat-whiskers')) diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md index 4e62321899b..5e7e5c77e35 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md @@ -7,35 +7,35 @@ dashedName: step-67 # --description-- -Inside the `.cat-whiskers-left` element, create three `div` elements with the classes `cat-whisker-left-top`, `cat-whisker-left-middle`, and `cat-whisker-left-bottom`. +Dentro do elemento `.cat-whiskers-left`, crie três elementos `div` com as classes `cat-whisker-left-top`, `cat-whisker-left-middle` e `cat-whisker-left-bottom`. # --hints-- -You should not change the existing `div` element with class `cat-whiskers-left`. +Você não deve alterar o elemento `div` existente com a classe `cat-whiskers-left`. ```js assert(document.querySelectorAll('div.cat-whiskers-left').length === 1) ``` -You should create three `div` elements inside your `.cat-whiskers-left` element. +Você deve criar três elementos `div` dentro do elemento `.cat-whiskers-left`. ```js assert(document.querySelectorAll('.cat-whiskers-left div').length === 3) ``` -The first `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-top`. +O primeiro elemento `div` dentro do elemento `.cat-whiskers-left` deve ter a classe `cat-whisker-left-top`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[0].classList.contains('cat-whisker-left-top')) ``` -The second `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-middle`. +O segundo elemento `div` dentro do elemento `.cat-whiskers-left` deve ter a classe `cat-whisker-left-middle`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[1].classList.contains('cat-whisker-left-middle')) ``` -The third `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-bottom`. +O terceiro elemento `div` dentro do elemento `.cat-whiskers-left` deve ter a classe `cat-whisker-left-bottom`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[2].classList.contains('cat-whisker-left-bottom')) diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md index 3d23cd902ee..292db43a99b 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md @@ -7,11 +7,11 @@ dashedName: step-74 # --description-- -Rotate the left middle whisker at 3 degrees. +Gire o bigode do meio à esquerda em 3 graus. # --hints-- -Your `.cat-whisker-left-middle` selector should have a `transform` property set to `rotate(3deg)`. +O seletor `.cat-whisker-left-middle` deve ter a propriedade `transform` definida como `rotate(3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.transform === 'rotate(3deg)') diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md index 7254433efb9..b2bbff8f354 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md @@ -7,11 +7,11 @@ dashedName: step-80 # --description-- -Rotate the right middle whisker at -3 degrees. +Gire o bigode do meio à direita em -3 graus. # --hints-- -Your `.cat-whisker-right-middle` selector should have a `transform` property set to `rotate(-3deg)`. +O seletor `.cat-whisker-right-middle` deve ter a propriedade `transform` definida como `rotate(-3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.transform === 'rotate(-3deg)') diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md index f772d6fb19d..9bcd7b9625d 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md @@ -7,30 +7,30 @@ dashedName: step-81 # --description-- -Use class selector to target the `.cat-whisker-right-bottom` element, then move it into place with a `position` of `absolute`, a `top` of `134px`, and a `left` of `109px`. +Use um seletor de classe que tenha como objetivo o elemento `.cat-whisker-right-bottom` e coloque-o no lugar com uma `position` `absolute`, um `top` de `134px` e um `left` de `109px`. # --hints-- -You should have a `.cat-whisker-right-bottom` selector. +Você deve ter um seletor `.cat-whisker-right-bottom`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')) ``` -Your `.cat-whisker-right-bottom` selector should have a `position` property set to `absolute`. +O seletor `.cat-whisker-right-bottom` deve ter a propriedade `position` definida como `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.position === 'absolute') ``` -Your `.cat-whisker-right-bottom` selector should have a `top` property set to `134px`. +O seletor `.cat-whisker-right-bottom` deve ter a propriedade `top` definida como `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.top === '134px') ``` -Your `.cat-whisker-right-bottom` selector should have a `left` property set to `109px`. +O seletor `.cat-whisker-right-bottom` deve ter a propriedade `left` definida como `109px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.left === '109px') diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md index 90397fcfbd6..ee8ac05064f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md @@ -7,9 +7,9 @@ dashedName: step-12 # --description-- -`fixed` is a `position` property value that lets you make an element fixed to the page no matter where the user scrolls to on the page. +`fixed` é um valor de propriedade `position` que permite deixar um elemento fixo na página, não importando para onde o usuário role a página. -You'll have to do some more markups to see how `fixed` positioning works. In your HTML, create a `div` element with the class `box`. +Você terá que criar mais marcações do html para ver como o posicionamento `fixed` funciona. No HTML, crie um elemento `div` com a classe `box`. # --hints-- @@ -19,7 +19,7 @@ Você deve ter um elemento `div`. assert(document.querySelectorAll('div').length === 2); ``` -Your `div` element should have the class `box`. +O elemento `div` deve ter a classe `box`. ```js assert(document.querySelectorAll('div')[1]?.getAttribute('class') === 'box'); diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md index fabf5c91138..8a826308861 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md @@ -7,7 +7,7 @@ dashedName: step-60 # --description-- -You are going to make the two mouth lines into an elliptical shape. So, give the `.cat-mouth div` selector a border color of `black transparent transparent transparent` and a border radius of `190%/190px 150px 0 0`. +Você vai criar duas linhas para a boca do gato no formato de uma elipse. So, give the `.cat-mouth div` selector a border color of `black transparent transparent transparent` and a border radius of `190%/190px 150px 0 0`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md index 34578cb275c..c979b7b707f 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md @@ -7,29 +7,29 @@ dashedName: step-70 # --description-- -As you did in the previous step, use a descendant selector to target the three `div` elements inside your `.cat-whiskers-right` element. Give it a `width` of `40px`, a `height` of `1px`, and a `background-color` of `#000`. +Como você fez na etapa anterior, use um seletor descendente que aponte para os três elementos `div` dentro do elemento `.cat-whiskers-right`. Dê a ele uma `width` de `40px`, uma `height` de `1px` e uma `background-color` de `#000`. # --hints-- -You should have a `.cat-whiskers-right div` selector. +Você deve ter um seletor `.cat-whiskers-right div`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')) ``` -Your `.cat-whiskers-right div` selector should have a `width` set to `40px`. +O seletor `.cat-whiskers-right div` deve ter a propriedade `width` definida como `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.width === '40px') ``` -Your `.cat-whiskers-right div` selector should have a `height` set to `1px`. +O seletor `.cat-whiskers-right div` deve ter a propriedade `height` definida como `1px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.height === '1px') ``` -Your `.cat-whiskers-right div` selector should have a `background-color` set to `#000`. +O seletor `.cat-whiskers-right div` deve ter a propriedade `background-color` definida como `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md index 670fb06cf75..c0ce6f67497 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md @@ -9,7 +9,7 @@ dashedName: step-57 A diferença principal entre `tr[class="total"]` e `tr.total` é que o primeiro selecionará os elementos `tr` onde a classe for *apenas* `total`. O segundo selecionará os elementos `tr` em que a(s) class(es) *incluam* `total`. -Nesse caso, `tr.total` servirá. Você pode usar esse seletor com foco nos elementos `td` dentro das linhas `.total`. Alinha o texto à esquerda e dê a eles um preenchimento (padding) de `0 0.25rem`. +Nesse caso, `tr.total` servirá. Você pode usar esse seletor com foco nos elementos `td` dentro das linhas `.total`. Alinha o texto à direita e dê a ele um preenchimento (padding) de `0 0.25rem`. # --hints-- diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md index 6cf6f2ac203..08eef4f15f1 100644 --- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md +++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md @@ -29,7 +29,7 @@ O novo elemento `p` deve ter três elementos `span`. assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3); ``` -A `span` element should wrap the text `Sodium 160mg`. +Um elemento `span` deve encapsular o texto `Sodium 160mg`. ```js assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Sodium[\s|\n]160mg/)); diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index c5e7c14f1b7..ff6fa2544f5 100644 --- a/curriculum/challenges/swahili/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/swahili/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Fahamu kwamba, ili kuunda rangi ya chungwa, ilibidi uongeze nguvu ya nyekundu na kupunguza ukubwa wa thamani za kijani katika `rgb`. Hii ni kwa sababu rangi ya chungwa ni mchanganyiko wa nyekundu na njano, na huanguka kati ya rangi mbili kwenye gurudumu la rangi. +Fahamu kwamba, ili kuunda rangi ya chungwa, ilibidi uongeze nguvu ya nyekundu na kupunguza ukubwa wa thamani za kijani katika `rgb`. This is because orange is the combination of red and yellow. Ili kuunda rangi ya tertiary ya chemchemi ya kijani, changanya cyan na kijani. Sasisha kitendakazi cha `rgb` katika sheria ya CSS ya `.two` ili kijani kifikie thamani ya juu zaidi, na uweke bluu kuwa `127`. diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md index b9ecbd4284b..79247f03afc 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md @@ -8,73 +8,73 @@ dashedName: build-a-25--5-clock # --description-- -**Note:** **React 18 has known incompatibilities with the tests for this project (see [issue](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** +**Примітка:** **React 18 містить відомі несумісності з тестами цього проєкту (див. [проблему](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** -**Objective:** Build an app that is functionally similar to this: https://25--5-clock.freecodecamp.rocks. +**Мета:** створити застосунок, функціонально схожий до https://25--5-clock.freecodecamp.rocks. -Fulfill the below user stories and get all of the tests to pass. Use whichever libraries or APIs you need. Give it your own personal style. +Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем. -You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and jQuery to complete this project. You should use a frontend framework (like React for example) because this section is about learning frontend frameworks. Additional technologies not listed above are not recommended and using them is at your own risk. We are looking at supporting other frontend frameworks like Angular and Vue, but they are not currently supported. We will accept and try to fix all issue reports that use the suggested technology stack for this project. Happy coding! +Для виконання цього проєкту можна використати різне поєднання HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery. Потрібно використати фронтенд фреймворк (наприклад, React), оскільки цей розділ стосується їх вивчення. Ми не рекомендуємо використовувати інші технології та ресурси, що не були вказані вище, але ви можете застосовувати їх на власний розсуд. Ми розглядаємо використання інших фронтенд фреймворків, серед яких Angular та Vue, але наразі вони не підтримуються. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Щасливого програмування! -**User Story #1:** I can see an element with `id="break-label"` that contains a string (e.g. "Break Length"). +**Історія користувача №1:** я бачу елемент з `id="break-label"`, що містить рядок (наприклад, «Break Length»). -**User Story #2:** I can see an element with `id="session-label"` that contains a string (e.g. "Session Length"). +**Історія користувача №2:** я бачу елемент з `id="session-label"`, що містить рядок (наприклад, «Session Length»). -**User Story #3:** I can see two clickable elements with corresponding IDs: `id="break-decrement"` and `id="session-decrement"`. +**Історія користувача №3:** я бачу два активні елементи з відповідними ID: `id="break-decrement"` та `id="session-decrement"`. -**User Story #4:** I can see two clickable elements with corresponding IDs: `id="break-increment"` and `id="session-increment"`. +**Історія користувача №4:** я бачу два активні елементи з відповідними ID: `id="break-increment"` та `id="session-increment"`. -**User Story #5:** I can see an element with a corresponding `id="break-length"`, which by default (on load) displays a value of 5. +**Історія користувача №5:** я бачу елемент з відповідним `id="break-length"`, що за замовчуванням (при завантаженні) показує значення 5. -**User Story #6:** I can see an element with a corresponding `id="session-length"`, which by default displays a value of 25. +**Історія користувача №6:** я бачу елемент з відповідним `id="session-length"`, що за замовчуванням показує значення 25. -**User Story #7:** I can see an element with a corresponding `id="timer-label"`, that contains a string indicating a session is initialized (e.g. "Session"). +**Історія користувача №7:** я бачу елемент з відповідним `id="timer-label"`, що містить рядок, який позначає ініціалізацію сеансу (наприклад, «Session»). -**User Story #8:** I can see an element with corresponding `id="time-left"`. NOTE: Paused or running, the value in this field should always be displayed in `mm:ss` format (i.e. 25:00). +**Історія користувача №8:** я бачу елемент з відповідним `id="time-left"`. ПРИМІТКА: зупинене чи активне, значення цього поля завжди має знаходитись у форматі `mm:ss` (тобто 25:00). -**User Story #9:** I can see a clickable element with a corresponding `id="start_stop"`. +**Історія користувача №9:** я бачу активний елемент з відповідним `id="start_stop"`. -**User Story #10:** I can see a clickable element with a corresponding `id="reset"`. +**Історія користувача №10:** я бачу активний елемент з відповідним `id="reset"`. -**User Story #11:** When I click the element with the id of `reset`, any running timer should be stopped, the value within `id="break-length"` should return to `5`, the value within `id="session-length"` should return to 25, and the element with `id="time-left"` should reset to its default state. +**Історія користувача №11:** якщо натиснути елемент з id зі значенням `reset`, то будь-який запущений таймер зупиниться, значення в межах `id="break-length"` повернеться до `5`, значення в межах `id="session-length"` повернеться до 25, а елемент в `id="time-left"` повернеться до початкового стану. -**User Story #12:** When I click the element with the id of `break-decrement`, the value within `id="break-length"` decrements by a value of 1, and I can see the updated value. +**Історія користувача №12:** коли я натискаю на елемент з id зі значенням `break-decrement`, то значення в межах `id="break-length"` зменшується на 1 та я бачу оновлене значення. -**User Story #13:** When I click the element with the id of `break-increment`, the value within `id="break-length"` increments by a value of 1, and I can see the updated value. +**Історія користувача №13:** коли я натискаю на елемент з id зі значенням `break-increment`, то значення в межах `id="break-length"` збільшується на 1 та я бачу оновлене значення. -**User Story #14:** When I click the element with the id of `session-decrement`, the value within `id="session-length"` decrements by a value of 1, and I can see the updated value. +**Історія користувача №14:** коли я натискаю на елемент з id зі значенням `session-decrement`, то значення в межах `id="session-length"` зменшується на 1 та я бачу оновлене значення. -**User Story #15:** When I click the element with the id of `session-increment`, the value within `id="session-length"` increments by a value of 1, and I can see the updated value. +**Історія користувача №15:** коли я натискаю на елемент з id зі значенням `session-increment`, то значення в межах `id="session-length"` збільшується на 1 та я бачу оновлене значення. -**User Story #16:** I should not be able to set a session or break length to <= 0. +**Історія користувача №16:** я не можу встановити тривалість сеансу або перерви на <= 0. -**User Story #17:** I should not be able to set a session or break length to > 60. +**Історія користувача №17:** я не можу встановити тривалість сеансу або перерви на > 60. -**User Story #18:** When I first click the element with `id="start_stop"`, the timer should begin running from the value currently displayed in `id="session-length"`, even if the value has been incremented or decremented from the original value of 25. +**Історія користувача №18:** коли я вперше натискаю елемент з `id="start_stop"`, то таймер запуститься з поточного значення в `id="session-length"`, навіть якщо значення більше чи менше за початкове значення 25. -**User Story #19:** If the timer is running, the element with the id of `time-left` should display the remaining time in `mm:ss` format (decrementing by a value of 1 and updating the display every 1000ms). +**Історія користувача №19:** якщо таймер запущений, то елемент з id зі значенням `time-left` має відтворити залишковий час в форматі `mm:ss` (зменшуючись на 1 та оновлюючи дисплей кожні 1000 мс). -**User Story #20:** If the timer is running and I click the element with `id="start_stop"`, the countdown should pause. +**Історія користувача №20:** якщо таймер запущений та я натискаю елемент з `id="start_stop"`, то відлік часу зупиниться. -**User Story #21:** If the timer is paused and I click the element with `id="start_stop"`, the countdown should resume running from the point at which it was paused. +**Історія користувача №21:** якщо таймер зупинений та я натискаю елемент з `id="start_stop"`, то відлік часу відновиться з моменту, на якому був зупинений. -**User Story #22:** When a session countdown reaches zero (NOTE: timer MUST reach 00:00), and a new countdown begins, the element with the id of `timer-label` should display a string indicating a break has begun. +**Історія користувача №22:** якщо відлік сеансу досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00) та починається новий відлік, то елемент з id зі значенням `timer-label` має відтворити рядок, що вказує початок перерви. -**User Story #23:** When a session countdown reaches zero (NOTE: timer MUST reach 00:00), a new break countdown should begin, counting down from the value currently displayed in the `id="break-length"` element. +**Історія користувача №23:** якщо відлік сеансу досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), то починається новий відлік перерви, що рахується від поточного значення в елементі `id="break-length"`. -**User Story #24:** When a break countdown reaches zero (NOTE: timer MUST reach 00:00), and a new countdown begins, the element with the id of `timer-label` should display a string indicating a session has begun. +**Історія користувача №24:** якщо відлік перерви досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00) та починається новий відлік, то елемент з id зі значенням `timer-label` має відтворити рядок, що вказує на початок сеансу. -**User Story #25:** When a break countdown reaches zero (NOTE: timer MUST reach 00:00), a new session countdown should begin, counting down from the value currently displayed in the `id="session-length"` element. +**Історія користувача №25:** якщо відлік перерви досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), то починається новий відлік сеансу, що рахується від поточного значення в елементі `id="session-length"`. -**User Story #26:** When a countdown reaches zero (NOTE: timer MUST reach 00:00), a sound indicating that time is up should play. This should utilize an HTML5 `audio` tag and have a corresponding `id="beep"`. +**Історія користувача №26:** якщо відлік досягає нуля (ПРИМІТКА: таймер ПОВИНЕН досягти 00:00), то має прозвучати звук, що означає вичерпаний час. Він має використати HTML5-елемент `audio` та мати відповідний `id="beep"`. -**User Story #27:** The audio element with `id="beep"` must be 1 second or longer. +**Історія користувача №27:** аудіоелемент з `id="beep"` має тривати 1 секунду або більше. -**User Story #28:** The audio element with id of `beep` must stop playing and be rewound to the beginning when the element with the id of `reset` is clicked. +**Історія користувача №28:** аудіоелемент з id зі значенням `beep` має зупинитись та перемотатись напочаток, якщо натиснути елемент з id зі значенням `reset`. -You can build your project by using this CodePen template and clicking `Save` to create your own pen. Or you can use this CDN link to run the tests in any environment you like: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` +Ви можете створити свій проєкт, використавши цей шаблон CodePen та натиснувши `Save`. Або ж ви можете скористатися цим посиланням CDN, щоб виконати тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` -Once you're done, submit the URL to your working project with all its tests passing. +Як тільки закінчите, надайте посилання на свій проєкт з усіма пройденими тестами. # --solutions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md index 2f429fc1241..116fa1adfa5 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md @@ -1,35 +1,35 @@ --- id: 587d7dbc367417b2b2512bae -title: Створити драм-машину (ритм-машину) +title: Створіть драм машину challengeType: 3 forumTopicId: 301370 dashedName: build-a-drum-machine --- # --description-- -**Note:** **React 18 has known incompatibilities with the tests for this project (see [issue](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** +**Примітка:** **React 18 містить відомі несумісності з тестами цього проєкту (див. [проблему](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** -**Objective:** Build an app that is functionally similar to this: https://drum-machine.freecodecamp.rocks/. +**Мета:** створити застосунок, функціонально схожий до https://drum-machine.freecodecamp.rocks/. -Fulfill the below user stories and get all of the tests to pass. Use whichever libraries or APIs you need. Give it your own personal style. +Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем. -You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and jQuery to complete this project. You should use a frontend framework (like React for example) because this section is about learning frontend frameworks. Additional technologies not listed above are not recommended and using them is at your own risk. We are looking at supporting other frontend frameworks like Angular and Vue, but they are not currently supported. We will accept and try to fix all issue reports that use the suggested technology stack for this project. Happy coding! +Для виконання цього проєкту можна використати різне поєднання HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery. Потрібно використати фронтенд фреймворк (наприклад, React), оскільки цей розділ стосується їх вивчення. Ми не рекомендуємо використовувати інші технології та ресурси, що не були вказані вище, але ви можете застосовувати їх на власний розсуд. Ми розглядаємо використання інших фронтенд фреймворків, серед яких Angular та Vue, але наразі вони не підтримуються. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Щасливого програмування! -**User Story #1:** I should be able to see an outer container with a corresponding `id="drum-machine"` that contains all other elements. +**Історія користувача №1:** я бачу внутрішній контейнер з відповідним `id="drum-machine"`, який містить всі інші елементи. -**User Story #2:** Within `#drum-machine` I can see an element with a corresponding `id="display"`. +**Історія користувача №2:** я бачу елемент з відповідним `id="display"` в межах `#drum-machine`. -**User Story #3:** Within `#drum-machine` I can see 9 clickable drum pad elements, each with a class name of `drum-pad`, a unique id that describes the audio clip the drum pad will be set up to trigger, and an inner text that corresponds to one of the following keys on the keyboard: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`. The drum pads MUST be in this order. +**Історія користувача №3:** я бачу 9 активних драм падів в межах `#drum-machine`, кожен з назвою класу `drum-pad`, унікальним id, що описує звук паду, та внутрішнім текстом, що відповідає одному з ключів на клавіатурі: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`. Драм пади ПОВИННІ бути в цьому порядку. -**User Story #4:** Within each `.drum-pad`, there should be an HTML5 `audio` element which has a `src` attribute pointing to an audio clip, a class name of `clip`, and an id corresponding to the inner text of its parent `.drum-pad` (e.g. `id="Q"`, `id="W"`, `id="E"` etc.). +**Історія користувача №4:** в межах кожного `.drum-pad` існує HTML5-елемент `audio`, який має атрибут `src`, що вказує на аудіозапис, назву класу `clip` та id, що відповідає внутрішньому тексту батьківського елемента `.drum-pad` (тобто `id="Q"`, `id="W"`, `id="E"` тощо). -**User Story #5:** When I click on a `.drum-pad` element, the audio clip contained in its child `audio` element should be triggered. +**Історія користувача №5:** якщо натиснути елемент `.drum-pad`, то відтвориться аудіозапис, збережений в його дочірньому елементі `audio`. -**User Story #6:** When I press the trigger key associated with each `.drum-pad`, the audio clip contained in its child `audio` element should be triggered (e.g. pressing the `Q` key should trigger the drum pad which contains the string `Q`, pressing the `W` key should trigger the drum pad which contains the string `W`, etc.). +**Історія користувача №6:** якщо натиснути ключ, пов’язаний з кожним елементом `.drum-pad`, то відтвориться аудіозапис, збережений в його дочірньому елементі `audio` (тобто, якщо натиснути ключ `Q`, то відтвориться драм пад, який містить рядок `Q`; якщо натиснути ключ `W`, то відтвориться драм пад, який містить рядок `W` тощо). -**User Story #7:** When a `.drum-pad` is triggered, a string describing the associated audio clip is displayed as the inner text of the `#display` element (each string must be unique). +**Історія користувача №7:** якщо натиснути `.drum-pad`, то відтвориться рядок, який описує відповідний аудіозапис як внутрішній текст елемента `#display` (кожен рядок має бути унікальним). -Here are some audio samples you can use for your drum machine: +Ось декілька аудіозаписів, які ви можете використати для своєї драм машини: - [Heater 1](https://s3.amazonaws.com/freecodecamp/drums/Heater-1.mp3) - [Heater 2](https://s3.amazonaws.com/freecodecamp/drums/Heater-2.mp3) @@ -41,9 +41,9 @@ Here are some audio samples you can use for your drum machine: - [Kick](https://s3.amazonaws.com/freecodecamp/drums/RP4_KICK_1.mp3) - [Closed-HH](https://s3.amazonaws.com/freecodecamp/drums/Cev_H2.mp3) -You can build your project by using this CodePen template and clicking `Save` to create your own pen. Or you can use this CDN link to run the tests in any environment you like: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` +Ви можете створити свій проєкт, використавши цей шаблон CodePen та натиснувши `Save`. Або ж ви можете скористатися цим посиланням CDN, щоб виконати тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` -Once you're done, submit the URL to your working project with all its tests passing. +Як тільки закінчите, надайте посилання на свій проєкт з усіма пройденими тестами. # --solutions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md index df9677e4443..9d868919048 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md @@ -1,60 +1,60 @@ --- id: bd7158d8c442eddfaeb5bd17 -title: Створення Калькулятора за допомогою JavaScript +title: Створіть калькулятор JavaScript challengeType: 3 forumTopicId: 301371 dashedName: build-a-javascript-calculator --- # --description-- -**Note:** **React 18 has known incompatibilities with the tests for this project (see [issue](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** +**Примітка:** **React 18 містить відомі несумісності з тестами цього проєкту (див. [проблему](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** -**Objective:** Build an app that is functionally similar to this: https://javascript-calculator.freecodecamp.rocks/. +**Мета:** створити застосунок, функціонально схожий до https://javascript-calculator.freecodecamp.rocks/. -Fulfill the below user stories and get all of the tests to pass. Use whichever libraries or APIs you need. Give it your own personal style. +Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем. -You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and jQuery to complete this project. You should use a frontend framework (like React for example) because this section is about learning frontend frameworks. Additional technologies not listed above are not recommended and using them is at your own risk. We are looking at supporting other frontend frameworks like Angular and Vue, but they are not currently supported. We will accept and try to fix all issue reports that use the suggested technology stack for this project. Happy coding! +Для виконання цього проєкту можна використати різне поєднання HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery. Потрібно використати фронтенд фреймворк (наприклад, React), оскільки цей розділ стосується їх вивчення. Ми не рекомендуємо використовувати інші технології та ресурси, що не були вказані вище, але ви можете застосовувати їх на власний розсуд. Ми розглядаємо використання інших фронтенд фреймворків, серед яких Angular та Vue, але наразі вони не підтримуються. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Щасливого програмування! -**User Story #1:** My calculator should contain a clickable element containing an `=` (equal sign) with a corresponding `id="equals"`. +**Історія користувача №1:** мій калькулятор містить активний елемент, що містить `=` (знак рівності) з відповідним `id="equals"`. -**User Story #2:** My calculator should contain 10 clickable elements containing one number each from 0-9, with the following corresponding IDs: `id="zero"`, `id="one"`, `id="two"`, `id="three"`, `id="four"`, `id="five"`, `id="six"`, `id="seven"`, `id="eight"`, and `id="nine"`. +**Історія користувача №2:** мій калькулятор містить 10 активних елементів, кожен з яких позначає цифру від 0 до 9 відповідним ID: `id="zero"`, `id="one"`, `id="two"`, `id="three"`, `id="four"`, `id="five"`, `id="six"`, `id="seven"`, `id="eight"` та `id="nine"`. -**User Story #3:** My calculator should contain 4 clickable elements each containing one of the 4 primary mathematical operators with the following corresponding IDs: `id="add"`, `id="subtract"`, `id="multiply"`, `id="divide"`. +**Історія користувача №3:** мій калькулятор містить 4 активні елементи, кожен з яких позначає один математичний оператор відповідним ID: `id="add"`, `id="subtract"`, `id="multiply"`, `id="divide"`. -**User Story #4:** My calculator should contain a clickable element containing a `.` (decimal point) symbol with a corresponding `id="decimal"`. +**Історія користувача №4:** мій калькулятор містить активний елемент, що містить `.` (десятковий розділювач) з відповідним `id="decimal"`. -**User Story #5:** My calculator should contain a clickable element with an `id="clear"`. +**Історія користувача №5:** мій калькулятор містить активний елемент з `id="clear"`. -**User Story #6:** My calculator should contain an element to display values with a corresponding `id="display"`. +**Історія користувача №6:** мій калькулятор містить елемент з відповідним `id="display"`, що показує значення. -**User Story #7:** At any time, pressing the `clear` button clears the input and output values, and returns the calculator to its initialized state; 0 should be shown in the element with the id of `display`. +**Історія користувача №7:** якщо натиснути кнопку `clear`, то очистяться введені та виведені дані, а калькулятор повернеться до початкового стану; в елементі з id зі значенням `display` має бути 0. -**User Story #8:** As I input numbers, I should be able to see my input in the element with the id of `display`. +**Історія користувача №8:** коли я ввожу числа, то я бачу введені дані в елементі з id зі значенням `display`. -**User Story #9:** In any order, I should be able to add, subtract, multiply and divide a chain of numbers of any length, and when I hit `=`, the correct result should be shown in the element with the id of `display`. +**Історія користувача №9:** я можу додати, відняти, помножити та поділити числа будь-якої довжини, а якщо натисну `=`, то побачу правильну відповідь в елементі з id зі значенням `display`. -**User Story #10:** When inputting numbers, my calculator should not allow a number to begin with multiple zeros. +**Історія користувача №10:** мій калькулятор не дозволяє вводити числа, які починаються з декількох нулів. -**User Story #11:** When the decimal element is clicked, a `.` should append to the currently displayed value; two `.` in one number should not be accepted. +**Історія користувача №11:** якщо натиснути десятковий розділювач, то до поточного значення має приєднатись `.`; в одному числі заборонено використовувати два елементи `.`. -**User Story #12:** I should be able to perform any operation (`+`, `-`, `*`, `/`) on numbers containing decimal points. +**Історія користувача №12:** я можу виконати будь-яку операцію (`+`, `-`, `*`, `/`) з числами, що містять десятковий розділювач. -**User Story #13:** If 2 or more operators are entered consecutively, the operation performed should be the last operator entered (excluding the negative (`-`) sign). For example, if `5 + * 7 =` is entered, the result should be `35` (i.e. `5 * 7`); if `5 * - 5 =` is entered, the result should be `-25` (i.e. `5 * (-5)`). +**Історія користувача №13:** якщо введено 2 чи більше операторів послідовно, то потрібно виконати дію останнього оператора (не враховуючи знак мінус (`-`)). Наприклад, якщо ввести `5 + * 7 =`, то результатом має бути `35` (тобто `5 * 7`); якщо ввести `5 * - 5 =`, то результатом має бути `-25` (тобто `5 * (-5)`). -**User Story #14:** Pressing an operator immediately following `=` should start a new calculation that operates on the result of the previous evaluation. +**Історія користувача №14:** якщо натиснути оператор одразу після `=`, то розпочнеться нове обчислення на основі відповіді попереднього розрахунку. -**User Story #15:** My calculator should have several decimal places of precision when it comes to rounding (note that there is no exact standard, but you should be able to handle calculations like `2 / 7` with reasonable precision to at least 4 decimal places). +**Історія користувача №15:** мій калькулятор показує декілька знаків після десяткового розділювача, коли мова йде про округлення чисел (зверніть увагу, що не існує точного стандарту, але ваш калькулятор має виконувати обчислення типу `2 / 7` та відповідати з принаймні чотирма знаками після коми). -**Note On Calculator Logic:** It should be noted that there are two main schools of thought on calculator input logic: immediate execution logic and formula logic. Our example utilizes formula logic and observes order of operation precedence, immediate execution does not. Either is acceptable, but please note that depending on which you choose, your calculator may yield different results than ours for certain equations (see below example). As long as your math can be verified by another production calculator, please do not consider this a bug. +**Примітка щодо логіки калькулятора:** варто зазначити, що існує дві школи стосовно логіки введення даних до калькулятора: логіка негайного виконання та логіка формули. Наш приклад використовує логіку формули та дотримується порядку виконання операцій. Логіка негайного виконання цього не робить. Можете використати будь-яку логіку, але зауважте, що ваш калькулятор може видати інші результати для певних прикладів (див. приклад нижче). Якщо ваші розрахунки можна перевірити іншим калькулятором, то не вважайте це помилкою. -**EXAMPLE:** `3 + 5 x 6 - 2 / 4 =` +**ПРИКЛАД:** `3 + 5 x 6 - 2 / 4 =` -- **Логіка Негайного Виконання:** `11.5` -- **Логіка Формул/Виразу:** `32.5` +- **Логіка негайного виконання:** `11.5` +- **Логіка формул/виразів:** `32.5` -You can build your project by using this CodePen template and clicking `Save` to create your own pen. Or you can use this CDN link to run the tests in any environment you like: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` +Ви можете створити свій проєкт, використавши цей шаблон CodePen та натиснувши `Save`. Або ж ви можете скористатися цим посиланням CDN, щоб виконати тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` -Once you're done, submit the URL to your working project with all its tests passing. +Як тільки закінчите, надайте посилання на свій проєкт з усіма пройденими тестами. # --solutions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md index c03e574653c..d7c4ab4a0c7 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md @@ -1,37 +1,37 @@ --- id: bd7157d8c242eddfaeb5bd13 -title: Створити програму попереднього перегляду Markdown +title: Створіть попередній перегляд розмітки challengeType: 3 forumTopicId: 301372 dashedName: build-a-markdown-previewer --- # --description-- -**Note:** **React 18 has known incompatibilities with the tests for this project (see [issue](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** +**Примітка:** **React 18 містить відомі несумісності з тестами цього проєкту (див. [проблему](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** -**Objective:** Build an app that is functionally similar to this: https://markdown-previewer.freecodecamp.rocks/. +**Мета:** створити застосунок, функціонально схожий до https://markdown-previewer.freecodecamp.rocks/. -Fulfill the below user stories and get all of the tests to pass. Use whichever libraries or APIs you need. Give it your own personal style. +Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем. -You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and jQuery to complete this project. You should use a frontend framework (like React for example) because this section is about learning frontend frameworks. Additional technologies not listed above are not recommended and using them is at your own risk. We are looking at supporting other frontend frameworks like Angular and Vue, but they are not currently supported. We will accept and try to fix all issue reports that use the suggested technology stack for this project. Happy coding! +Для виконання цього проєкту можна використати різне поєднання HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery. Потрібно використати фронтенд фреймворк (наприклад, React), оскільки цей розділ стосується їх вивчення. Ми не рекомендуємо використовувати інші технології та ресурси, що не були вказані вище, але ви можете застосовувати їх на власний розсуд. Ми розглядаємо використання інших фронтенд фреймворків, серед яких Angular та Vue, але наразі вони не підтримуються. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Щасливого програмування! -**User Story #1:** I can see a `textarea` element with a corresponding `id="editor"`. +**Історія користувача №1:** я бачу елемент `textarea` з відповідним `id="editor"`. -**User Story #2:** I can see an element with a corresponding `id="preview"`. +**Історія користувача №2:** я бачу елемент з відповідним `id="preview"`. -**User Story #3:** When I enter text into the `#editor` element, the `#preview` element is updated as I type to display the content of the textarea. +**Історія користувача №3:** коли я ввожу текст в елементі `#editor`, то елемент `#preview` оновлюється та відтворює вміст текстового поля. -**User Story #4:** When I enter GitHub flavored markdown into the `#editor` element, the text is rendered as HTML in the `#preview` element as I type (HINT: You don't need to parse Markdown yourself - you can import the Marked library for this: ). +**Історія користувача №4:** коли я ввожу розмітку GitHub в елементі `#editor`, то текст відтворюється як HTML в елементі `#preview` (ПІДКАЗКА: вам непотрібно парсити розмітку самостійно — ви можете імпортувати бібліотеку Marked: ). -**User Story #5:** When my markdown previewer first loads, the default text in the `#editor` field should contain valid markdown that represents at least one of each of the following elements: a heading element (H1 size), a sub heading element (H2 size), a link, inline code, a code block, a list item, a blockquote, an image, and bolded text. +**Історія користувача №5:** коли попередній перегляд розмітки завантажується вперше, то текст в полі `#editor` за замовчуванням міститиме дійсну розмітку, яка представляє принаймні один з цих елементів: заголовок (H1), підзаголовок (H2), посилання, вбудований код, блок коду, елемент списку, цитату, зображення чи жирний текст. -**User Story #6:** When my markdown previewer first loads, the default markdown in the `#editor` field should be rendered as HTML in the `#preview` element. +**Історія користувача №6:** коли попередній перегляд розмітки завантажується вперше, то розмітка в полі `#editor` за замовчуванням має відтворитись як HTML в елементі `#preview`. -**Optional Bonus (you do not need to make this test pass):** My markdown previewer interprets carriage returns and renders them as `br` (line break) elements. +**Додатково (вам непотрібно робити цього, щоб пройти тест):** попередній перегляд розмітки інтерпретує повернення каретки та відтворює їх як елементи `br` (розрив рядка). -You can build your project by using this CodePen template and clicking `Save` to create your own pen. Or you can use this CDN link to run the tests in any environment you like: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` +Ви можете створити свій проєкт, використавши цей шаблон CodePen та натиснувши `Save`. Або ж ви можете скористатися цим посиланням CDN, щоб виконати тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` -Once you're done, submit the URL to your working project with all its tests passing. +Як тільки закінчите, надайте посилання на свій проєкт з усіма пройденими тестами. # --solutions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md index b3be5b15454..d8bcc0d3548 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md @@ -1,47 +1,47 @@ --- id: bd7158d8c442eddfaeb5bd13 -title: Створити генератор випадкових цитат +title: Створіть генератор випадкових цитат challengeType: 3 forumTopicId: 301374 dashedName: build-a-random-quote-machine --- # --description-- -**Note:** **React 18 has known incompatibilities with the tests for this project (see [issue](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** +**Примітка:** **React 18 містить відомі несумісності з тестами цього проєкту (див. [проблему](https://github.com/freeCodeCamp/freeCodeCamp/issues/45922))** -**Objective:** Build an app that is functionally similar to this: https://random-quote-machine.freecodecamp.rocks/. +**Мета:** створити застосунок, функціонально схожий до https://random-quote-machine.freecodecamp.rocks/. -Fulfill the below user stories and get all of the tests to pass. Use whichever libraries or APIs you need. Give it your own personal style. +Виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем. -You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and jQuery to complete this project. You should use a frontend framework (like React for example) because this section is about learning frontend frameworks. Additional technologies not listed above are not recommended and using them is at your own risk. We are looking at supporting other frontend frameworks like Angular and Vue, but they are not currently supported. We will accept and try to fix all issue reports that use the suggested technology stack for this project. Happy coding! +Для виконання цього проєкту можна використати різне поєднання HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux та jQuery. Потрібно використати фронтенд фреймворк (наприклад, React), оскільки цей розділ стосується їх вивчення. Ми не рекомендуємо використовувати інші технології та ресурси, що не були вказані вище, але ви можете застосовувати їх на власний розсуд. Ми розглядаємо використання інших фронтенд фреймворків, серед яких Angular та Vue, але наразі вони не підтримуються. Ми візьмемо до уваги і спробуємо виправити всі звіти, що використовують запропонований технологічний стек у цьому проєкті. Щасливого програмування! -**User Story #1:** I can see a wrapper element with a corresponding `id="quote-box"`. +**Історія користувача №1:** я бачу обгортковий елемент з відповідним `id="quote-box"`. -**User Story #2:** Within `#quote-box`, I can see an element with a corresponding `id="text"`. +**Історія користувача №2:** я бачу елемент з відповідним `id="text"` в межах `#quote-box`. -**User Story #3:** Within `#quote-box`, I can see an element with a corresponding `id="author"`. +**Історія користувача №3:** я бачу елемент з відповідним `id="author"` в межах `#quote-box`. -**User Story #4:** Within `#quote-box`, I can see a clickable element with a corresponding `id="new-quote"`. +**Історія користувача №4:** я бачу активний елемент з відповідним `id="new-quote"` в межах `#quote-box`. -**User Story #5:** Within `#quote-box`, I can see a clickable `a` element with a corresponding `id="tweet-quote"`. +**Історія користувача №5:** я бачу активний елемент `a` з відповідним `id="tweet-quote"` в межах `#quote-box`. -**User Story #6:** On first load, my quote machine displays a random quote in the element with `id="text"`. +**Історія користувача №6:** мій генератор цитат показує випадкову цитату в елементі з `id="text"` при першому завантаженні. -**User Story #7:** On first load, my quote machine displays the random quote's author in the element with `id="author"`. +**Історія користувача №7:** мій генератор цитат показує автора випадкової цитати в елементі з `id="author"` при першому завантаженні. -**User Story #8:** When the `#new-quote` button is clicked, my quote machine should fetch a new quote and display it in the `#text` element. +**Історія користувача №8:** мій генератор цитат вибирає нову цитату та показує її в елементі `#text`, коли натиснуто кнопку `#new-quote`. -**User Story #9:** My quote machine should fetch the new quote's author when the `#new-quote` button is clicked and display it in the `#author` element. +**Історія користувача №9:** мій генератор вибирає автора нової цитати та показує його в елементі `#author`, коли натиснуто кнопку `#new-quote`. -**User Story #10:** I can tweet the current quote by clicking on the `#tweet-quote` `a` element. This `a` element should include the `"twitter.com/intent/tweet"` path in its `href` attribute to tweet the current quote. +**Історія користувача №10:** я можу твітнути отриману цитату, натиснувши елемент `a` `#tweet-quote`. Цей елемент `a` має містити шлях `"twitter.com/intent/tweet"` в атрибуті `href`, щоб твітнути отриману цитату. -**User Story #11:** The `#quote-box` wrapper element should be horizontally centered. Please run tests with browser's zoom level at 100% and page maximized. +**Історія користувача №11:** обгортковий елемент `#quote-box` має бути горизонтально відцентрованим. Виконайте тести зі збільшенням браузера до 100% і розгорнутою сторінкою. -You can build your project by using this CodePen template and clicking `Save` to create your own pen. Or you can use this CDN link to run the tests in any environment you like: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` +Ви можете створити свій проєкт, використавши цей шаблон CodePen та натиснувши `Save`. Або ж ви можете скористатися цим посиланням CDN, щоб виконати тести в будь-якому середовищі: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js` -Once you're done, submit the URL to your working project with all its tests passing. +Як тільки закінчите, надайте посилання на свій проєкт з усіма пройденими тестами. -**Note:** Twitter does not allow links to be loaded in an iframe. Try using the `target="_blank"` or `target="_top"` attribute on the `#tweet-quote` element if your tweet won't load. `target="_top"` will replace the current tab so make sure your work is saved. +**Примітка:** твіттер не дозволяє завантажувати посилання в iframe. Спробуйте використати атрибут `target="_blank"` або `target="_top"` до елемента `#tweet-quote`, якщо твіт не завантажується. `target="_top"` замінить поточну вкладку, тому переконайтесь, що зберегли роботу. # --solutions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md index 8459ca7f789..3f9d531a8f8 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-react.md @@ -24,7 +24,7 @@ connect(mapStateToProps, mapDispatchToProps)(MyComponent) # --hints-- -Компонент `Presentational` повинен відображатись. +Компонент `Presentational` має відтворюватись. ```js assert( diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md index 1cabe35137a..e764f4f0863 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/connect-redux-to-the-messages-app.md @@ -18,7 +18,7 @@ dashedName: connect-redux-to-the-messages-app # --hints-- -`AppWrapper` повинен відобразитися на сторінці. +`AppWrapper` має відтворитись на сторінці. ```js assert( @@ -29,7 +29,7 @@ assert( ); ``` -Компонент `Presentational` повинен відобразитися на сторінці. +Компонент `Presentational` має відтворитись на сторінці. ```js assert( @@ -40,7 +40,7 @@ assert( ); ``` -Компонент `Presentational` повинен відобразити елементи `h2`, `input`, `button` і `ul`. +Компонент `Presentational` має відтворити `h2`, `input`, `button` та елементи `ul`. ```js assert( diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md index a2b96fdadc7..16d1aba726c 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/extract-local-state-into-redux.md @@ -18,7 +18,7 @@ dashedName: extract-local-state-into-redux # --hints-- -`AppWrapper` повинен відобразитися на сторінці. +`AppWrapper` має відтворитись на сторінці. ```js assert( @@ -29,7 +29,7 @@ assert( ); ``` -`Presentational` компонент повинен відобразитися на сторінці. +Компонент `Presentational` має відтворитись на сторінці. ```js assert( @@ -40,7 +40,7 @@ assert( ); ``` -Компонент `Presentational` повинен відобразити елементи `h2`, `input`, `button` і `ul`. +Компонент `Presentational` має відтворити `h2`, `input`, `button` та елементи `ul`. ```js assert( @@ -156,7 +156,7 @@ async () => { }; ``` -Компонент `Presentational` має відображати `messages` зі сховища Redux. +Компонент `Presentational` має відтворити `messages` зі сховища Redux. ```js async () => { diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md index 18f6c8439a3..6936b6d62b5 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/getting-started-with-react-redux.md @@ -20,7 +20,7 @@ dashedName: getting-started-with-react-redux # --hints-- -Компонент `DisplayMessages` повинен відображати порожній `div` елемент. +Компонент `DisplayMessages` має відтворити порожній елемент `div`. ```js assert( diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md index 3da1b8da5a9..c5a83b7c331 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/manage-state-locally-first.md @@ -12,7 +12,7 @@ dashedName: manage-state-locally-first # --instructions-- -Спершу в методі `render()` відобразіть елементи `input`, `button`, та `ul`. Коли елемент `input` змінюється, він повинен запускати метод `handleChange()`. Також елемент `input` повинен відображати значення `input`, що знаходиться в стані компоненту. При натисканні елемент `button` повинен запускати метод `submitMessage()`. +Спершу в методі `render()` відобразіть елементи `input`, `button`, та `ul`. Коли елемент `input` змінюється, він повинен запускати метод `handleChange()`. До того ж елемент `input` має відтворити значення `input` зі стану компонента. При натисканні елемент `button` повинен запускати метод `submitMessage()`. По-друге, запишіть ці два методи. Метод `handleChange()` повинен оновлювати `input` з тим, що друкує користувач. Метод `submitMessage()` повинен об'єднати поточне повідомлення (зберігається в `input`) та масив `messages` в локальному стані та очистити значення `input`. @@ -36,7 +36,7 @@ assert( ); ``` -Компонент `DisplayMessages` повинен відображати `div`, що містить елементи `h2`, `button`, `ul`, та `li` elements. +Компонент `DisplayMessages` має відтворити `div`, який містить елемент `h2`, елемент `button`, елемент `ul` та елементи `li` як дочірні компоненти. ```js () => { @@ -62,7 +62,7 @@ assert( assert(code.match(/this\.state\.messages\.map/g)); ``` -Елемент `input` повинен відображати значення `input` у локальному стані. +Елемент `input` має відтворити значення `input` в локальному стані. ```js () => { diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md index 43503bf5405..76b01048212 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react-and-redux/use-provider-to-connect-redux-to-react.md @@ -26,7 +26,7 @@ React Redux надає невеличкий API з двома основними # --hints-- -`AppWrapper` повинен візуалізуватися на сторінці. +`AppWrapper` має відтворюватись. ```js assert( @@ -51,7 +51,7 @@ assert( ); ``` -`DisplayMessages` повинні бути показані як дитина `AppWrapper`. +`DisplayMessages` має відтворюватись як дочірній компонент компонента `AppWrapper`. ```js assert( @@ -64,7 +64,7 @@ assert( ); ``` -`DisplayMessages` компонент повинен показувати`h2`, `input`, `button` і `ul` елементи. +Компонент `DisplayMessages` має відтворити `h2`, `input`, `button` та елемент `ul`. ```js assert( diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md index 3ab2dc1c938..6b19c65345a 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/react/create-a-simple-jsx-element.md @@ -16,7 +16,7 @@ React використовує розширення синтаксису JavaScr Однак JSX не є дійсним JavaScript, тому JSX потрібно спочатку скомпілювати в JavaScript. Для цього часто використовують транспайлер Babel. Ми вже додали його для вашої зручності. Якщо у вас буде недійсний синтаксис JSX, то перший тест у завданнях видасть помилку. -Варто зазначити, що завдання непомітно викликають `ReactDOM.render(JSX, document.getElementById('root'))`. Цей виклик функції розміщує JSX у просте вираження DOM, що створює React. Потім React використовує снапшоти власних DOM, щоб оптимізувати оновлення конкретних частин у конкретній DOM. +Варто зазначити, що завдання непомітно викликають `ReactDOM.render(JSX, document.getElementById('root'))`. Цей виклик функції розміщує JSX у просте вираження DOM, що створює React. Потім React використовує снапшоти своєї DOM, щоб оптимізувати оновлення конкретних частин фактичної DOM. # --instructions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md index 2aac1e3aaff..4c4791eb284 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/never-mutate-state.md @@ -10,9 +10,9 @@ dashedName: never-mutate-state Останні завдання описують декілька методів ключового принципу незмінності стану в Redux. Незмінний стан означає, що ви ніколи не змінюєте стан напряму, а повертаєте нову копію стану. -Якби ви фіксували стан застосунку Redux через певний час, ви б бачили `state 1`, `state 2`, `state 3`,`state 4`, `...` і так далі, де кожен стан був би схожим до попереднього, але був би окремою частиною даних. Насправді ця незмінність надає різні функціональності, серед яких налагодження в часі, про яку ви могли чути. +Якби ви фіксували стан застосунку Redux через певний час, ви б бачили `state 1`, `state 2`, `state 3`, `state 4`, `...` і так далі, де кожен стан був би схожим до попереднього, але був би окремою частиною даних. Насправді ця незмінність надає різні функціональності, серед яких налагодження в часі, про яку ви могли чути. -Redux неактивно використовує незмінність стану в сховищі чи редюсерах, тому ця відповідальність лягає на програміста. На щастя, JavaScript (особливо ES6) надає декілька корисних інструментів, які ви можете використати для забезпечення незмінності стану, незалежно від того, чи це рядок, число, масив або об’єкт. Зверніть увагу, що рядки і числа є незмінними примітивними значеннями. Іншими словами, 3 завжди означає 3. Ми не можемо змінити значення числа 3. Однак масиви та об’єкти є змінними. Ймовірно, що на практиці стан складатиметься з масиву чи об‘єкту, оскільки це корисні структури даних для представлення багатьох типів інформації. +Redux неактивно використовує незмінність стану в сховищі чи редюсерах, тому ця відповідальність лягає на програміста. На щастя, JavaScript (особливо ES6) надає декілька корисних інструментів, які ви можете використати для забезпечення незмінності стану, незалежно від того, чи це рядок, число, масив або об’єкт. Зверніть увагу, що рядки і числа є незмінними примітивними значеннями. Іншими словами, 3 завжди означає 3. Ми не можемо змінити значення числа 3. Однак масиви та об’єкти є змінними. Ймовірно, що на практиці стан складатиметься з масиву чи об’єкту, оскільки це корисні структури даних для представлення багатьох типів інформації. # --instructions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md index 316da4a7f18..b5ab4093e97 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/register-a-store-listener.md @@ -8,7 +8,7 @@ dashedName: register-a-store-listener # --description-- -Іншим метод, до якого ви маєте доступ в об’єкті сховища Redux, є `store.subscribe()`. Він дозволяє прив’язати функції слухача до сховища, які викликаються, коли у сховищі відбувається дія. Простим використанням цього методу є написання функції у сховищі, що просто записує повідомлення щоразу, коли надходить дія та оновлюється сховище. +Іншим методом, до якого ви маєте доступ в об’єкті сховища Redux, є `store.subscribe()`. Він дозволяє прив’язати функції слухача до сховища, які викликаються, коли у сховищі відбувається дія. Простим використанням цього методу є написання функції у сховищі, що просто записує повідомлення щоразу, коли надходить дія та оновлюється сховище. # --instructions-- diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md index be62aadaca2..e6ce573fc35 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-const-for-action-types.md @@ -36,7 +36,7 @@ assert(logoutUser().type === 'LOGOUT'); assert(store.getState().authenticated === false); ``` -Відправлення `loginUser` має оновити значення властивості `login` у стані сховища `true`. +Відправлення `loginUser` має оновити значення властивості `login` у стані сховища на `true`. ```js assert( diff --git a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md index 05e537d06df..44909fbe568 100644 --- a/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md +++ b/curriculum/challenges/ukrainian/03-front-end-development-libraries/redux/use-the-spread-operator-on-arrays.md @@ -14,7 +14,7 @@ dashedName: use-the-spread-operator-on-arrays let newArray = [...myArray]; ``` -То `newArray` стане клоном `myArray`. Обидва масиви існують в пам’яті окремо. Якщо ви виконуєте зміну, наприклад, `newArray.push(5)`, то `myArray` не зміниться. `...` ефективно *розширює* значення `myArray` в новий масив. Щоб клонувати масив, а також додати додаткові значення до нового масиву, напишіть написати `[...myArray, 'new value']`. Це поверне новий масив, який містить значення масиву `myArray` і рядок `new value` як останнє значення. Синтаксис розширення можна використати декілька разів в масиву, але важливо звернути увагу на те, що він робить мілку копію масиву. Тобто він надає лише незмінні операції для одновимірних масивів. +То `newArray` стане клоном `myArray`. Обидва масиви існують в пам’яті окремо. Якщо ви виконуєте зміну, наприклад, `newArray.push(5)`, то `myArray` не зміниться. `...` ефективно *розширює* значення `myArray` в новий масив. Щоб клонувати масив, а також додати додаткові значення до нового масиву, напишіть `[...myArray, 'new value']`. Це поверне новий масив, який містить значення масиву `myArray` і рядок `new value` як останнє значення. Синтаксис розширення можна використати декілька разів в масиві, але важливо звернути увагу на те, що він робить мілку копію масиву. Тобто він надає лише незмінні операції для одновимірних масивів. # --instructions-- diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md index 093065fabed..dd62c21df72 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/617bc3386dc7d07d6469bf20.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Зверніть увагу: щоб створити оранжевий, вам потрібно змінити значення `rgb`, а саме збільшити інтенсивність червоного та зменшити інтенсивність зеленого. Це тому що оранжевий колір є комбінацією червоного та жовтого, та знаходиться між двома кольорами на колірному колі. +Зверніть увагу: щоб створити оранжевий, вам потрібно змінити значення `rgb`, а саме збільшити інтенсивність червоного та зменшити інтенсивність зеленого. This is because orange is the combination of red and yellow. Щоб створити третинний яскраво-зелений, поєднайте блакитний з зеленим. Оновіть функцію `rgb` в CSS-правилі `.two`, щоб зелений мав максимальне значення, та встановіть для синього значення `127`. diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md index 3d897404664..f92e88d644b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c47867800472a4ed5d2ea.md @@ -1,71 +1,71 @@ --- id: 646c47867800472a4ed5d2ea -title: Step 1 +title: Крок 1 challengeType: 0 dashedName: step-1 --- # --description-- -Begin with the basic HTML structure. Add a `DOCTYPE` reference of `html` and an `html` element with its `lang` attribute set to `en`. Also, add a `head` and a `body` element within the `html` element. +Почніть із базової структури HTML. Додайте оголошення `DOCTYPE` `html` та елемент `html` з атрибутом `lang` зі значенням `en`. Також додайте `head` та `body` в межах елемента `html`. # --hints-- -You should have the `DOCTYPE` declaration of `html`. +Ви повинні мати оголошення `DOCTYPE` для `html`. ```js assert(code.match(//i)); ``` -Your `DOCTYPE` declaration should be at the beginning of your HTML. +Оголошення `DOCTYPE` має бути на початку HTML. ```js assert(__helpers.removeHtmlComments(code).match(/^\s*/i)); ``` -You should have an opening `html` tag with a `lang` attribute of `en`. +Ви повинні мати початковий тег `html` з атрибутом `lang` зі значенням `en`. ```js assert(code.match(//gi)); ``` -You should have a closing `html` tag. +Ви повинні мати кінцевий тег `html`. ```js assert(code.match(/<\/html>/i)); ``` -You should have an opening `head` tag. +Ви повинні мати початковий тег `head`. ```js assert(code.match(//i)); ``` -You should have a closing `head` tag. +Ви повинні мати кінцевий тег `head`. ```js assert(code.match(/<\/head>/i)); ``` -You should have an opening `body` tag. +Ви повинні мати початковий тег `body`. ```js assert(code.match(//i)); ``` -You should have a closing `body` tag. +Ви повинні мати кінцевий тег `body`. ```js assert(code.match(/<\/body>/i)); ``` -Your `body` element should come after the `head` element. +Елемент `body` повинен йти після елемента `head`. ```js assert(code.match(/\s*<\/head>\s*\s*<\/body>/i)); ``` -Your `head` and `body` elements should be inside the `html` element. +Елементи `head` та `body` мають знаходитись всередині елемента `html`. ```js assert(code.match(/\s*\s*<\/head>\s*\s*<\/body>\s*<\/html>/i)); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md index 4995d5116e9..9fedfb09cab 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecb.md @@ -1,35 +1,35 @@ --- id: 646c48df8674cf2b91020ecb -title: Step 2 +title: Крок 2 challengeType: 0 dashedName: step-2 --- # --description-- -Within your `head` element, add a `meta` tag with the `charset` attribute of `utf-8`. Also add a `title` element with the text `fCC Cat Painting`. +В межах елемента `head` додайте тег `meta` з атрибутом `charset` зі значенням `utf-8`. Також додайте елемент `title` з текстом `fCC Cat Painting`. # --hints-- -You should add a single `meta` element. +Додайте один елемент `meta`. ```js assert(document.querySelectorAll('meta').length === 1); ``` -Your `meta` element should have a `charset` attribute set to `utf-8`. +Елемент `meta` повинен мати атрибут `charset` зі значенням `utf-8`. ```js assert(document.querySelector('meta')?.getAttribute('charset')?.toLowerCase() === 'utf-8'); ``` -You should add a single `title` element. +Додайте один елемент `title`. ```js assert(document.querySelectorAll('title').length === 1); ``` -Your `title` element should have the text `fCC Cat Painting`. Note that spelling and casing matter. +Елемент `title` повинен мати текст `fCC Cat Painting`. Зауважте, що написання та вживання великої літери мають значення. ```js assert(document.querySelector('title')?.innerText === 'fCC Cat Painting'); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecc.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecc.md index 16fcfd166a3..4bd95ac6148 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecc.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c48df8674cf2b91020ecc.md @@ -1,29 +1,29 @@ --- id: 646c48df8674cf2b91020ecc -title: Step 3 +title: Крок 3 challengeType: 0 dashedName: step-3 --- # --description-- -Add a `link` element within your `head` element. For that `link` element, set the `rel` attribute to `stylesheet` and the `href` to `./styles.css`. +Додайте елемент `link` в межах елемента `head`. Встановіть для цього елемента `link` атрибут `rel` на `stylesheet` та атрибут `href` на `./styles.css`. # --hints-- -Your should have a `link` element. +Ви повинні мати елемент `link`. ```js assert.match(code, //) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c586be7180e40ddf74ff6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c586be7180e40ddf74ff6.md index 1757ddb08e0..0a93fa6d8f9 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c586be7180e40ddf74ff6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c586be7180e40ddf74ff6.md @@ -1,23 +1,23 @@ --- id: 646c586be7180e40ddf74ff6 -title: Step 5 +title: Крок 5 challengeType: 0 dashedName: step-5 --- # --description-- -Give your `body` element a `background-color` of `#c9d2fc`. +Надайте елементу `body` властивість `background-color` зі значенням `#c9d2fc`. # --hints-- -You should have a `body` selector. +Ви повинні мати селектор `body`. ```js assert(new __helpers.CSSHelp(document).getStyle('body')); ``` -Your `body` selector should have a `background-color` property set to `#c9d2fc`. +Селектор `body` повинен мати властивість `background-color` зі значенням `#c9d2fc`. ```js assert(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor === 'rgb(201, 210, 252)'); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c59e942f35541923104bf.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c59e942f35541923104bf.md index c605ff01e1d..08e7decbda4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c59e942f35541923104bf.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c59e942f35541923104bf.md @@ -1,35 +1,35 @@ --- id: 646c59e942f35541923104bf -title: Step 6 +title: Крок 6 challengeType: 0 dashedName: step-6 --- # --description-- -Back in your HTML, create a `main` element. Inside that `main` element, add a `div` element with the class `cat-head`. +Повернемось до HTML: створіть елемент `main`. Всередині цього елемента `main` додайте елемент `div` з класом `cat-head`. # --hints-- -You should have a `main` element. +Ви повинні мати елемент `main`. ```js assert(document.querySelectorAll('main').length === 1); ``` -You should have a `div` element. +Ви повинні мати елемент `div`. ```js assert(document.querySelectorAll('div').length === 1); ``` -Your `div` element should have the class `cat-head`. +Елемент `div` повинен мати клас `cat-head`. ```js assert(document.querySelector('div')?.getAttribute('class') === 'cat-head'); ``` -Your `div` element should be inside your `main` tag. +Елемент `div` має знаходитись всередині тегу `main`. ```js assert(document.querySelectorAll('main div').length === 1); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md index 81eb5c83f27..310e019ffec 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ace05e4be4211407935.md @@ -1,6 +1,6 @@ --- id: 646c5ace05e4be4211407935 -title: Step 8 +title: Крок 8 challengeType: 0 dashedName: step-8 --- @@ -13,13 +13,13 @@ You might not notice the difference between these two colors, but they are there # --hints-- -Your `.cat-head` selector should have a `background` property. +Селектор `.cat-head` повинен мати властивість `background`. ```js assert.match(code, /background:/) ``` -Your `background` property should use the `linear-gradient` function. +Властивість `background` має використати функцію `linear-gradient`. ```js assert.match(code, /background:\s*linear-gradient\(/) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5d7057c45f432fcdd46c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5d7057c45f432fcdd46c.md index 98afa6c6b3b..32fd4561213 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5d7057c45f432fcdd46c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5d7057c45f432fcdd46c.md @@ -1,41 +1,41 @@ --- id: 646c5d7057c45f432fcdd46c -title: Step 7 +title: Крок 7 challengeType: 0 dashedName: step-7 --- # --description-- -Using a class selector, give the `.cat-head` element a width of `205px` and a height of `180px`. Also, give it a border of `1px solid #000` and a `border-radius` of `46%`. +Надайте елементу `.cat-head` ширину зі значенням `205px` та висоту зі значенням `180px` за допомогою селектора класу. Також надайте йому кордон зі значенням `1px solid #000` та `border-radius` зі значенням `46%`. # --hints-- -You should have a `.cat-head` selector. +Ви повинні мати селектор `.cat-head`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')) ``` -Your `.cat-head` selector should have a `width` set to `205px`. +Селектор `.cat-head` повинен мати `width` зі значенням `205px`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.width === '205px'); ``` -Your `.cat-head` selector should have a `height` set to `180px`. +Селектор `.cat-head` повинен мати `height` зі значенням `180px`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.height === '180px') ``` -Your `.cat-head` selector should have a `border` set to `1px solid #000`. +Селектор `.cat-head` повинен мати `border` зі значенням `1px solid #000`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.border === '1px solid rgb(0, 0, 0)') ``` -Your `.cat-head` selector should have a `border-radius` set to `46%`. +Селектор `.cat-head` повинен мати `border-radius` зі значенням `46%`. ```js assert(new __helpers.CSSHelp(document)?.getStyle(".cat-head")?.borderRadius === '46%') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5e727e56e743c9aed4a1.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5e727e56e743c9aed4a1.md index 7c88ce9baa8..8a7f47ae1a6 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5e727e56e743c9aed4a1.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5e727e56e743c9aed4a1.md @@ -1,36 +1,36 @@ --- id: 646c5e727e56e743c9aed4a1 -title: Step 9 +title: Крок 9 challengeType: 0 dashedName: step-9 --- # --description-- -CSS positioning lets you set how you want an element to be positioned in the browser. It has a `position` property you can set to `static`, `absolute`, `relative`, `sticky` or `fixed`. +Позиціювання CSS дозволяє розмістити елементи в браузері так, як ви хочете. Існує властивість `position`, значенням якої може бути `static`, `absolute`, `relative`, `sticky` або `fixed`. -Once you set the `position` property of the element, you can move the element around by setting a pixel or a percentage value for one or more of the `top`, `right`, `left`, or `bottom` properties. +Як тільки ви налаштуєте властивість `position`, ви зможете переміщати елемент, встановлюючи піксельні чи відсоткові значення властивостей `top`, `right`, `left` або `bottom`. -`static` is the default positioning for all elements. If you assign it to an element, you won't be able to move it around with `top`, `right`, `left`, or `bottom`. +`static` — це позиціювання всіх елементів за замовчуванням. Якщо призначити його до елемента, ви не зможете переміщати його за допомогою `top`, `right`, `left` або `bottom`. -Give `.cat-head` a `position` property of `static`, then set the `top` and `left` properties to `100px` each. +Надайте `.cat-head` властивість `position` зі значенням `static`, а потім встановіть властивості `top` та `left` на `100px`. # --hints-- -Your `.cat-head` selector should have a `position` property set to `static`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `position` зі значенням `static`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'static') ``` -Your `.cat-head` selector should have a `top` property set to `100px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `top` зі значенням `100px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '100px') ``` -Your `.cat-head` selector should have a `left` property set to `100px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `left` зі значенням `100px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '100px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ffef5598d449b52ec12.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ffef5598d449b52ec12.md index 9c460caa45f..b3d6c06889e 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ffef5598d449b52ec12.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646c5ffef5598d449b52ec12.md @@ -1,31 +1,31 @@ --- id: 646c5ffef5598d449b52ec12 -title: Step 19 +title: Крок 19 challengeType: 0 dashedName: step-19 --- # --description-- -Now you should work on the cat's ears. There will be a right and a left ear, and inside each, there will be an inner ear. +Тепер потрібно попрацювати над вухами кота. Кіт матиме праве та ліве вуха, а всередині кожного буде внутрішнє вухо. -Inside your `.cat-head` element, create a `div` element with the class `cat-ears`. +Створіть елемент `div` з класом `cat-ears` всередині елемента `.cat-head`. # --hints-- -You should not change the existing `div` element with the class `cat-head`. +Не змінюйте наявний елемент `div` з класом `cat-head`. ```js assert(document.querySelectorAll('div.cat-head').length === 1); ``` -You should create one `div` element inside your `.cat-head` element. +Створіть один елемент `div` всередині елемента `.cat-head`. ```js assert(document.querySelectorAll('.cat-head div').length === 1); ``` -Your `div` element should have the class `cat-ears`. +Елемент `div` повинен мати клас `cat-ears`. ```js assert(document.querySelectorAll('.cat-head div')[0]?.getAttribute('class') === 'cat-ears'); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce8bb4b35544d501c7184.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce8bb4b35544d501c7184.md index 356b443cc39..b9326efbb5e 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce8bb4b35544d501c7184.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce8bb4b35544d501c7184.md @@ -1,35 +1,35 @@ --- id: 646ce8bb4b35544d501c7184 -title: Step 20 +title: Крок 20 challengeType: 0 dashedName: step-20 --- # --description-- -Inside your `.cat-ears` element, create two `div` elements with the classes `cat-left-ear` and `cat-right-ear` respectively. +Створіть два елементи `div` з відповідними класами `cat-left-ear` та `cat-right-ear` всередині елемента `.cat-ears`. # --hints-- -You should not change the existing `div` element with the class `car-ears`. +Не змінюйте наявний елемент `div` з класом `car-ears`. ```js assert(document.querySelectorAll('div.cat-ears').length === 1); ``` -You should create two `div` elements inside your `.cat-ears` element. +Створіть два елементи `div` всередині елемента `.cat-ears`. ```js assert(document.querySelectorAll('.cat-ears div').length === 2); ``` -Your first `div` element should have the class `cat-left-ear`. +Перший елемент `div` повинен мати клас `cat-left-ear`. ```js assert(document.querySelectorAll('.cat-ears div')[0]?.classList.contains('cat-left-ear')); ``` -Your second `div` element should have the class `cat-right-ear`. +Другий елемент `div` повинен мати клас `cat-right-ear`. ```js assert(document.querySelectorAll('.cat-ears div')[1]?.classList.contains('cat-right-ear')); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce9d790d2a44de5f99e04.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce9d790d2a44de5f99e04.md index f868fcd598d..ccc69fdb501 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce9d790d2a44de5f99e04.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ce9d790d2a44de5f99e04.md @@ -1,29 +1,29 @@ --- id: 646ce9d790d2a44de5f99e04 -title: Step 21 +title: Крок 21 challengeType: 0 dashedName: step-21 --- # --description-- -Inside your `.cat-left-ear` element, create another `div` element with the class `cat-left-inner-ear`. +Створіть ще один елемент `div` з класом `cat-left-inner-ear` всередині елемента `.cat-left-ear`. # --hints-- -You should not change the existing `div` element with the class `cat-left-ear`. +Не змінюйте наявний елемент `div` з класом `cat-left-ear`. ```js assert(document.querySelectorAll('div.cat-left-ear').length === 1); ``` -You should have a `div` element inside your `.cat-left-ear` element. +Ви повинні мати елемент `div` всередині елемента `.cat-left-ear`. ```js assert(document.querySelectorAll('.cat-left-ear div').length === 1); ``` -Your `div` element should have the class `cat-left-inner-ear`. +Елемент `div` повинен мати клас `cat-left-inner-ear`. ```js assert(document.querySelectorAll('.cat-left-ear div')[0]?.classList.contains('cat-left-inner-ear')); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceae4d57c214e6b03576c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceae4d57c214e6b03576c.md index deb18782568..d521992fd15 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceae4d57c214e6b03576c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceae4d57c214e6b03576c.md @@ -1,29 +1,29 @@ --- id: 646ceae4d57c214e6b03576c -title: Step 22 +title: Крок 22 challengeType: 0 dashedName: step-22 --- # --description-- -Inside your `.cat-right-ear` element, create another `div` element with the class `cat-right-inner-ear`. +Створіть ще один елемент `div` з класом `cat-right-inner-ear` всередині елемента `.cat-right-ear`. # --hints-- -You should not change the existing `div` element with the class `cat-right-ear`. +Не змінюйте наявний елемент `div` з класом `cat-right-ear`. ```js assert(document.querySelectorAll('div.cat-right-ear').length === 1); ``` -You should have a `div` element inside your `.cat-right-ear` element. +Ви повинні мати елемент `div` всередині елемента `.cat-right-ear`. ```js assert(document.querySelectorAll('.cat-right-ear div').length === 1); ``` -Your `div` element should have the class `cat-right-inner-ear`. +Елемент `div` повинен мати клас `cat-right-inner-ear`. ```js assert(document.querySelectorAll('.cat-right-ear div')[0]?.classList.contains('cat-right-inner-ear')); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md index ae13eae4db7..8dd185c485d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md @@ -1,37 +1,37 @@ --- id: 646ceb843412c74edee27a79 -title: Step 23 +title: Крок 23 challengeType: 0 dashedName: step-23 --- # --description-- -You are going to make each ear look like a triangle. +Кожне вухо виглядатиме як трикутник. -Using a class selector, give the `.cat-left-ear` element a left and right border of `35px solid transparent` each. Also, set the bottom border to `70px solid #5e5e5e`. +Надайте елементу `.cat-left-ear` лівий та правий кордон зі значенням `35px solid transparent` за допомогою селектора класу. Також встановіть нижній кордон на `70px solid #5e5e5e`. # --hints-- -You should have a `.cat-left-ear` selector. +Ви повинні мати селектор `.cat-left-ear`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')) ``` -Your `.cat-left-ear` selector should have a `border-left` property set to `35px solid transparent` +Селектор `.cat-left-ear` повинен мати властивість `border-left` зі значенням `35px solid transparent` ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderLeft === '35px solid transparent') ``` -Your `.cat-left-ear` selector should have a `border-right` property set to `35px solid transparent` +Селектор `.cat-left-ear` повинен мати властивість `border-right` зі значенням `35px solid transparent` ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderRight === '35px solid transparent') ``` -Your `.cat-left-ear` selector should have a `border-bottom` property set to `70px solid #5e5e5e` +Селектор `.cat-left-ear` повинен мати властивість `border-bottom` зі значенням `70px solid #5e5e5e` ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderBottom === '70px solid rgb(94, 94, 94)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cecc9eb5c4f4f73dafd07.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cecc9eb5c4f4f73dafd07.md index 60b4d9ebfde..57691d376da 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cecc9eb5c4f4f73dafd07.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cecc9eb5c4f4f73dafd07.md @@ -1,29 +1,29 @@ --- id: 646cecc9eb5c4f4f73dafd07 -title: Step 24 +title: Крок 24 challengeType: 0 dashedName: step-24 --- # --description-- -Move the left ear into position by setting a position of `absolute`, a `top` of `-26px`, and a `left` of `-31px`. +Перемістіть ліве вухо, встановивши позиціювання зі значенням `absolute`, `top` зі значенням `-26px` та `left` зі значенням `-31px`. # --hints-- -Your `.cat-left-ear` selector should have a `position` property set to `absolute`. Don't forget to add a semi-colon. +Селектор `.cat-left-ear` повинен мати властивість `position` зі значенням `absolute`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.position === 'absolute') ``` -Your `.cat-left-ear` selector should have a `top` property set to `-26px` +Селектор `.cat-left-ear` повинен мати властивість `top` зі значенням `-26px` ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.top === '-26px') ``` -Your `.cat-left-ear` selector should have a `left` property set to `-31px` +Селектор `.cat-left-ear` повинен мати властивість `left` зі значенням `-31px` ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.left === '-31px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cef0c2b98915094df7099.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cef0c2b98915094df7099.md index a0b737ac3d9..9f389274471 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cef0c2b98915094df7099.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cef0c2b98915094df7099.md @@ -1,23 +1,23 @@ --- id: 646cef0c2b98915094df7099 -title: Step 25 +title: Крок 25 challengeType: 0 dashedName: step-25 --- # --description-- -Those edges are too sharp for an ear. So, set the `border-top-left-radius` to `90px` and the `border-top-right-radius` to `10px`. +Ці краї загострі для вуха. Тому встановіть `border-top-left-radius` на `90px` та `border-top-right-radius` на `10px`. # --hints-- -Your `.cat-left-ear` selector should have a `border-top-left-radius` property set to `90px`. +Селектор `.cat-left-ear` повинен мати властивість `border-top-left-radius` зі значенням `90px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderTopLeftRadius === '90px') ``` -Your `.cat-left-ear` selector should have a `border-top-right-radius` property set to `10px`. +Селектор `.cat-left-ear` повинен мати властивість `border-top-right-radius` зі значенням `10px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.borderTopRightRadius === '10px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf1206cac5f51804f49cf.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf1206cac5f51804f49cf.md index 3bcd393bf42..070bba43129 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf1206cac5f51804f49cf.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf1206cac5f51804f49cf.md @@ -1,21 +1,21 @@ --- id: 646cf1206cac5f51804f49cf -title: Step 26 +title: Крок 26 challengeType: 0 dashedName: step-26 --- # --description-- -To position the left ear properly, you can use CSS transform to rotate it in a certain degree. +Щоб правильно розмістити ліве вухо, можна використати трансформацію CSS, щоб обернути його в певний бік. -The `transform` property allows you to modify the shape, position, and size of an element without changing the layout or affecting the surrounding elements. It has functions such as `translate()`, `rotate()`, `scale()`, `skew()`, and `matrix()`. +Властивість `transform` дозволяє змінити форму, розташування та розмір елемента, не змінюючи макет або не впливаючи на навколишні елементи. Вона має функції `translate()`, `rotate()`, `scale()`, `skew()` та `matrix()`. -Set the `transform` property to `rotate(-45deg)` and see what happens. +Встановіть властивість `transform` на `rotate(-45deg)` та подивіться, що відбудеться. # --hints-- -You should set the `transform` property of your `.cat-left-ear` element to `rotate(-45deg)`. Don't forget to add a semi-colon. +Встановіть властивість `transform` елемента `.cat-left-ear` на `rotate(-45deg)`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.transform === 'rotate(-45deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf2249f02ca5233d9af7c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf2249f02ca5233d9af7c.md index 51bb049e2dd..f52c041012d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf2249f02ca5233d9af7c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf2249f02ca5233d9af7c.md @@ -1,37 +1,37 @@ --- id: 646cf2249f02ca5233d9af7c -title: Step 27 +title: Крок 27 challengeType: 0 dashedName: step-27 --- # --description-- -Now you can work on the right ear of the cat. You have the HTML for it already. +Тепер можна працювати над правим вухом кота. У вас вже є HTML для цього. -Using a class selector, give the `.cat-right-ear` element a left and right border of `35px solid transparent` each. Also, set the bottom border to `70px solid #5e5e5e`. +Надайте елементу `.cat-right-ear` лівий та правий кордон зі значенням `35px solid transparent` за допомогою селектора класу. Також встановіть нижній кордон на `70px solid #5e5e5e`. # --hints-- -You should have a `.cat-right-ear` selector. +Ви повинні мати селектор `.cat-right-ear`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')) ``` -Your `.cat-right-ear` selector should have a `border-left` property set to `35px solid transparent`. +Селектор `.cat-right-ear` повинен мати властивість `border-left` зі значенням `35px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft === '35px solid transparent') ``` -Your `.cat-right-ear` selector should have a `border-right` property set to `35px solid transparent`. +Селектор `.cat-right-ear` повинен мати властивість `border-right` зі значенням `35px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight === '35px solid transparent') ``` -Your `.cat-right-ear` selector should have a `border-bottom` property set to `70px solid #5e5e5e`. +Селектор `.cat-right-ear` повинен мати властивість `border-bottom` зі значенням `70px solid #5e5e5e`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom === '70px solid rgb(94, 94, 94)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf48d8f8e1f535a1821d3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf48d8f8e1f535a1821d3.md index dfce258d838..711a25bf844 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf48d8f8e1f535a1821d3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf48d8f8e1f535a1821d3.md @@ -1,29 +1,29 @@ --- id: 646cf48d8f8e1f535a1821d3 -title: Step 28 +title: Крок 28 challengeType: 0 dashedName: step-28 --- # --description-- -Move the right ear into position with a `position` property set to `absolute`, a `top` of `-26px`, and a `left` of `163px`. +Перемістить праве вухо, використавши властивість `position` зі значенням `absolute`, `top` зі значенням `-26px` та `left` зі значенням `163px`. # --hints-- -Your `.cat-right-ear` selector should have a `position` property set to `absolute`. Don't forget to add a semi-colon. +Селектор `.cat-right-ear` повинен мати властивість `position` зі значенням `absolute`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.position === 'absolute') ``` -Your `.cat-right-ear` selector should have a `top` property set to `-26px` +Селектор `.cat-right-ear` повинен мати властивість `top` зі значенням `-26px` ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.top === '-26px') ``` -Your `.cat-right-ear` selector should have a `left` property set to `163px` +Селектор `.cat-right-ear` повинен мати властивість `left` зі значенням `163px` ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.left === '163px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md index d4525731d1f..c0a7fbfecc9 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf6cbca98e258da65c979.md @@ -1,17 +1,17 @@ --- id: 646cf6cbca98e258da65c979 -title: Step 29 +title: Крок 29 challengeType: 0 dashedName: step-29 --- # --description-- -As you did for the left ear, rotate the right ear at 45 degrees. +Так само як і з лівим вухом, оберніть праве вухо на 45 градусів. # --hints-- -You should set the `transform` property of your `.right-ear` element to `rotate(45deg)`. Don't forget to add a semi-colon. +Встановіть властивість `transform` елемента `.right-ear` на `rotate(45deg)`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.transform === 'rotate(45deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf88aa884405a11ea5bcc.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf88aa884405a11ea5bcc.md index bbd36a62759..773c261b943 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf88aa884405a11ea5bcc.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cf88aa884405a11ea5bcc.md @@ -1,23 +1,23 @@ --- id: 646cf88aa884405a11ea5bcc -title: Step 30 +title: Крок 30 challengeType: 0 dashedName: step-30 --- # --description-- -Remove the sharp border of the right ear by setting the `border-top-left-radius` to `90px` and the `border-top-right-radius` to `10px`. +Видаліть гострий кордон правого вуха, встановивши `border-top-left-radius` на `90px` та `border-top-right-radius` на `10px`. # --hints-- -Your `.cat-right-ear` selector should have a `border-top-left-radius` property set to `90px`. Don't forget to add a semi-colon. +Селектор `.cat-right-ear` повинен мати властивість `border-top-left-radius` зі значенням `90px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTopLeftRadius === '90px') ``` -Your `.cat-right-ear` selector should have a `border-top-right-radius` property set to `10px`. Don't forget to add a semi-colon. +Селектор `.cat-right-ear` повинен мати властивість `border-top-right-radius` зі значенням `10px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTopRightRadius === '10px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md index bb200fd1069..74f37558078 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfc2b8e6fe95c20a819d5.md @@ -1,21 +1,21 @@ --- id: 646cfc2b8e6fe95c20a819d5 -title: Step 31 +title: Крок 31 challengeType: 0 dashedName: step-31 --- # --description-- -The ears should always be placed above the part of the head it overlaps. You can do this with the `z-index` property. +Вуха завжди повинні знаходитись над частиною голови, яку вони заступають. Це можна зробити за допомогою властивості `z-index`. -`z-index` is a property you can use to define the order of overlapping HTML elements. Any element with a higher `z-index` will always be positioned over an element with a lower `z-index`. +`z-index` — це властивість, яку можна використати, щоб визначити порядок перетинних елементів HTML. Елемент з вищим `z-index` завжди буде знаходитись над елементом з нижчим `z-index`. -To see `z-index` in action, set the `z-index`property of the left ear to `-1`. +Щоб дізнатись, як працює `z-index`, встановіть властивість `z-index` лівого вуха на `-1`. # --hints-- -Your `.cat-left-ear` selector should have a `z-index` of `-1`. Don't forget to add a semi-colon. +Селектор `.cat-left-ear` повинен мати `z-index` зі значенням `-1`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.zIndex === '-1') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfd853634255d02b64cc1.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfd853634255d02b64cc1.md index 7f2be20c198..d1918f63ac3 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfd853634255d02b64cc1.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfd853634255d02b64cc1.md @@ -1,19 +1,19 @@ --- id: 646cfd853634255d02b64cc1 -title: Step 32 +title: Крок 32 challengeType: 0 dashedName: step-32 --- # --description-- -That's not the behavior you want. You should make the ears display over the head so the borders that overlap with them don't show. +Це не та поведінка, яка нам потрібна. Вуха мають відображатись над головою так, щоб не було видно їхні краї. -Instead of `-1`, set the `z-index` property of the left ear to `1`. +Встановіть значення властивості `z-index` лівого вуха на `1`, а не `-1`. # --hints-- -Your `.cat-left-ear` selector should have a `z-index` of `1`. Don't forget to add a semi-colon. +Селектор `.cat-left-ear` повинен мати `z-index` зі значенням `1`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-ear')?.zIndex === '1') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md index b892d61ca1d..7bb8d86ec45 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646cfde6ac612e5d60391f50.md @@ -1,17 +1,17 @@ --- id: 646cfde6ac612e5d60391f50 -title: Step 33 +title: Крок 33 challengeType: 0 dashedName: step-33 --- # --description-- -Set the `z-index`property of the right ear to `1` so it always stays over the head. +Встановіть властивість `z-index` правого вуха на `1`, щоб воно завжди було зверху голови. # --hints-- -Your `.cat-right-ear` selector should have a `z-index` of `1`. Don't forget to add a semi-colon. +Селектор `.cat-right-ear` повинен мати `z-index` зі значенням `1`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.zIndex === '1') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd556d524bc61c0139bd6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd556d524bc61c0139bd6.md index 1d7411ad660..a23be0f0487 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd556d524bc61c0139bd6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd556d524bc61c0139bd6.md @@ -1,37 +1,37 @@ --- id: 646dd556d524bc61c0139bd6 -title: Step 34 +title: Крок 34 challengeType: 0 dashedName: step-34 --- # --description-- -Most cats have different colors in their ear and the inner part of the same ear. You can implement the same too. That's why you defined a `div` element for both right and left inner ears a while ago. +Вухо та внутрішня частина вуха у більшості котів різного кольору. Ви можете реалізувати те ж саме. Саме через це ви визначили елемент `div` для обох вух. -Using a class selector, give your `.cat-left-inner-ear` element a left and right border of `20px solid transparent` each. Also give it a bottom border of `40px solid #3b3b4f`. +Надайте елементу `.cat-left-inner-ear` лівий та правий кордон зі значенням `20px solid transparent` за допомогою селектора класу. Також надайте йому нижній кордон зі значенням `40px solid #3b3b4f`. # --hints-- -You should have a `.cat-left-inner-ear` selector. +Ви повинні мати селектор `.cat-left-inner-ear`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')) ``` -Your `.cat-left-inner-ear` selector should have a `border-left` property set to `20px solid transparent`. +Селектор `.cat-left-inner-ear` повинен мати властивість `border-left` зі значенням `20px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.borderLeft === '20px solid transparent') ``` -Your `.cat-left-inner-ear` selector should have a `border-right` property set to `20px solid transparent`. +Селектор `.cat-left-inner-ear` повинен мати властивість `border-right` зі значенням `20px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.borderRight === '20px solid transparent') ``` -Your `.cat-left-inner-ear` selector should have a `border-bottom` property set to `40px solid #3b3b4f`. +Селектор `.cat-left-inner-ear` повинен мати властивість `border-bottom` зі значенням `40px solid #3b3b4f`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.borderBottom === '40px solid rgb(59, 59, 79)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd6f9caa862627dd87772.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd6f9caa862627dd87772.md index 8be0ea3110e..c1e668ca4a7 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd6f9caa862627dd87772.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd6f9caa862627dd87772.md @@ -1,29 +1,29 @@ --- id: 646dd6f9caa862627dd87772 -title: Step 35 +title: Крок 35 challengeType: 0 dashedName: step-35 --- # --description-- -Move the inner ear into position with a `position` property set to `absolute`, a `top` of `22px`, and a `left` of `-20px`. +Перемістіть внутрішнє вухо, використавши властивість `position` зі значенням `absolute`, `top` зі значенням `22px` та `left` зі значенням `-20px`. # --hints-- -Your `.cat-left-inner-ear` selector should have a `position` property set to `absolute`. +Селектор `.cat-left-inner-ear` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.position === 'absolute') ``` -Your `.cat-left-inner-ear` selector should have a `top` property set to `22px`. +Селектор `.cat-left-inner-ear` повинен мати властивість `top` зі значенням `22px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.top === '22px') ``` -Your `.cat-left-inner-ear` selector should have a `left` property set to `-20px`. +Селектор `.cat-left-inner-ear` повинен мати властивість `left` зі значенням `-20px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.left === '-20px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd7cfd0cfac630c1dd520.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd7cfd0cfac630c1dd520.md index 7e24c8e937c..e83abc20310 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd7cfd0cfac630c1dd520.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd7cfd0cfac630c1dd520.md @@ -1,35 +1,35 @@ --- id: 646dd7cfd0cfac630c1dd520 -title: Step 36 +title: Крок 36 challengeType: 0 dashedName: step-36 --- # --description-- -To remove all the pointed edges of the ear, set a bottom-right and bottom-left border radius of `40%` each, a top-left border radius of `90px`, and a top-right border radius of `10px`. +Щоб видалити всі гострі краї вуха, встановіть радіус правого нижнього та лівого нижнього кордонів на `40%`, радіус лівого верхнього кордону на `90px`, а радіус верхнього правого кордону на `10px`. # --hints-- -Your `.cat-left-inner-ear` selector should have a `border-bottom-right-radius` property set to `40%`. +Селектор `.cat-left-inner-ear` повинен мати властивість `border-bottom-right-radius` зі значенням `40%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.borderBottomRightRadius === '40%') ``` -Your `.cat-left-inner-ear` selector should have a `border-bottom-left-radius` property set to `40%`. +Селектор `.cat-left-inner-ear` повинен мати властивість `border-bottom-left-radius` зі значенням `40%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.borderBottomLeftRadius === '40%') ``` -Your `.cat-left-inner-ear` selector should have a `border-top-left-radius` property set to `90px`. +Селектор `.cat-left-inner-ear` повинен мати властивість `border-top-left-radius` зі значенням `90px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.borderTopLeftRadius === '90px') ``` -Your `.cat-left-inner-ear` selector should have a `border-top-right-radius` property set to `10px`. +Селектор `.cat-left-inner-ear` повинен мати властивість `border-top-right-radius` зі значенням `10px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-ear')?.borderTopRightRadius === '10px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd8c79ec23463a3d0e356.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd8c79ec23463a3d0e356.md index ba3b89e07d1..e7e25f99dc3 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd8c79ec23463a3d0e356.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd8c79ec23463a3d0e356.md @@ -1,35 +1,35 @@ --- id: 646dd8c79ec23463a3d0e356 -title: Step 37 +title: Крок 37 challengeType: 0 dashedName: step-37 --- # --description-- -It's time to work on the right inner ear. Using a class selector, give your `.cat-right-inner-ear` element a left and right border of `20px solid transparent`. Also, give it a bottom border of `40px solid #3b3b4f`. +Час попрацювати над правим внутрішнім вухом. Надайте елементу `.cat-right-inner-ear` лівий та правий кордон зі значенням `20px solid transparent` за допомогою селектора класу. Також надайте йому нижній кордон зі значенням `40px solid #3b3b4f`. # --hints-- -You should have a `.cat-right-inner-ear` selector. +Ви повинні мати селектор `.cat-right-inner-ear`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')) ``` -Your `.cat-right-inner-ear` selector should have a `border-left` property set to `20px solid transparent`. +Селектор `.cat-right-inner-ear` повинен мати властивість `border-left` зі значенням `20px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.borderLeft === '20px solid transparent') ``` -Your `.cat-right-inner-ear` selector should have a `border-right` property set to `20px solid transparent`. +Селектор `.cat-right-inner-ear` повинен мати властивість `border-right` зі значенням `20px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.borderRight === '20px solid transparent') ``` -Your `.cat-right-inner-ear` selector should have a `border-bottom` property set to `40px solid #3b3b4f`. +Селектор `.cat-right-inner-ear` повинен мати властивість `border-bottom` зі значенням `40px solid #3b3b4f`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.borderBottom === '40px solid rgb(59, 59, 79)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md index f48ba0bd881..73c2a187f60 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dd9d9a729916460724f16.md @@ -1,29 +1,29 @@ --- id: 646dd9d9a729916460724f16 -title: Step 38 +title: Крок 38 challengeType: 0 dashedName: step-38 --- # --description-- -Move the right inner ear into position with a `position` property set to `absolute`, a `top` of `22px` and a `left` of `-20px`. +Перемістіть праве внутрішнє вухо, використавши властивість `position` зі значенням `absolute`, `top` зі значенням `22px` та `left` зі значенням `-20px`. # --hints-- -Your `.cat-right-inner-ear` selector should have a `position` property set to `absolute`. +Селектор `.cat-right-inner-ear` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.position === 'absolute') ``` -Your `.cat-right-inner-ear` selector should have a `top` property set to `22px`. +Селектор `.cat-right-inner-ear` повинен мати властивість `top` зі значенням `22px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.top === '22px') ``` -Your `.cat-right-inner-ear` selector should have a `left` property set to `-20px`. +Селектор `.cat-right-inner-ear` повинен мати властивість `left` зі значенням `-20px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.left === '-20px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddab8afd73764f5241bbf.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddab8afd73764f5241bbf.md index 12d8b78a661..7e183ed32ea 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddab8afd73764f5241bbf.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddab8afd73764f5241bbf.md @@ -1,35 +1,35 @@ --- id: 646ddab8afd73764f5241bbf -title: Step 39 +title: Крок 39 challengeType: 0 dashedName: step-39 --- # --description-- -As you did for the left inner ear, remove the sharp edges of the right inner ear by setting a bottom-right and bottom-left border radius of `40%`, a top-left border radius of `90px`, and a top-right border radius of `10px`. +Так само як і з лівим внутрішнім вухом, видаліть гострі краї правого внутрішнього вуха, встановивши радіус правого нижнього та лівого нижнього кордонів на `40%`, радіус лівого верхнього кордону на `90px`, а радіус правого верхнього кордону на `10px`. # --hints-- -Your `.cat-right-inner-ear` selector should have a `border-bottom-right-radius` property set to `40%`. +Селектор `.cat-right-inner-ear` повинен мати властивість `border-bottom-right-radius` зі значенням `40%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.borderBottomRightRadius === '40%') ``` -Your `.cat-right-inner-ear` selector should have a `border-bottom-left-radius` property set to `40%`. +Селектор `.cat-right-inner-ear` повинен мати властивість `border-bottom-left-radius` зі значенням `40%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.borderBottomLeftRadius === '40%') ``` -Your `.cat-right-inner-ear` selector should have a `border-top-left-radius` property set to `90px`. +Селектор `.cat-right-inner-ear` повинен мати властивість `border-top-left-radius` зі значенням `90px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.borderTopLeftRadius === '90px') ``` -Your `.cat-right-inner-ear` selector should have a `border-top-right-radius` property set to `10px`. +Селектор `.cat-right-inner-ear` повинен мати властивість `border-top-right-radius` зі значенням `10px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-ear')?.borderTopRightRadius === '10px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md index 5a2488dca6b..3abcf3efc57 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddb61ff08366570cc5902.md @@ -1,37 +1,37 @@ --- id: 646ddb61ff08366570cc5902 -title: Step 40 +title: Крок 40 challengeType: 0 dashedName: step-40 --- # --description-- -You will now start working on the cat's eyes. Like the ears, the eyes will have inner eyes. +Тепер почнемо працювати над очима кота. До того ж, очі матимуть зіниці. -Create a `div` element with the class `cat-eyes`. Inside the `cat-eyes` element, create two `div` elements with the class `cat-left-eye` and `cat-right-eye` respectively. +Створіть елемент `div` з класом `cat-eyes`. Створіть два елементи `div` з відповідними класами `cat-left-eye` та `cat-right-eye` всередині елемента `cat-eyes`. # --hints-- -You should create a `div` element with the class `cat-eyes`. +Створіть елемент `div` з класом `cat-eyes`. ```js assert(document.querySelectorAll('.cat-eyes').length === 1); ``` -You should create two `div` elements inside the `.cat-eyes` element. +Створіть два елементи `div` всередині елемента `.cat-eyes`. ```js assert(document.querySelectorAll('.cat-eyes div').length === 2); ``` -The first `div` element inside the `.cat-eyes` element should have the class `cat-left-eye`. +Перший елемент `div` всередині елемента `.cat-eyes` повинен мати клас `cat-left-eye`. ```js assert(document.querySelectorAll('.cat-eyes div')[0].classList.contains('cat-left-eye')); ``` -The second `div` element inside the `.cat-eyes` element should have the class `cat-right-eye`. +Другий елемент `div` всередині елемента `.cat-eyes` повинен мати клас `cat-right-eye`. ```js assert(document.querySelectorAll('.cat-eyes div')[1].classList.contains('cat-right-eye')); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddd3f9f97a0667b964bdb.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddd3f9f97a0667b964bdb.md index 9b995228d29..9b7c560faf4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddd3f9f97a0667b964bdb.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddd3f9f97a0667b964bdb.md @@ -1,29 +1,29 @@ --- id: 646ddd3f9f97a0667b964bdb -title: Step 41 +title: Крок 41 challengeType: 0 dashedName: step-41 --- # --description-- -Inside the `.cat-left-eye` element, create another `div` element with the class `cat-left-inner-eye`. +Створіть ще один елемент `div` з класом `cat-left-inner-eye` всередині елемента `.cat-left-eye`. # --hints-- -You should not change the existing `div` element with the class `cat-left-eye`. +Не змінюйте наявний елемент `div` з класом `cat-left-eye`. ```js assert(document.querySelectorAll('div.cat-left-eye').length === 1); ``` -You should have a `div` element inside your `.cat-left-eye` element. +Ви повинні мати елемент `div` всередині елемента `.cat-left-eye`. ```js assert(document.querySelectorAll('.cat-left-eye div').length === 1); ``` -Your `div` element should have the class `cat-left-inner-eye`. +Елемент `div` повинен мати клас `cat-left-inner-eye`. ```js assert(document.querySelectorAll('.cat-left-eye div')[0]?.classList.contains('cat-left-inner-eye')); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md index 5bad715a154..cf7cfa13aeb 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dddfb3a301c66ec513c56.md @@ -1,29 +1,29 @@ --- id: 646dddfb3a301c66ec513c56 -title: Step 42 +title: Крок 42 challengeType: 0 dashedName: step-42 --- # --description-- -Inside the `.cat-right-eye` element, create another `div` element with the class `cat-right-inner-eye`. +Створіть ще один елемент `div` з класом `cat-right-inner-eye` всередині елемента `.cat-right-eye`. # --hints-- -You should not change the existing `div` element with the class `cat-left-eye`. +Не змінюйте наявний елемент `div` з класом `cat-left-eye`. ```js assert(document.querySelectorAll('div.cat-right-eye').length === 1); ``` -You should have a `div` element inside your `.cat-right-eye` element. +Ви повинні мати елемент `div` всередині елемента `.cat-right-eye`. ```js assert(document.querySelectorAll('.cat-right-eye div').length === 1); ``` -Your `div` element should have the class `cat-right-inner-eye`. +Елемент `div` повинен мати клас `cat-right-inner-eye`. ```js assert(document.querySelectorAll('.cat-right-eye div')[0]?.classList.contains('cat-right-inner-eye')); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dde7dc20dc167489faa69.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dde7dc20dc167489faa69.md index 9cf9b19e226..ab27ce5475e 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dde7dc20dc167489faa69.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dde7dc20dc167489faa69.md @@ -1,35 +1,35 @@ --- id: 646dde7dc20dc167489faa69 -title: Step 43 +title: Крок 43 challengeType: 0 dashedName: step-43 --- # --description-- -Using a class selector, give your `.cat-left-eye` element a `width` of `30px` and a `height` of `40px`. Also, give it a `background-color` of `#000`. +Надайте елементу `.cat-left-eye` властивості `width` зі значенням `30px` та `height` зі значенням `40px` за допомогою селектора класу. Також надайте йому `background-color` зі значенням `#000`. # --hints-- -You should have a `.cat-left-eye` selector. +Ви повинні мати селектор `.cat-left-eye`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')) ``` -Your `.cat-left-eye` selector should have a `width` set to `30px`. +Селектор `.cat-left-eye` повинен мати `width` зі значенням `30px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.width === '30px') ``` -Your `.cat-left-eye` selector should have a `height` set to `40px`. +Селектор `.cat-left-eye` повинен мати `height` зі значенням `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.height === '40px') ``` -Your `.cat-left-eye` selector should have a `background-color` set to `#000`. +Селектор `.cat-left-eye` повинен мати `background-color` зі значенням `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md index 45ed732e12d..39c17eabb58 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ddf888632fa67f1180940.md @@ -1,29 +1,29 @@ --- id: 646ddf888632fa67f1180940 -title: Step 44 +title: Крок 44 challengeType: 0 dashedName: step-44 --- # --description-- -Move the left eye into position with a `position` property of `absolute` a `top` of `54px`, and a `left` of `39px`. +Перемістіть ліве вухо, використавши властивість `position` зі значенням `absolute`, `top` зі значенням `54px` та `left` зі значенням `39px`. # --hints-- -Your `.cat-left-eye` selector should have a `position` property set to `absolute`. +Селектор `.cat-left-eye` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.position === 'absolute') ``` -Your `.cat-left-eye` selector should have a `top` property set to `54px`. +Селектор `.cat-left-eye` повинен мати властивість `top` зі значенням `54px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.top === '54px') ``` -Your `.cat-left-eye` selector should have a `left` property set to `39px`. +Селектор `.cat-left-eye` повинен мати властивість `left` зі значенням `39px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.left === '39px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md index 38088bba67e..0251adf3bf9 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de5dc8988076a1d992afd.md @@ -1,23 +1,23 @@ --- id: 646de5dc8988076a1d992afd -title: Step 45 +title: Крок 45 challengeType: 0 dashedName: step-45 --- # --description-- -To make the left eye look like an eye, give it a border radius of `60%`. Also, using the transform property, rotate it at `25` degrees. +Щоб ліве око виглядало як око, надайте йому радіус кордону зі значенням `60%`. Також оберніть його на `25` градусів за допомогою трансформації. # --hints-- -Your `.cat-left-eye` selector should have a `border-radius` property set to `60%`. +Селектор `.cat-left-eye` повинен мати властивість `border-radius` зі значенням `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.borderRadius === '60%') ``` -Your `.cat-left-eye` selector should have a `transform` property set to `rotate(25deg)`. +Селектор `.cat-left-eye` повинен мати властивість `transform` зі значенням `rotate(25deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-eye')?.transform === 'rotate(25deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md index b9dc455e5b1..042680117e7 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de6a97b50a86ac487de86.md @@ -1,37 +1,37 @@ --- id: 646de6a97b50a86ac487de86 -title: Step 46 +title: Крок 46 challengeType: 0 dashedName: step-46 --- # --description-- -Now you will work on the right eye by using the same approach. +Тепер попрацюйте над правим оком, використовуючи той самий підхід. -Using a class selector, give your `.cat-right-eye` element a width of `30px` and a height of `40px`. Also, give it a background color of `#000`. +Надайте елементу `.cat-right-eye` ширину зі значенням `30px` та висоту зі значенням `40px` за допомогою селектора класу. Також надайте йому колір фону зі значенням `#000`. # --hints-- -You should have a `.cat-right-eye` selector. +Ви повинні мати селектор `.cat-right-eye`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')) ``` -Your `.cat-right-eye` selector should have a `width` set to `30px`. +Селектор `.cat-right-eye` повинен мати `width` зі значенням `30px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.width === '30px') ``` -Your `.cat-right-eye` selector should have a `height` set to `40px`. +Селектор `.cat-right-eye` повинен мати `height` зі значенням `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.height === '40px') ``` -Your `.cat-right-eye` selector should have a `background-color` set to `#000`. +Селектор `.cat-right-eye` повинен мати `background-color` зі значенням `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md index 1cae6709360..7bde1333b5c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de7b64467e96b7d35b5cd.md @@ -1,29 +1,29 @@ --- id: 646de7b64467e96b7d35b5cd -title: Step 47 +title: Крок 47 challengeType: 0 dashedName: step-47 --- # --description-- -Move the right eye into position with a `position` property of `absolute` a `top` of `54px`, and a `left` of `134px`. +Перемістіть праве око, використавши властивість `position` зі значенням `absolute`, `top` зі значенням `54px` та `left` зі значенням `134px`. # --hints-- -Your `.cat-right-eye` selector should have a `position` property set to `absolute`. +Селектор `.cat-right-eye` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.position === 'absolute') ``` -Your `.cat-right-eye` selector should have a `top` property set to `54px`. +Селектор `.cat-right-eye` повинен мати властивість `top` зі значенням `54px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.top === '54px') ``` -Your `.cat-right-eye` selector should have a `left` property set to `134px`. +Селектор `.cat-right-eye` повинен мати властивість `left` зі значенням `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.left === '134px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md index b376c539f32..28989277ba8 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8478d6f796bfbdccfb2.md @@ -1,23 +1,23 @@ --- id: 646de8478d6f796bfbdccfb2 -title: Step 48 +title: Крок 48 challengeType: 0 dashedName: step-48 --- # --description-- -To make the right eye look like an eye, give it a border radius of `60%`. Also, using the transform property, rotate it at `-25` degrees. +Щоб праве око виглядало як око, надайте йому радіус кордону зі значенням `60%`. Також оберніть його на `-25` градусів за допомогою трансформації. # --hints-- -Your `.cat-right-eye` selector should have a `border-radius` property set to `60%`. +Селектор `.cat-right-eye` повинен мати властивість `border-radius` зі значенням `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.borderRadius === '60%') ``` -Your `.cat-right-eye` selector should have a `transform` property set to `rotate(-25deg)`. +Селектор `.cat-right-eye` повинен мати властивість `transform` зі значенням `rotate(-25deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-eye')?.transform === 'rotate(-25deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md index 74ba34db408..e260fa554ab 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646de8d204a3426c7d184372.md @@ -1,37 +1,37 @@ --- id: 646de8d204a3426c7d184372 -title: Step 49 +title: Крок 49 challengeType: 0 dashedName: step-49 --- # --description-- -Those look like eyes, but you can still make them better. That's why you created two inner eyes `div` elements. +Ці елементи виглядають як очі, але їх можна покращити. Через це ви і створили два елементи `div` для зіниць. -Using a class selector, give your `.cat-left-inner-eye` element a width of `10px` and a height of `20px`. Also, give it a background color of `#fff`. +Надайте елементу `.cat-left-inner-eye` ширину зі значенням `10px` та висоту зі значенням `20px` за допомогою селектора класу. Також надайте йому колір фону зі значенням `#fff`. # --hints-- -You should have a `.cat-left-inner-eye` selector. +Ви повинні мати селектор `.cat-left-inner-eye`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')) ``` -Your `.cat-left-inner-eye` selector should have a `width` set to `10px`. +Селектор `.cat-left-inner-eye` повинен мати `width` зі значенням `10px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.width === '10px') ``` -Your `.cat-left-inner-eye` selector should have a `height` set to `20px`. +Селектор `.cat-left-inner-eye` повинен мати `height` зі значенням `20px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.height === '20px') ``` -Your `.cat-left-inner-eye` selector should have a `background-color` set to `#fff`. +Селектор `.cat-left-inner-eye` повинен мати `background-color` зі значенням `#fff`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.backgroundColor === 'rgb(255, 255, 255)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md index b0243121123..2f65f0146c6 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dea1c98c2426d43a705c3.md @@ -1,41 +1,41 @@ --- id: 646dea1c98c2426d43a705c3 -title: Step 50 +title: Крок 50 challengeType: 0 dashedName: step-50 --- # --description-- -Move the left inner eye into position with a `position` property of `absolute`, a `top` of `8px`, and a `left` of `2px`. Also, give it a border radius of `60%` and rotate it at `10` degrees. +Перемістіть ліву зіницю, використавши властивість `position` зі значенням `absolute`, `top` зі значенням `8px` та `left` зі значенням `2px`. Також надайте йому радіус кордону зі значенням `60%` та оберніть на `10` градусів. # --hints-- -Your `.cat-left-inner-eye` selector should have a `position` property set to `absolute`. +Селектор `.cat-left-inner-eye` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.position === 'absolute') ``` -Your `.cat-left-inner-eye` selector should have a `top` property set to `8px`. +Селектор `.cat-left-inner-eye` повинен мати властивість `top` зі значенням `8px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.top === '8px') ``` -Your `.cat-left-inner-eye` selector should have a `left` property set to `2px`. +Селектор `.cat-left-inner-eye` повинен мати властивість `left` зі значенням `2px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.left === '2px') ``` -Your `.cat-left-inner-eye` selector should have a `border-radius` property set to `60%`. +Селектор `.cat-left-inner-eye` повинен мати властивість `border-radius` зі значенням `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.borderRadius === '60%') ``` -Your `.cat-left-inner-eye` selector should have a `transform` property set to `10deg`. +Селектор `.cat-left-inner-eye` повинен мати властивість `transform` зі значенням `10deg`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-left-inner-eye')?.transform === 'rotate(10deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md index 1b344dc94cc..8eecfa9bf6c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646deb169847f86df0f95bfc.md @@ -1,35 +1,35 @@ --- id: 646deb169847f86df0f95bfc -title: Step 51 +title: Крок 51 challengeType: 0 dashedName: step-51 --- # --description-- -Using a class selector, give your `.cat-right-inner-eye` element a width of `10px` and a height of `20px`. Also, give it a background color of `#fff`. +Надайте елементу `.cat-right-inner-eye` ширину зі значенням `10px` та висоту зі значенням `20px` за допомогою селектора класу. Також надайте йому колір фону зі значенням `#fff`. # --hints-- -You should have a `.cat-right-inner-eye` selector. +Ви повинні мати селектор `.cat-right-inner-eye`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')) ``` -Your `.cat-right-inner-eye` selector should have a `width` set to `10px`. +Селектор `.cat-right-inner-eye` повинен мати `width` зі значенням `10px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.width === '10px') ``` -Your `.cat-right-inner-eye` selector should have a `height` set to `20px`. +Селектор `.cat-right-inner-eye` повинен мати `height` зі значенням `20px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.height === '20px') ``` -Your `.cat-right-inner-eye` selector should have a `background-color` set to `#fff`. +Селектор `.cat-right-inner-eye` повинен мати `background-color` зі значенням `#fff`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.backgroundColor === 'rgb(255, 255, 255)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md index f7933f8c3dc..fa8892fd14e 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dec359bef3b7811fba5a6.md @@ -1,41 +1,41 @@ --- id: 646dec359bef3b7811fba5a6 -title: Step 52 +title: Крок 52 challengeType: 0 dashedName: step-52 --- # --description-- -Move the right inner eye into position with a `position` of `absolute`, a `top` of `8px`, and a `left` of `18px`. Also, give it a border radius of `60%` and rotate it at `-5deg`. +Перемістіть праву зіницю, використавши властивість `position` зі значенням `absolute`, `top` зі значенням `8px` та `left` зі значенням `18px`. Also, give it a border radius of `60%` and rotate it at `-5deg`. # --hints-- -Your `.cat-right-inner-eye` selector should have a `position` property set to `absolute`. +Селектор `.cat-right-inner-eye` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.position === 'absolute') ``` -Your `.cat-right-inner-eye` selector should have a `top` property set to `8px`. +Селектор `.cat-right-inner-eye` повинен мати властивість `top` зі значенням `8px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.top === '8px') ``` -Your `.cat-right-inner-eye` selector should have a `left` property set to `18px`. +Селектор `.cat-right-inner-eye` повинен мати властивість `left` зі значенням `18px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.left === '18px') ``` -Your `.cat-right-inner-eye` selector should have a `border-radius` property set to `60%`. +Селектор `.cat-right-inner-eye` повинен мати властивість `border-radius` зі значенням `60%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.borderRadius === '60%') ``` -Your `.cat-right-inner-eye` selector should have a `transform` property set to `-5deg`. +Селектор `.cat-right-inner-eye` повинен мати властивість `transform` зі значенням `-5deg`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-right-inner-eye')?.transform === 'rotate(-5deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md index 143f0179cfe..dabdece7412 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dedbcba062079128b2ecc.md @@ -1,23 +1,23 @@ --- id: 646dedbcba062079128b2ecc -title: Step 53 +title: Крок 53 challengeType: 0 dashedName: step-53 --- # --description-- -It's time to work on the nose. In your HTML, create a `div` element with the class `cat-nose`. +It's time to work on the nose. Створіть елемент `div` з класом `cat-nose` в HTML. # --hints-- -You should create a `div` element. +Створіть елемент `div`. ```js assert(document.querySelectorAll('div').length === 12) ``` -Your `div` element should have the class `cat-nose`. +Елемент `div` повинен мати клас `cat-nose`. ```js assert(document.querySelectorAll('div')[11].classList.contains('cat-nose')) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md index bf02b9cf8fc..b2df27813e1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646def5e863abf7a14501421.md @@ -1,35 +1,35 @@ --- id: 646def5e863abf7a14501421 -title: Step 54 +title: Крок 54 challengeType: 0 dashedName: step-54 --- # --description-- -Using a class selector, give your `.cat-nose` element a left and right border of `15px solid transparent` each. Also give it a bottom border of `20px solid #442c2c`. +Надайте елементу `.cat-nose` лівий та правий кордон зі значенням `15px solid transparent` за допомогою селектора класу. Також надайте йому нижній кордон зі значенням `20px solid #442c2c`. # --hints-- -You should have a `.cat-nose` selector. +Ви повинні мати селектор `.cat-nose`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')) ``` -Your `.cat-nose` selector should have a `border-left` property set to `15px solid transparent`. +Селектор `.cat-nose` повинен мати властивість `border-left` зі значенням `15px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderLeft === '15px solid transparent') ``` -Your `.cat-nose` selector should have a `border-right` property set to `15px solid transparent`. +Селектор `.cat-nose` повинен мати властивість `border-right` зі значенням `15px solid transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderRight === '15px solid transparent') ``` -Your `.cat-nose` selector should have a `border-bottom` property set to `20px solid #442c2c`. +Селектор `.cat-nose` повинен мати властивість `border-bottom` зі значенням `20px solid #442c2c`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderBottom === '20px solid rgb(68, 44, 44)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md index ef9238633b8..d00b0b5fb98 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df03c8f79337ab46f148b.md @@ -1,6 +1,6 @@ --- id: 646df03c8f79337ab46f148b -title: Step 55 +title: Крок 55 challengeType: 0 dashedName: step-55 --- @@ -11,19 +11,19 @@ Move the nose into position with a `position` property of `absolute`, a `top` of # --hints-- -Your `.cat-nose` selector should have a `position` property set to `absolute`. +Селектор `.cat-nose` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.position === 'absolute') ``` -Your `.cat-nose` selector should have a `top` property set to `108px`. +Селектор `.cat-nose` повинен мати властивість `top` зі значенням `108px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.top === '108px') ``` -Your `.cat-nose` selector should have a `left` property set to `85px`. +Селектор `.cat-nose` повинен мати властивість `left` зі значенням `85px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.left === '85px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md index 0318f9d7f46..949030b8c6e 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df0cf26413a7b35e4b8b3.md @@ -1,6 +1,6 @@ --- id: 646df0cf26413a7b35e4b8b3 -title: Step 56 +title: Крок 56 challengeType: 0 dashedName: step-56 --- @@ -11,25 +11,25 @@ Remove the sharp edges of the nose with border radius of `50%` each on the top-l # --hints-- -Your `.cat-nose` selector should have a `border-top-left-radius` property set to `50%`. +Селектор `.cat-nose` повинен мати властивість `border-top-left-radius` зі значенням `50%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderTopLeftRadius === '50%') ``` -Your `.cat-nose` selector should have a `border-bottom-right-radius` property set to `50%`. +Селектор `.cat-nose` повинен мати властивість `border-bottom-right-radius` зі значенням `50%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderBottomRightRadius === '50%') ``` -Your `.cat-nose` selector should have a `border-bottom-left-radius` property set to `50%`. +Селектор `.cat-nose` повинен мати властивість `border-bottom-left-radius` зі значенням `50%`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.borderBottomLeftRadius === '50%') ``` -Your `.cat-nose` selector should have a `transform` property set to `rotate(180deg)`. +Селектор `.cat-nose` повинен мати властивість `transform` зі значенням `rotate(180deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-nose')?.transform === 'rotate(180deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md index 9d8231e174b..4e1033d7b9d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646df1d1aa4ae57bdf1869c4.md @@ -1,6 +1,6 @@ --- id: 646df1d1aa4ae57bdf1869c4 -title: Step 57 +title: Крок 57 challengeType: 0 dashedName: step-57 --- @@ -9,17 +9,17 @@ dashedName: step-57 Now you will start working on the mouth. There will be a right line and left line for the mouth. -Create a `div` element with the class `cat-mouth`. +Створіть елемент `div` з класом `cat-mouth`. # --hints-- -You should create a `div` element. +Створіть елемент `div`. ```js assert(document.querySelectorAll('div').length === 13) ``` -Your `div` element should have the class `cat-mouth` +Елемент `div` повинен мати клас `cat-mouth` ```js assert(document.querySelectorAll('div')[12].classList.contains('cat-mouth')) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md index 3ef80ee39bb..19672c5b976 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646dffd8ce9ac77ec1906f2e.md @@ -1,35 +1,35 @@ --- id: 646dffd8ce9ac77ec1906f2e -title: Step 58 +title: Крок 58 challengeType: 0 dashedName: step-58 --- # --description-- -Inside your `.cat-mouth` element, create a `div` element with the class `cat-mouth-line-left` and another `div` with the class `cat-mouth-line-right`. +Створіть два елементи `div` з відповідними класами `cat-mouth-line-left` та `cat-mouth-line-right` всередині елемента `.cat-mouth`. # --hints-- -You should not change the existing `div` element with the class `cat-mouth`. +Не змінюйте наявний елемент `div` з класом `cat-mouth`. ```js assert(document.querySelectorAll('div.cat-mouth').length === 1); ``` -You should have two `div` elements inside your `.cat-mouth` element. +Ви повинні мати два елементи `div` всередині елемента `.cat-mouth`. ```js assert(document.querySelectorAll('.cat-mouth div').length === 2); ``` -The first `div` element inside the `.cat-mouth` element should have the class `cat-mouth-line-left`. +Перший елемент `div` всередині елемента `.cat-mouth` повинен мати клас `cat-mouth-line-left`. ```js assert(document.querySelectorAll('.cat-mouth div')[0]?.classList.contains('cat-mouth-line-left')); ``` -The second `div` element inside the `.cat-mouth` element should have the class `cat-mouth-line-right`. +Другий елемент `div` всередині елемента `.cat-mouth` повинен мати клас `cat-mouth-line-right`. ```js assert(document.querySelectorAll('.cat-mouth div')[1]?.classList.contains('cat-mouth-line-right')); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md index a561360c7e9..ed5b514e56a 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0417322c0e04983a5149.md @@ -1,35 +1,35 @@ --- id: 646f0417322c0e04983a5149 -title: Step 61 +title: Крок 61 challengeType: 0 dashedName: step-61 --- # --description-- -Using a class selector, give your `.cat-mouth-line-left` element a `position` of `absolute`, a `top` of `88px` and a `left` of `74px`. This would move it into the right position. +Надайте елементу `.cat-mouth-line-left` властивості `position` зі значенням `absolute`, `top` зі значенням `88px` та `left` зі значенням `74px` за допомогою селектора класу. This would move it into the right position. # --hints-- -You should have a `cat-mouth-line-left` selector. +Ви повинні мати селектор `cat-mouth-line-left`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')) ``` -Your `.cat-mouth-line-left` selector should have a `position` property set to `absolute`. +Селектор `.cat-mouth-line-left` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.position === 'absolute') ``` -Your `.cat-mouth-line-left` selector should have a `top` property set to `88px`. +Селектор `.cat-mouth-line-left` повинен мати властивість `top` зі значенням `88px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.top === '88px') ``` -Your `.cat-mouth-line-left` selector should have a `left` property set to `74px`. +Селектор `.cat-mouth-line-left` повинен мати властивість `left` зі значенням `74px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.left === '74px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md index 46ce69b8f2c..9959654c53c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f08293804a30685533c6f.md @@ -1,6 +1,6 @@ --- id: 646f08293804a30685533c6f -title: Step 62 +title: Крок 62 challengeType: 0 dashedName: step-62 --- @@ -11,7 +11,7 @@ Using the `transform` property, rotate the left mouth line at `170` degrees. # --hints-- -Your `.cat-mouth-line-left` property should have a `transform` property set to `rotate(170deg)`. +Селектор `.cat-mouth-line-left` повинен мати властивість `transform` зі значенням `rotate(170deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-left')?.transform === 'rotate(170deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md index 03853c3938b..da0fed176a4 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f09293eb3230723a62f77.md @@ -1,6 +1,6 @@ --- id: 646f09293eb3230723a62f77 -title: Step 63 +title: Крок 63 challengeType: 0 dashedName: step-63 --- @@ -11,25 +11,25 @@ Access your `.cat-mouth-line-right` element with a class selector, then move it # --hints-- -You should have a `.cat-mouth-line-right` selector. +Ви повинні мати селектор `.cat-mouth-line-right`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')) ``` -Your `.cat-mouth-line-right` selector should have a `position` property set to `absolute`. +Селектор `.cat-mouth-line-right` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.position === 'absolute') ``` -Your `.cat-mouth-line-right` selector should have a `top` property set to `88px`. +Селектор `.cat-mouth-line-right` повинен мати властивість `top` зі значенням `88px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.top === '88px') ``` -Your `.cat-mouth-line-right` selector should have a `left` property set to `91px`. +Селектор `.cat-mouth-line-right` повинен мати властивість `left` зі значенням `91px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.left === '91px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md index 2a01ed169d2..02ee4544a39 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0c9a1e3360092d1bbd33.md @@ -1,6 +1,6 @@ --- id: 646f0c9a1e3360092d1bbd33 -title: Step 64 +title: Крок 64 challengeType: 0 dashedName: step-64 --- @@ -11,7 +11,7 @@ Rotate the right mouth line at `165` degrees. # --hints-- -Your `.cat-mouth-line-left` property should have a `transform` property set to `rotate(165deg)`. +Селектор `.cat-mouth-line-left` повинен мати властивість `transform` зі значенням `rotate(165deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth-line-right')?.transform === 'rotate(165deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md index 3d75bf77a02..f9b5949f252 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ce5737243098ad6e494.md @@ -1,6 +1,6 @@ --- id: 646f0ce5737243098ad6e494 -title: Step 65 +title: Крок 65 challengeType: 0 dashedName: step-65 --- @@ -9,17 +9,17 @@ dashedName: step-65 The last thing you will work on is the whiskers. There are going to be 6 of them, meaning there will be three on each side. -Create a `div` element with the class `cat-whiskers`. +Створіть елемент `div` з класом `cat-whiskers`. # --hints-- -You should create a `div` element. +Створіть елемент `div`. ```js assert(document.querySelectorAll('div').length === 16) ``` -Your div element should have the class `cat-whiskers`. +Елемент `div` повинен мати клас `cat-whiskers`. ```js assert(document.querySelectorAll('div')[15].classList.contains('cat-whiskers')) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md index 6e28a86659a..19c411504ea 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0ef13604420a8744f7d4.md @@ -1,35 +1,35 @@ --- id: 646f0ef13604420a8744f7d4 -title: Step 66 +title: Крок 66 challengeType: 0 dashedName: step-66 --- # --description-- -Inside the `.cat-whiskers` element, create two `div` elements with the class `cat-whiskers-left` and `cat-whiskers-right`. +Створіть два елементи `div` з відповідними класами `cat-whiskers-left` та `cat-whiskers-right` всередині елемента `.cat-whiskers`. # --hints-- -You should not change the existing `div` element with the class `cat-whiskers` +Не змінюйте наявний елемент `div` з класом `cat-whiskers` ```js assert(document.querySelectorAll('div.cat-whiskers').length === 1) ``` -You should have two `div` elements inside the `.cat-whiskers` element. +Ви повинні мати два елементи `div` всередині елемента `.cat-whiskers`. ```js assert(document.querySelectorAll('.cat-whiskers div').length === 2) ``` -The first `div` element inside the `.cat-whiskers` element should have the class `cat-whiskers-left`. +Перший елемент `div` всередині елемента `.cat-whiskers` повинен мати клас `cat-whiskers-left`. ```js assert(document.querySelectorAll('.cat-whiskers div')[0].classList.contains('cat-whiskers-left')) ``` -The second `div` element inside the `.cat-whiskers` element should have the class `cat-whiskers-right`. +Другий елемент `div` всередині елемента `.cat-whiskers` повинен мати клас `cat-whiskers-right`. ```js assert(document.querySelectorAll('.cat-whiskers div')[1].classList.contains('cat-whiskers-right')) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md index 291e0fbd52d..9b49f14e22b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f0f7c5933560af8e7e380.md @@ -1,41 +1,41 @@ --- id: 646f0f7c5933560af8e7e380 -title: Step 67 +title: Крок 67 challengeType: 0 dashedName: step-67 --- # --description-- -Inside the `.cat-whiskers-left` element, create three `div` elements with the classes `cat-whisker-left-top`, `cat-whisker-left-middle`, and `cat-whisker-left-bottom`. +Створіть три елементи `div` з класами `cat-whisker-left-top`, `cat-whisker-left-middle` та `cat-whisker-left-bottom` всередині елемента `.cat-whiskers-left`. # --hints-- -You should not change the existing `div` element with class `cat-whiskers-left`. +Не змінюйте наявний елемент `div` з класом `cat-whiskers-left`. ```js assert(document.querySelectorAll('div.cat-whiskers-left').length === 1) ``` -You should create three `div` elements inside your `.cat-whiskers-left` element. +Створіть три елементи `div` всередині елемента `.cat-whiskers-left`. ```js assert(document.querySelectorAll('.cat-whiskers-left div').length === 3) ``` -The first `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-top`. +Перший елемент `div` всередині елемента `.cat-whiskers-left` повинен мати клас `cat-whisker-left-top`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[0].classList.contains('cat-whisker-left-top')) ``` -The second `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-middle`. +Другий елемент `div` всередині елемента `.cat-whiskers-left` повинен мати клас `cat-whisker-left-middle`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[1].classList.contains('cat-whisker-left-middle')) ``` -The third `div` element inside the `.cat-whiskers-left` element should have the class `cat-whisker-left-bottom`. +Третій елемент `div` всередині елемента `.cat-whiskers-left` повинен мати клас `cat-whisker-left-bottom`. ```js assert(document.querySelectorAll('.cat-whiskers-left div')[2].classList.contains('cat-whisker-left-bottom')) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md index 820cbd44d12..b84d41594e3 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f102bf87b350b593baa72.md @@ -1,41 +1,41 @@ --- id: 646f102bf87b350b593baa72 -title: Step 68 +title: Крок 68 challengeType: 0 dashedName: step-68 --- # --description-- -Inside the `.cat-whiskers-right` element, create 3 `div` elements with the class `cat-whisker-right-top`, `cat-whisker-right-middle`, and `cat-whisker-right-bottom`. +Створіть три елементи `div` з класами `cat-whisker-right-top`, `cat-whisker-right-middle` та `cat-whisker-right-bottom` всередині елемента `.cat-whiskers-right`. # --hints-- -You should not change the existing `div` element with class `cat-whiskers-right`. +Не змінюйте наявний елемент `div` з класом `cat-whiskers-right`. ```js assert(document.querySelectorAll('div.cat-whiskers-right').length === 1) ``` -You should create three `div` elements inside your `.cat-whiskers-right` element. +Створіть три елементи `div` всередині елемента `.cat-whiskers-right`. ```js assert(document.querySelectorAll('.cat-whiskers-right div').length === 3) ``` -The first `div` element inside the `.cat-whiskers-right` element should have the class `cat-whisker-right-top`. +Перший елемент `div` всередині елемента `.cat-whiskers-right` повинен мати клас `cat-whisker-right-top`. ```js assert(document.querySelectorAll('.cat-whiskers-right div')[0].classList.contains('cat-whisker-right-top')) ``` -The second `div` element inside the `.cat-whiskers-right` element should have the class `cat-whisker-right-middle`. +Другий елемент `div` всередині елемента `.cat-whiskers-right` повинен мати клас `cat-whisker-right-middle`. ```js assert(document.querySelectorAll('.cat-whiskers-right div')[1].classList.contains('cat-whisker-right-middle')) ``` -The third `div` element inside the `.cat-whiskers-right` element should have the class `cat-whisker-right-bottom`. +Третій елемент `div` всередині елемента `.cat-whiskers-right` повинен мати клас `cat-whisker-right-bottom`. ```js assert(document.querySelectorAll('.cat-whiskers-right div')[2].classList.contains('cat-whisker-right-bottom')) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md index 741c609e6b3..c7f9cf8211f 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f107abb89d00bb99f387a.md @@ -1,6 +1,6 @@ --- id: 646f107abb89d00bb99f387a -title: Step 69 +title: Крок 69 challengeType: 0 dashedName: step-69 --- @@ -11,25 +11,25 @@ Use a descendant selector to target the three `div` elements inside your `.cat-w # --hints-- -You should have a `.cat-whiskers-left div` selector. +Ви повинні мати селектор `.cat-whiskers-left div`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')) ``` -Your `.cat-whiskers-left div` selector should have a `width` set to `40px`. +Селектор `.cat-whiskers-left div` повинен мати `width` зі значенням `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')?.width === '40px') ``` -Your `.cat-whiskers-left div` selector should have a `height` set to `1px`. +Селектор `.cat-whiskers-left div` повинен мати `height` зі значенням `1px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')?.height === '1px') ``` -Your `.cat-whiskers-left div` selector should have a `background-color` set to `#000`. +Селектор `.cat-whiskers-left div` повинен мати `background-color` зі значенням `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-left div')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md index b1c107c9c2e..f802f04c4ab 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f12da0b4c5d0ca162834a.md @@ -1,6 +1,6 @@ --- id: 646f12da0b4c5d0ca162834a -title: Step 71 +title: Крок 71 challengeType: 0 dashedName: step-71 --- @@ -11,25 +11,25 @@ Using a class selector, move the `.cat-whisker-left-top` element into place with # --hints-- -You should have a `.cat-whisker-left-top` selector. +Ви повинні мати селектор `.cat-whisker-left-top`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')) ``` -Your `.cat-whisker-left-top` selector should have a `position` property set to `absolute`. +Селектор `.cat-whisker-left-top` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.position === 'absolute') ``` -Your `.cat-whisker-left-top` selector should have a `top` property set to `120px`. +Селектор `.cat-whisker-left-top` повинен мати властивість `top` зі значенням `120px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.top === '120px') ``` -Your `.cat-whisker-left-top` selector should have a `left` property set to `52px`. +Селектор `.cat-whisker-left-top` повинен мати властивість `left` зі значенням `52px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.left === '52px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md index 9ae2339b4dc..873158b4eec 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f135eab69d90d0c6d4e9b.md @@ -1,6 +1,6 @@ --- id: 646f135eab69d90d0c6d4e9b -title: Step 72 +title: Крок 72 challengeType: 0 dashedName: step-72 --- @@ -11,7 +11,7 @@ Rotate the left top whisker at `10` degrees. # --hints-- -Your `.cat-whisker-left-top` selector should have a `transform` property set to `rotate(10deg)`. +Селектор `.cat-whisker-left-top` повинен мати властивість `transform` зі значенням `rotate(10deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-top')?.transform === 'rotate(10deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md index c0b941997a6..2e1bd0ee773 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f159b2cffb21150b927cb.md @@ -1,6 +1,6 @@ --- id: 646f159b2cffb21150b927cb -title: Step 73 +title: Крок 73 challengeType: 0 dashedName: step-73 --- @@ -11,25 +11,25 @@ Use a class selector to target the `.cat-whisker-left-middle` element. Then move # --hints-- -You should have a `.cat-whisker-left-middle` selector. +Ви повинні мати селектор `.cat-whisker-left-middle`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')) ``` -Your `.cat-whisker-left-middle` selector should have a `position` property set to `absolute`. +Селектор `.cat-whisker-left-middle` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.position === 'absolute') ``` -Your `.cat-whisker-left-middle` selector should have a `top` property set to `127px`. +Селектор `.cat-whisker-left-middle` повинен мати властивість `top` зі значенням `127px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.top === '127px') ``` -Your `.cat-whisker-left-middle` selector should have a `left` property set to `52px`. +Селектор `.cat-whisker-left-middle` повинен мати властивість `left` зі значенням `52px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.left === '52px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md index 0a537b0812d..595dec9eb4c 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f164bf100dd11d226161f.md @@ -1,6 +1,6 @@ --- id: 646f164bf100dd11d226161f -title: Step 74 +title: Крок 74 challengeType: 0 dashedName: step-74 --- @@ -11,7 +11,7 @@ Rotate the left middle whisker at 3 degrees. # --hints-- -Your `.cat-whisker-left-middle` selector should have a `transform` property set to `rotate(3deg)`. +Селектор `.cat-whisker-left-middle` повинен мати властивість `transform` зі значенням `rotate(3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-middle')?.transform === 'rotate(3deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md index 651a9405914..c7cd59caca1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1764e2f1d212ba9785a7.md @@ -1,6 +1,6 @@ --- id: 646f1764e2f1d212ba9785a7 -title: Step 75 +title: Крок 75 challengeType: 0 dashedName: step-75 --- @@ -11,25 +11,25 @@ Using a class selector, move the `.cat-whisker-left-bottom` into position with a # --hints-- -You should have a `.cat-whisker-left-bottom` selector. +Ви повинні мати селектор `.cat-whisker-left-bottom`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')) ``` -Your `.cat-whisker-left-bottom` selector should have a `position` property set to `absolute`. +Селектор `.cat-whisker-left-bottom` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.position === 'absolute') ``` -Your `.cat-whisker-left-bottom` selector should have a `top` property set to `134px`. +Селектор `.cat-whisker-left-bottom` повинен мати властивість `top` зі значенням `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.top === '134px') ``` -Your `.cat-whisker-left-bottom` selector should have a `left` property set to `52px`. +Селектор `.cat-whisker-left-bottom` повинен мати властивість `left` зі значенням `52px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.left === '52px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md index bc03c983374..c8fc92c096d 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f1802a09a171332e14630.md @@ -1,6 +1,6 @@ --- id: 646f1802a09a171332e14630 -title: Step 76 +title: Крок 76 challengeType: 0 dashedName: step-76 --- @@ -11,7 +11,7 @@ Rotate the left bottom whisker at `-3` degrees. # --hints-- -Your `.cat-whisker-left-bottom` selector should have a `transform` property set to `rotate(-3deg)`. +Селектор `.cat-whisker-left-bottom` повинен мати властивість `transform` зі значенням `rotate(-3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-left-bottom')?.transform === 'rotate(-3deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md index e365b97d693..3fac6ccff09 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4d6c42dc5f214f4e7444.md @@ -1,6 +1,6 @@ --- id: 646f4d6c42dc5f214f4e7444 -title: Step 77 +title: Крок 77 challengeType: 0 dashedName: step-77 --- @@ -11,25 +11,25 @@ Now you will work on moving the right whiskers into place. Use class selector to # --hints-- -You should have a `.cat-whisker-right-top` selector. +Ви повинні мати селектор `.cat-whisker-right-top`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')) ``` -Your `.cat-whisker-right-top` selector should have a `position` property set to `absolute`. +Селектор `.cat-whisker-right-top` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.position === 'absolute') ``` -Your `.cat-whisker-right-top` selector should have a `top` property set to `120px`. +Селектор `.cat-whisker-right-top` повинен мати властивість `top` зі значенням `120px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.top === '120px') ``` -Your `.cat-whisker-right-top` selector should have a `left` property set to `109px`. +Селектор `.cat-whisker-right-top` повинен мати властивість `left` зі значенням `109px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.left === '109px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md index 9df724448e7..dfd34505354 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4e46e81f7021d5fd9c1d.md @@ -1,6 +1,6 @@ --- id: 646f4e46e81f7021d5fd9c1d -title: Step 78 +title: Крок 78 challengeType: 0 dashedName: step-78 --- @@ -11,7 +11,7 @@ Rotate the top-right whisker at -10 degrees. # --hints-- -Your `.cat-whisker-right-top` selector should have a `transform` property set to `rotate(-1deg)`. +Селектор `.cat-whisker-right-top` повинен мати властивість `transform` зі значенням `rotate(-1deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-top')?.transform === 'rotate(-10deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md index 2f79cbf9301..55bba77c755 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4f6a14e3c522d130a0d2.md @@ -1,6 +1,6 @@ --- id: 646f4f6a14e3c522d130a0d2 -title: Step 79 +title: Крок 79 challengeType: 0 dashedName: step-79 --- @@ -11,25 +11,25 @@ Use a class selector to target the `cat-whisker-right-middle` element, then move # --hints-- -You should have a `.cat-whisker-right-middle` selector. +Ви повинні мати селектор `.cat-whisker-right-middle`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')) ``` -Your `.cat-whisker-right-middle` selector should have a `position` property set to `absolute`. +Селектор `.cat-whisker-right-middle` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.position === 'absolute') ``` -Your `.cat-whisker-right-middle` selector should have a `top` property set to `127px`. +Селектор `.cat-whisker-right-middle` повинен мати властивість `top` зі значенням `127px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.top === '127px') ``` -Your `.cat-whisker-right-middle` selector should have a `left` property set to `109px`. +Селектор `.cat-whisker-right-middle` повинен мати властивість `left` зі значенням `109px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.left === '109px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md index a7d861a1258..3196527e51b 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f4fe12b7985232bf475a5.md @@ -1,6 +1,6 @@ --- id: 646f4fe12b7985232bf475a5 -title: Step 80 +title: Крок 80 challengeType: 0 dashedName: step-80 --- @@ -11,7 +11,7 @@ Rotate the right middle whisker at -3 degrees. # --hints-- -Your `.cat-whisker-right-middle` selector should have a `transform` property set to `rotate(-3deg)`. +Селектор `.cat-whisker-right-middle` повинен мати властивість `transform` зі значенням `rotate(-3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-middle')?.transform === 'rotate(-3deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md index d0cf2b64a3f..84ba5d3a9ca 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f507e4d1cd323f17db4fc.md @@ -1,6 +1,6 @@ --- id: 646f507e4d1cd323f17db4fc -title: Step 81 +title: Крок 81 challengeType: 0 dashedName: step-81 --- @@ -12,25 +12,25 @@ Use class selector to target the `.cat-whisker-right-bottom` element, then move # --hints-- -You should have a `.cat-whisker-right-bottom` selector. +Ви повинні мати селектор `.cat-whisker-right-bottom`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')) ``` -Your `.cat-whisker-right-bottom` selector should have a `position` property set to `absolute`. +Селектор `.cat-whisker-right-bottom` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.position === 'absolute') ``` -Your `.cat-whisker-right-bottom` selector should have a `top` property set to `134px`. +Селектор `.cat-whisker-right-bottom` повинен мати властивість `top` зі значенням `134px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.top === '134px') ``` -Your `.cat-whisker-right-bottom` selector should have a `left` property set to `109px`. +Селектор `.cat-whisker-right-bottom` повинен мати властивість `left` зі значенням `109px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.left === '109px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md index 3bf9207660e..4bac8646049 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646f516dbfc1342495515625.md @@ -1,6 +1,6 @@ --- id: 646f516dbfc1342495515625 -title: Step 82 +title: Крок 82 challengeType: 0 dashedName: step-82 --- @@ -13,7 +13,7 @@ With this final step, your cat painting is now complete. # --hints-- -Your `.cat-whisker-right-bottom` selector should have a `transform` property set to `rotate(3deg)`. +Селектор `.cat-whisker-right-bottom` повинен мати властивість `transform` зі значенням `rotate(3deg)`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whisker-right-bottom')?.transform === 'rotate(3deg)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f5c17f99146071ee884c.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f5c17f99146071ee884c.md index 03ea4e8598b..16bb591ce38 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f5c17f99146071ee884c.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f5c17f99146071ee884c.md @@ -1,33 +1,33 @@ --- id: 6476f5c17f99146071ee884c -title: Step 10 +title: Крок 10 challengeType: 0 dashedName: step-10 --- # --description-- -You could see that nothing happens. The `.cat-head` element did not move despite setting a `top` and `left` of `100px` each. But that's not the case with `relative` positioning. +Як бачите, нічого не відбувається. Елемент `.cat-head` не перемістився, хоча ви встановили `top` та `left` на `100px`. Але не у випадку з позиціюванням `relative`. -When you use the `relative` value, the element is still positioned according to the normal flow of the document, but the `top`, `left`, `bottom`, and `right` values become active. +Коли ви використовуєте значення `relative`, то елемент розміщено відповідно до нормального потоку документа, але значення `top`, `left`, `bottom` та `right` стають активними. -Instead of `static`, give you `.cat-head` a position of `relative`, and leave both `top` and `left` properties as they are. +Надайте елементу `.cat-head` позиціювання `relative`, а не `static`, і залиште властивості `top` та `left` якими вони є. # --hints-- -Your `.cat-head` selector should have a `position` property set to `relative`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `position` зі значенням `relative`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'relative') ``` -Your `.cat-head` selector should have a `top` property set to `100px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `top` зі значенням `100px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '100px') ``` -Your `.cat-head` selector should have a `left` property set to `100px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `left` зі значенням `100px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '100px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md index 0c28f0f242e..4356a124d94 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476f7a4827bcc61682f2347.md @@ -1,34 +1,34 @@ --- id: 6476f7a4827bcc61682f2347 -title: Step 11 +title: Крок 11 challengeType: 0 dashedName: step-11 --- # --description-- -The next position property is `absolute`. When you use the `absolute` value for your `position` property, the element is taken out of the normal flow of the document, and then its position is determined by the `top`, `right`, `bottom`, and `left` properties. +Наступна властивість позиціювання — це `absolute`. Коли ви використовуєте значення `absolute` для властивості `position`, то елемент виймається з нормального потоку документа, а його позиціювання визначається властивостями `top`, `right`, `bottom` та `left`. -Set the position property of your `.cat-head` element to `absolute`, then set `top` and `left` properties to any pixel value. +Встановіть властивість позиціювання елемента `.cat-head` на `absolute`, а потім встановіть властивості `top` та `left` на будь-яке піксельне значення. # --hints-- -Your `.cat-head` selector should have a `position` property set to `absolute`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `position` зі значенням `absolute`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'absolute') ``` -Your `.cat-head` selector should have a `top` property set to any number in `px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `top` зі значенням будь-якого числа в `px`. Не забудьте про крапку з комою. ```js // assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '300px') assert.match(code, /top:\s*\d{1,4}px;/) ``` -Your `.cat-head` selector should have a `left` property set to any number in `px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `left` зі значенням будь-якого числа в `px`. Не забудьте про крапку з комою. ```js // assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '400px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md index 85259f8c8bf..1091a948fd0 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fb7cbaafa36d65e9cf35.md @@ -1,25 +1,25 @@ --- id: 6476fb7cbaafa36d65e9cf35 -title: Step 12 +title: Крок 12 challengeType: 0 dashedName: step-12 --- # --description-- -`fixed` is a `position` property value that lets you make an element fixed to the page no matter where the user scrolls to on the page. +`fixed` — це властивість `position`, яка дозволяє прикріпити елемент до сторінки, незалежно від того, куди прогорне користувач. -You'll have to do some more markups to see how `fixed` positioning works. In your HTML, create a `div` element with the class `box`. +Вам знадобиться зробити декілька розміток, щоб дізнатись, як працює позиціювання `fixed`. Створіть елемент `div` з класом `box` в HTML. # --hints-- -You should have a `div` element. +Ви повинні мати елемент `div`. ```js assert(document.querySelectorAll('div').length === 2); ``` -Your `div` element should have the class `box`. +Елемент `div` повинен мати клас `box`. ```js assert(document.querySelectorAll('div')[1]?.getAttribute('class') === 'box'); diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fc5cf14b276e6d04e82a.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fc5cf14b276e6d04e82a.md index a8a137321fe..f84cdd3ab92 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fc5cf14b276e6d04e82a.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fc5cf14b276e6d04e82a.md @@ -1,53 +1,53 @@ --- id: 6476fc5cf14b276e6d04e82a -title: Step 13 +title: Крок 13 challengeType: 0 dashedName: step-13 --- # --description-- -Use a class selector to give your `.box` element a width of `200px`, a height of `600px`, and a background color of `#000`. Also, give it a `position` of `absolute`, a `top` of `800px` and a `left` of `650px`. +Використайте селектор класу, щоб надати елементу `.box` ширину зі значенням `200px`, висоту зі значенням `600px` та колір фону зі значенням `#000`. Також надайте йому `position` зі значенням `absolute`, `top` зі значенням `800px` та `left` зі значенням `650px`. # --hints-- -You should have a `.box` selector. +Ви повинні мати селектор `.box`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.box')) ``` -Your `.box` selector should have a `width` property set to `200px`. +Селектор `.box` повинен мати властивість `width` зі значенням `200px`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.width === '200px') ``` -Your `.box` selector should have a `height` property set to `600px`. +Селектор `.box` повинен мати властивість `height` зі значенням `600px`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.height === '600px') ``` -Your `.box` selector should have a `background-color` property set to `#000`. +Селектор `.box` повинен мати властивість `background-color` зі значенням `#000`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.backgroundColor === 'rgb(0, 0, 0)') ``` -Your `.box` selector should have a `position` property set to `absolute`. +Селектор `.box` повинен мати властивість `position` зі значенням `absolute`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.position === 'absolute') ``` -Your `.box` selector should have a `left` property set to `650px`. +Селектор `.box` повинен мати властивість `left` зі значенням `650px`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.left === '650px') ``` -Your `.box` selector should have a `top` property set to `800px`. +Селектор `.box` повинен мати властивість `top` зі значенням `800px`. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.box')?.top === '800px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fd4213318f6ee211028a.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fd4213318f6ee211028a.md index bd1a9049d86..13edbda6fbe 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fd4213318f6ee211028a.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6476fd4213318f6ee211028a.md @@ -1,31 +1,31 @@ --- id: 6476fd4213318f6ee211028a -title: Step 14 +title: Крок 14 challengeType: 0 dashedName: step-14 --- # --description-- -Now replace the `position` property value of your `.cat-head` with `fixed`. Leave both `top` and `left` as they are. +Тепер замініть значення властивості `position` селектора `.cat-head` на `fixed`. Залиште властивості `top` та `left` якими вони є. -After that, scroll up and down to see how the `fixed` value works. +Після цього прогорніть вниз та подивіться, як працює значення `fixed`. # --hints-- -Your `.cat-head` selector should have a `position` property set to `fixed`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `position` зі значенням `fixed`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'fixed') ``` -Your `.cat-head` selector should have a `top` property set to `100px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `top` зі значенням `100px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '100px') ``` -Your `.cat-head` selector should have a `left` property set to `100px`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `left` зі значенням `100px`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '100px') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64770351e8586671ec0911f0.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64770351e8586671ec0911f0.md index 1c8891e4304..068c60381db 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64770351e8586671ec0911f0.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64770351e8586671ec0911f0.md @@ -1,33 +1,33 @@ --- id: 64770351e8586671ec0911f0 -title: Step 15 +title: Крок 15 challengeType: 0 dashedName: step-15 --- # --description-- -The last position property value is `sticky`. `sticky` positioning is a hybrid of `relative` and `fixed` positioning. It allows an element to **stick** to a specific position within its containing element or viewport, based on the scroll position. +Останнє значення властивості позиціювання — це `sticky`. Позиціювання `sticky` є гібридом `relative` та `fixed`. Воно дозволяє **прикріпити** елемент до певного місця в межах елемента чи демонстраційного вікна на основі прокручування. -Change the value of the `position` property of `.cat-head` to `sticky`, set `top` to `0`, then remove `left` and its value. +Змініть значення властивості `position` селектора `.cat-head` на `sticky`, встановіть `top` на `0`, а потім видаліть `left` та її значення. -**Note**: To see how `sticky` works, you have to place a couple of texts before and after your `.cat-head` `div` element. If you scroll up after that, you'll see that the `.cat-head` gets stuck to the top and remains there. +**Примітка:** щоб дізнатись, як працює `sticky`, потрібно розмістити певний текст до та після елемента `div` `.cat-head`. Якщо після цього прогорнути, ви побачите, що `.cat-head` прикріплений зверху та залишається там. # --hints-- -Your `.cat-head` selector should have a `position` property set to `sticky`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `position` зі значенням `sticky`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'sticky') ``` -Your `.cat-head` selector should have a `top` property set to `0`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `top` зі значенням `0`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '0px') ``` -You should not have the `left` property and its value in your code. +Вилучіть властивість `left` та її значення зі свого коду. ```js assert.notMatch(code, /left:\s*100px;?/) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md index a7597864564..eee13e280e1 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/6477062778c85972eb648030.md @@ -1,49 +1,49 @@ --- id: 6477062778c85972eb648030 -title: Step 16 +title: Крок 16 challengeType: 0 dashedName: step-16 --- # --description-- -You should now center the cat head. +Тепер потрібно відцентрувати голову кота. -Give the `.cat-head` element a position property set to `absolute`. Set a value of `0` for the `right`, `left`, `top`, `bottom` properties, then set its `margin` property on all sides to `auto`. That's one way to center an element vertically and horizontally using CSS positioning. +Надайте елементу `.cat-head` властивість позиціювання зі значенням `absolute`. Встановіть значення властивостей `right`, `left`, `top`, `bottom` на `0`, а потім встановіть властивість `margin` всіх сторін на `auto`. Це один зі способів відцентрувати елемент вертикально та горизонтально, використовуючи позиціювання CSS. # --hints-- -Your `.cat-head` selector should have a `position` property set to `absolute`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `position` зі значенням `absolute`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.position === 'absolute') ``` -Your `.cat-head` selector should have a `top` property set to `0`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `top` зі значенням `0`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.top === '0px') ``` -Your `.cat-head` selector should have a `left` property set to `0`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `left` зі значенням `0`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.left === '0px') ``` -Your `.cat-head` selector should have a `right` property set to `0`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `right` зі значенням `0`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.right === '0px') ``` -Your `.cat-head` selector should have a `bottom` property set to `0`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `bottom` зі значенням `0`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.bottom === '0px') ``` -Your `.cat-head` selector should have a `margin` property set to `auto`. Make sure you add a semi-colon. +Селектор `.cat-head` повинен мати властивість `margin` зі значенням `auto`. Не забудьте про крапку з комою. ```js assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head')?.margin === 'auto') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d821de0d97b3283c72b36.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d821de0d97b3283c72b36.md index 806db219734..8129e2c23fd 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d821de0d97b3283c72b36.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d821de0d97b3283c72b36.md @@ -1,17 +1,17 @@ --- id: 647d821de0d97b3283c72b36 -title: Step 18 +title: Крок 18 challengeType: 0 dashedName: step-18 --- # --description-- -Also, remove the `.box` CSS rule and its declarations because you don't need them anymore. +Також видаліть правило `.box` та його оголошення, оскільки вони більше не потрібні. # --hints-- -You should remove the `.box` css rule and all its values. +Видаліть правило `.box` та всі його значення. ```js assert.notMatch(code, /\.box\s*\{\s*width:\s*400px;\s*height:\s*600px;\s*background-color:\s*#000;\s*position:\s*absolute;\s*left:\s*650px;\s*top:\s*800px;?\s*\}\s*/) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d855ac12cd436059acd39.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d855ac12cd436059acd39.md index 6e039d20c5c..691c5cd6782 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d855ac12cd436059acd39.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/647d855ac12cd436059acd39.md @@ -1,24 +1,24 @@ --- id: 647d855ac12cd436059acd39 -title: Step 4 +title: Крок 4 challengeType: 0 dashedName: step-4 --- # --description-- -Use the universal selector to add `box-sizing: border-box;` to your CSS. This ensures elements include padding and border in their specified width and height. +Використайте універсальний селектор, щоб додати `box-sizing: border-box;` до CSS. Це гарантує, що вказані значення ширини та висоти елементів містять відступ та кордон. # --hints-- -You should have the universal selector (`*`). +Ви повинні мати універсальний селектор (`*`). ```js // assert.match(code, /\*\s*{\s*.*\s*}/) assert(new __helpers.CSSHelp(document).getStyle('*')) ``` -Your universal selector should have a `box-sizing` property set to `border-box`. +Універсальний селектор повинен мати властивість `box-sizing` зі значенням `border-box`. ```js // assert.match(code, /\*\s*{\s*box-sizing:\s*border-box;?\s*}/) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/649353647c44ef4867ab4935.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/649353647c44ef4867ab4935.md index a7a70f95a81..5ca1e344cd6 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/649353647c44ef4867ab4935.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/649353647c44ef4867ab4935.md @@ -1,17 +1,17 @@ --- id: 649353647c44ef4867ab4935 -title: Step 17 +title: Крок 17 challengeType: 0 dashedName: step-17 --- # --description-- -Remove the `div` element with class `box` because you don't need it anymore. +Видаліть елемент `div` з класом `box`, оскільки він більше не потрібний. # --hints-- -You should remove the `div` element with class `box` +Видаліть елемент `div` з класом `box` ```js assert.notMatch(code, /<\/div>/) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md index 04963838659..e332447c26f 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a2687ef267e5934a2f93e3.md @@ -1,6 +1,6 @@ --- id: 64a2687ef267e5934a2f93e3 -title: Step 59 +title: Крок 59 challengeType: 0 dashedName: step-59 --- @@ -11,25 +11,25 @@ Using a descendant selector, select the two `div` elements inside the `div` with # --hints-- -You should have a `.cat-mouth div` selector. +Ви повинні мати селектор `.cat-mouth div`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')) ``` -Your `.cat-mouth div` selector should have a `width` property set to `30px`. +Селектор `.cat-mouth div` повинен мати властивість `width` зі значенням `30px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')?.width === '30px') ``` -Your `.cat-mouth div` selector should have a `height` property set to `50px`. +Селектор `.cat-mouth div` повинен мати властивість `height` зі значенням `50px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')?.height === '50px') ``` -Your `.cat-mouth div` selector should have a `border` property set to `2px solid #000`. +Селектор `.cat-mouth div` повинен мати властивість `border` зі значенням `2px solid #000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-mouth div')?.border === '2px solid rgb(0, 0, 0)') diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md index d46fbf6da0d..e05c4d60c09 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a26ac5540c5493f4641f10.md @@ -1,6 +1,6 @@ --- id: 64a26ac5540c5493f4641f10 -title: Step 60 +title: Крок 60 challengeType: 0 dashedName: step-60 --- @@ -11,13 +11,13 @@ You are going to make the two mouth lines into an elliptical shape. So, give the # --hints-- -Your `.cat-mouth div` selector should have a `border-color` property set to `black transparent transparent transparent`. +Селектор `.cat-mouth div` повинен мати властивість `border-color` зі значенням `black transparent transparent transparent`. ```js assert.match(code, /border-color:\s*black\s*(transparent)\s*\1\s*\1\s*;?/) ``` -Your `.cat-mouth div` selector should have a `border-radius` property set to `190%/190px 150px 0 0`. +Селектор `.cat-mouth div` повинен мати властивість `border-radius` зі значенням `190%/190px 150px 0 0`. ```js assert.match(code, /border-radius:\s*190%\/190px\s*150px\s*0\s*0\s*;?/) diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md index 4f3a8d2de51..e57dc706e46 100644 --- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md +++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/64a3bcbc83e574b58c8ed048.md @@ -1,6 +1,6 @@ --- id: 64a3bcbc83e574b58c8ed048 -title: Step 70 +title: Крок 70 challengeType: 0 dashedName: step-70 --- @@ -11,25 +11,25 @@ As you did in the previous step, use a descendant selector to target the three ` # --hints-- -You should have a `.cat-whiskers-right div` selector. +Ви повинні мати селектор `.cat-whiskers-right div`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')) ``` -Your `.cat-whiskers-right div` selector should have a `width` set to `40px`. +Селектор `.cat-whiskers-right div` повинен мати `width` зі значенням `40px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.width === '40px') ``` -Your `.cat-whiskers-right div` selector should have a `height` set to `1px`. +Селектор `.cat-whiskers-right div` повинен мати `height` зі значенням `1px`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.height === '1px') ``` -Your `.cat-whiskers-right div` selector should have a `background-color` set to `#000`. +Селектор `.cat-whiskers-right div` повинен мати `background-color` зі значенням `#000`. ```js assert(new __helpers.CSSHelp(document).getStyle('.cat-whiskers-right div')?.backgroundColor === 'rgb(0, 0, 0)') diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/add-looping-logic-to-your-code-using-the-do-while-and-while-statements-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/add-looping-logic-to-your-code-using-the-do-while-and-while-statements-in-c-sharp.md index 376d4e9725a..af8a2af1db4 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/add-looping-logic-to-your-code-using-the-do-while-and-while-statements-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/add-looping-logic-to-your-code-using-the-do-while-and-while-statements-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e1f4e8acb466c97ccbedf -title: 'Add Looping Logic to Your Code Using the do-while and while Statements in C#' +title: 'Додайте логіку циклу до свого коду, використовуючи інструкції do-while та while в C#' challengeType: 19 dashedName: add-looping-logic-to-your-code-using-the-do-while-and-while-statements-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-do-while/ and complete all the tasks for the "Add Looping Logic to Your Code Using the do-while and while Statements in C#" module. This is required to earn the "Add Logic to C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-do-while/ та виконайте всі завдання модуля «Додайте логіку циклу до свого коду, використовуючи інструкції do-while та while в C#». Це обов’язково, щоб отримати трофей «Додавання логіки до консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -A developer needs to iterate through an array of items to find one that matches a certain criteria. Which is the best iteration statement for this purpose? +Розробнику потрібно перебрати масив, щоб знайти елемент, який відповідає певному критерію. Яка інструкція підходить найкраще? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/branch-the-flow-of-code-using-the-switch-case-construct-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/branch-the-flow-of-code-using-the-switch-case-construct-in-c-sharp.md index 447f1269b0f..11525e9d3ed 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/branch-the-flow-of-code-using-the-switch-case-construct-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/branch-the-flow-of-code-using-the-switch-case-construct-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e214b8acb466c97ccbee0 -title: 'Branch the Flow of Code Using the switch-case Construct in C#' +title: 'Розгалужте потік коду, використовуючи конструкцію switch-case в C#' challengeType: 19 dashedName: branch-the-flow-of-code-using-the-switch-case-construct-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-switch-case/ and complete all the tasks for the "Branch the Flow of Code Using the switch-case Construct in C#" module. This is required to earn the "Add Logic to C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-switch-case/ та виконайте всі завдання модуля «Розгалужте потік коду, використовуючи конструкцію switch-case в C#». Це обов’язково, щоб отримати трофей «Додавання логіки до консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What is the purpose of the `break` keyword? +Яка мета ключового слова `break`? ## --answers-- -The `break` keyword tells the runtime to continue evaluating other cases in the `switch` construct. +Ключове слово `break` повідомляє продовжувати оцінювання інших випадків в конструкції `switch`. --- -The `break` keyword tells the runtime to stop evaluating other cases in the `switch` construct. +Ключове слово `break` повідомляє зупинити оцінювання інших випадків в конструкції `switch`. --- -The `break` keyword tells the runtime to exit the application. +Ключове слово `break` повідомляє вийти із застосунку. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/challenge-project-develop-branching-and-looping-structures-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/challenge-project-develop-branching-and-looping-structures-in-c-sharp.md index 113287cb526..cbb68eda8dd 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/challenge-project-develop-branching-and-looping-structures-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/challenge-project-develop-branching-and-looping-structures-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e21598acb466c97ccbee1 -title: 'Challenge Project - Develop Branching and Looping Structures in C#' +title: 'Проєкт завдання: розробіть гілкові та циклові структури в C#' challengeType: 19 dashedName: challenge-project-develop-branching-and-looping-structures-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/challenge-project-develop-branching-looping-structures-c-sharp/ and complete all the tasks for the "Challenge Project - Develop Branching and Looping Structures in C#" module. This is required to earn the "Add Logic to C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/challenge-project-develop-branching-looping-structures-c-sharp/ та виконайте всі завдання модуля «Проєкт завдання: розробіть гілкові та циклові структури в C#». Це обов’язково, щоб отримати трофей «Додавання логіки до консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -A developer needs to create an iteration statement. Under what condition is a `while` statement a better choice than a `do` statement? +Розробнику потрібно створити інструкцію ітерації. У якому випадку краще використати інструкцію `while`, а не `do`? ## --answers-- -When the expression values evaluated by the iteration statement are unknown prior to the iteration code block. +Коли значення виразу, обчислені інструкцією ітерації, невідомі перед блоком коду ітерації. --- -When the expression values evaluated by the iteration statement are known prior to the iteration code block. +Коли значення виразу, обчислені інструкцією ітерації, відомі перед блоком коду ітерації. --- -When the developer creates nested `do` or `while` loops. +Коли розробник створює вкладені цикли `do` або `while`. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/control-variable-scope-and-logic-using-code-blocks-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/control-variable-scope-and-logic-using-code-blocks-in-c-sharp.md index bbc9278d006..ec6c1acde44 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/control-variable-scope-and-logic-using-code-blocks-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/control-variable-scope-and-logic-using-code-blocks-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e21658acb466c97ccbee2 -title: 'Control Variable Scope and Logic Using Code Blocks in C#' +title: 'Керуйте областю та логікою змінної, використовуючи блоки коду в C#' challengeType: 19 dashedName: control-variable-scope-and-logic-using-code-blocks-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-code-blocks/ and complete all the tasks for the "Control Variable Scope and Logic Using Code Blocks in C#" module. This is required to earn the "Add Logic to C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-code-blocks/ та виконайте всі завдання модуля «Керуйте областю та логікою змінної, використовуючи блоки коду в C#». Це обов’язково, щоб отримати трофей «Додавання логіки до консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following describes the affect of a `using` statement? +На що впливає інструкція `using`? ## --answers-- -Affects only the first code block in the code file. +Впливає лише на перший блок коду в файлі коду. --- -Affects only the current code block in the code file. +Впливає лише на поточний блок коду в файлі коду. --- -Affects all of the code in the code file. +Впливає на весь код у файлі коду. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/evaluate-boolean-expressions-to-make-decisions-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/evaluate-boolean-expressions-to-make-decisions-in-c-sharp.md index e67d4aca2b4..ddcdb185b32 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/evaluate-boolean-expressions-to-make-decisions-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/evaluate-boolean-expressions-to-make-decisions-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e21708acb466c97ccbee3 -title: 'Evaluate Boolean Expressions to Make Decisions in C#' +title: 'Оцініть булеві вирази, щоб прийняти рішення в C#' challengeType: 19 dashedName: evaluate-boolean-expressions-to-make-decisions-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-evaluate-boolean-expressions/ and complete all the tasks for the "Evaluate Boolean Expressions to Make Decisions in C#" module. This is required to earn the "Add Logic to C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-evaluate-boolean-expressions/ та виконайте всі завдання модуля «Оцініть булеві вирази, щоб прийняти рішення в C#». Це обов’язково, щоб отримати трофей «Додавання логіки до консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following lines of code is a valid use of the conditional operator? +Для чого можна використати умовний оператор? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/guided-project-develop-conditional-branching-and-looping-structures-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/guided-project-develop-conditional-branching-and-looping-structures-in-c-sharp.md index 7010ecea866..78af3c35ff7 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/guided-project-develop-conditional-branching-and-looping-structures-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/guided-project-develop-conditional-branching-and-looping-structures-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e217e8acb466c97ccbee4 -title: 'Guided Project - Develop Conditional Branching and Looping Structures in C#' +title: 'Керований проєкт: розробіть умовні гілкові та циклові структури в C#' challengeType: 19 dashedName: guided-project-develop-conditional-branching-and-looping-structures-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/guided-project-develop-conditional-branching-looping/ and complete all the tasks for the "Guided Project - Develop Conditional Branching and Looping Structures in C#" module. This is required to earn the "Add Logic to C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/guided-project-develop-conditional-branching-looping/ та виконайте всі завдання модуля «Керований проєкт: розробіть умовні гілкові та циклові структури в C#». Це обов’язково, щоб отримати трофей «Додавання логіки до консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -When is it appropriate to use a `switch-case` construct rather than a `if-elseif-else` construct? +У якому випадку краще використати конструкцію `switch-case`, а не `if-elseif-else`? ## --answers-- -A `switch-case` construct is appropriate when more than 2-3 `else if` code blocks are required. +Конструкцію `switch-case` доречно використати, якщо необхідно понад 2-3 блоків коду `else if`. --- -A `switch-case` construct is appropriate when the number of `case` patterns is small. +Конструкцію `switch-case` доречно використати, якщо кількість шаблонів `case` невелика. --- -A `switch-case` construct is appropriate when the selection statement is inside a loop. +Конструкцію `switch-case` доречно використати, якщо інструкція вибору знаходиться в циклі. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/iterate-through-a-code-block-using-the-for-statement-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/iterate-through-a-code-block-using-the-for-statement-in-c-sharp.md index 96748c33695..d01175f0437 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/iterate-through-a-code-block-using-the-for-statement-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/iterate-through-a-code-block-using-the-for-statement-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e218f8acb466c97ccbee5 -title: 'Iterate Through a Code Block Using the for Statement in C#' +title: 'Переберіть код блоку, використовуючи інструкцію for в C#' challengeType: 19 dashedName: iterate-through-a-code-block-using-the-for-statement-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-for/ and complete all the tasks for the "Iterate Through a Code Block Using the for Statement in C#" module. This is required to earn the "Add Logic to C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-for/ та виконайте всі завдання модуля «Переберіть код блоку, використовуючи інструкцію for в C#». Це обов’язково, щоб отримати трофей «Додавання логіки до консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following `for` statements is correct? +Яка з перелічених інструкцій `for` правильна? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/trophy-add-logic-to-c-sharp-console-applications.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/trophy-add-logic-to-c-sharp-console-applications.md index cc97b82682c..f31f1618f4a 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/trophy-add-logic-to-c-sharp-console-applications.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/add-logic-to-c-sharp-console-applications/trophy-add-logic-to-c-sharp-console-applications.md @@ -1,21 +1,21 @@ --- id: 647f882207d29547b3bee1c0 -title: 'Trophy - Add Logic to C# Console Applications' +title: 'Трофей «Додавання логіки до консольних застосунків C#»' challengeType: 18 dashedName: trophy-add-logic-to-c-sharp-console-applications --- # --description-- -Now that you've completed all of the "Add Logic to C# Console Applications" modules on Microsoft's learn platform, submit the URL to your trophy below. +Ви завершили всі завдання модуля «Додавання логіки до консольних застосунків C#» на навчальній платформі Microsoft, тому введіть посилання на свій трофей нижче. -Follow these instructions to find your trophy URL: +Дотримуйтесь цих інструкцій, щоб знайти адресу свого трофея: -1. Go to https://learn.microsoft.com/en-us/users/me/achievements#badges-section using a browser you are logged into Microsoft with -1. Find the trophy for "Add Logic to C# Console Applications" and click the "share" icon next to it -1. Click the "Copy URL" button -1. Paste the URL into the input below +1. Перейдіть до https://learn.microsoft.com/en-us/users/me/achievements#badges-section, використовуючи браузер, через який ви увійшли до Microsoft +1. Знайдіть трофей для «Додавання логіки до консольних застосунків C#» та натисніть значок «Поділитися» +1. Натисніть кнопку «Копіювати URL» +1. Вставте посилання в полі нижче -The URL should look similar to this: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-3.trophy?username=your-username&sharingId=your-sharing-id` +Посилання має виглядати приблизно так: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-3.trophy?username=your-username&sharingId=your-sharing-id` -This trophy is required to qualify to take the certification exam. +Цей трофей потрібен для того, щоб скласти екзамен сертифікації. diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/add-decision-logic-to-your-code-using-if-else-and-else-if-statements-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/add-decision-logic-to-your-code-using-if-else-and-else-if-statements-in-c-sharp.md index af2e262ec68..b5df645643a 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/add-decision-logic-to-your-code-using-if-else-and-else-if-statements-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/add-decision-logic-to-your-code-using-if-else-and-else-if-statements-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e21ba8acb466c97ccbee6 -title: 'Add Decision Logic to Your Code Using if, else, and else if statements in C#' +title: 'Додайте логіку рішень до коду, використовуючи інструкції if, else та else if в C#' challengeType: 19 dashedName: add-decision-logic-to-your-code-using-if-else-and-else-if-statements-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-if-elseif-else/ and complete all the tasks for the "Add Decision Logic to Your Code Using if, else, and else if statements in C#" module. This is required to earn the "Create and Run Simple C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-if-elseif-else/ та виконайте всі завдання модуля «Додайте логіку рішень до коду, використовуючи інструкції if, else та else if в C#». Це обов’язково, щоб отримати трофей «Створення та запуск простих консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the choices below is not a valid operator in C#? +Що з переліченого не є дійсним оператором в C#? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/call-methods-from-the-dot-net-class-library-using-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/call-methods-from-the-dot-net-class-library-using-c-sharp.md index 4c251639fb3..6544d3a12c5 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/call-methods-from-the-dot-net-class-library-using-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/call-methods-from-the-dot-net-class-library-using-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e21c48acb466c97ccbee7 -title: 'Call Methods From the .NET Class Library Using C#' +title: 'Викличте методи з бібліотеки класів .NET, використовуючи C#' challengeType: 19 dashedName: call-methods-from-the-dot-net-class-library-using-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-call-methods/ and complete all the tasks for the "Call Methods From the .NET Class Library Using C#" module. This is required to earn the "Create and Run Simple C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-call-methods/ та виконайте всі завдання модуля «Викличте методи з бібліотеки класів .NET, використовуючи C#». Це обов’язково, щоб отримати трофей «Створення та запуск простих консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What is an object? +Що таке об’єкт? ## --answers-- -A memory address. +Адреса пам’яті. --- -A stateless class. +Клас без стану. --- -An instance of a class. +Екземпляр класу. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/challenge-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/challenge-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md index 3a17a7eed28..26637d94a67 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/challenge-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/challenge-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e21d08acb466c97ccbee8 -title: 'Challenge Project - Develop foreach and if-elseif-else Structures to Process Array Data in C#' +title: 'Проєкт завдання: розробіть структури foreach та if-elseif-else, щоб обробити дані масиву в C#' challengeType: 19 dashedName: challenge-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/challenge-project-arrays-iteration-selection/ and complete all the tasks for the "Challenge Project - Develop foreach and if-elseif-else Structures to Process Array Data in C#" module. This is required to earn the "Create and Run Simple C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/challenge-project-arrays-iteration-selection/ та виконайте всі завдання модуля «Проєкт завдання: розробіть структури foreach та if-elseif-else, щоб обробити дані масиву в C#». Це обов’язково, щоб отримати трофей «Створення та запуск простих консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -A developer is working with two other developers to update a collection of applications. The developers will use code comments during the update process. Which of the following describes an appropriate use of code comments? +Розробник працює з двома іншими розробниками над оновленням застосунків. Вони використовуватимуть коментарі під час процесу оновлення. У якому випадку доречно використовувати коментарі в коді? ## --answers-- -When updates are made, the developers use line and block comments to identify each individual code update. +Розробники використовують лінійні та блокові коментарі, щоб ідентифікувати оновлення кожного з них. --- -When updates are made, the developers leave all existing code comments intact. New comments are added to indicate when old comments no longer apply. +Розробники не змінюють наявних коментарів коду. Вони додають нові коментарі, щоб вказати, що старі коментарі більше не застосовуються. --- -When updates are made, the developers summarize changes using block comments. +Розробники узагальнюють зміни, використовуючи блокові коментарі. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/create-readable-code-with-conventions-whitespace-and-comments-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/create-readable-code-with-conventions-whitespace-and-comments-in-c-sharp.md index 8e40b4c5df8..3abd5473c41 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/create-readable-code-with-conventions-whitespace-and-comments-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/create-readable-code-with-conventions-whitespace-and-comments-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e21df8acb466c97ccbee9 -title: 'Create Readable Code with Conventions, Whitespace, and Comments in C#' +title: 'Створіть читабельний код з конвенціями, пробілами та коментарями в C#' challengeType: 19 dashedName: create-readable-code-with-conventions-whitespace-and-comments-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-readable-code/ and complete all the tasks for the "Create Readable Code with Conventions, Whitespace, and Comments in C#" module. This is required to earn the "Create and Run Simple C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-readable-code/ та виконайте всі завдання модуля «Створіть читабельний код з конвенціями, пробілами та коментарями в C#». Це обов’язково, щоб отримати трофей «Створення та запуск простих консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following is a bad reason to use a code comment? +З якою метою краще не використовувати коментар в коді? ## --answers-- -To describe the high-level intent of the code. +Щоб описати код на високому рівні. --- -To temporarily comment out a line of code while evaluating a feature in a different way. +Щоб тимчасово прокоментувати рядок коду під час обчислення функції по-іншому. --- -To explain how a new C# keyword works. +Щоб пояснити, як працює нове ключове слово C#. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/guided-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/guided-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md index b9f4f9a7d59..b90fa279034 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/guided-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/guided-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e21eb8acb466c97ccbeea -title: 'Guided Project - Develop foreach and if-elseif-else Structures to Process Array Data in C#' +title: 'Керований проєкт: розробіть структури foreach та if-elseif-else, щоб обробити дані масиву в C#' challengeType: 19 dashedName: guided-project-develop-foreach-and-if-elseif-else-structures-to-process-array-data-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/guided-project-arrays-iteration-selection/ and complete all the tasks for the "Guided Project - Develop foreach and if-elseif-else Structures to Process Array Data in C#" module. This is required to earn the "Create and Run Simple C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/guided-project-arrays-iteration-selection/ та виконайте всі завдання модуля «Керований проєкт: розробіть структури foreach та if-elseif-else, щоб обробити дані масиву в C#». Це обов’язково, щоб отримати трофей «Створення та запуск простих консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -A developer writes an application that uses a `foreach` loop to iterate through an array containing 20 elements. After the application is complete, the developer learns that the array must be updated to include 40 elements. The application needs to examine all 40 array elements. Which of the following items describes the required code update? +Розробник пише застосунок, який використовує цикл `foreach`, щоб перебрати масив з 20 елементами. Як тільки застосунок готовий, розробник дізнається, що масив повинен містити 40 елементів. Застосунок має розглядати 40 елементів масиву. Яке оновлення коду потрібно виконати? ## --answers-- -Create a second `foreach` loop that iterates through the additional items. +Створити другий цикл `foreach`, який перебирає додаткові елементи. --- -No changes are required to the `foreach` loop. +До циклу `foreach` не потрібно вносити змін. --- -Place the original `foreach` loop inside the code block of a second `foreach` loop that iterates twice. +Розмістити початковий цикл `foreach` всередині другого циклу `foreach`, який перебиратиметься двічі. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/install-and-configure-visual-studio-code.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/install-and-configure-visual-studio-code.md index 8de7fffca20..f3d1e61efdd 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/install-and-configure-visual-studio-code.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/install-and-configure-visual-studio-code.md @@ -1,34 +1,34 @@ --- id: 647e21f88acb466c97ccbeeb -title: Install and Configure Visual Studio Code +title: Встановіть та налаштуйте Visual Studio Code challengeType: 19 dashedName: install-and-configure-visual-studio-code --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/install-configure-visual-studio-code/ and complete all the tasks for the "Install and Configure Visual Studio Code" module. This is required to earn the "Create and Run Simple C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/install-configure-visual-studio-code/ та виконайте всі завдання модуля «Встановіть та налаштуйте Visual Studio Code». Це обов’язково, щоб отримати трофей «Створення та запуск простих консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following choices provides the best description of an Integrated Development Environment (IDE)? +Що з переліченого найкраще описує інтегроване середовище розробки (IDE)? ## --answers-- -Visual Studio Code is an Integrated Development Environment. +Visual Studio Code — це інтегроване середовище розробки. --- -An Integrated Development Environment is tool that makes it easier to write code. +Інтегроване середовище розробки — це інструмент, який полегшує написання коду. --- -An IDE is a suite of tools that supports the full software development lifecycle. +IDE — це набір інструментів, що підтримують повний цикл розробки програмного забезпечення. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/store-and-iterate-through-sequences-of-data-using-arrays-and-the-foreach-statement-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/store-and-iterate-through-sequences-of-data-using-arrays-and-the-foreach-statement-in-c-sharp.md index 1e1c1d7d48e..2c2d279b218 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/store-and-iterate-through-sequences-of-data-using-arrays-and-the-foreach-statement-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/store-and-iterate-through-sequences-of-data-using-arrays-and-the-foreach-statement-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e22058acb466c97ccbeec -title: 'Store and Iterate Through Sequences of Data Using Arrays and the foreach Statement in C#' +title: 'Збережіть та переберіть послідовність даних, використовуючи масиви та інструкцію foreach в C#' challengeType: 19 dashedName: store-and-iterate-through-sequences-of-data-using-arrays-and-the-foreach-statement-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-arrays/ and complete all the tasks for the "Store and Iterate Through Sequences of Data Using Arrays and the foreach Statement in C#" module. This is required to earn the "Create and Run Simple C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-arrays/ та виконайте всі завдання модуля «Збережіть та переберіть послідовність даних, використовуючи масиви та інструкцію foreach в C#». Це обов’язково, щоб отримати трофей «Створення та запуск простих консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following foreach statements is syntactically correct? +Яка з перелічених інструкцій foreach синтаксично правильна? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/trophy-create-and-run-simple-c-sharp-console-applications.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/trophy-create-and-run-simple-c-sharp-console-applications.md index dff340a3cda..d3f97f6677d 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/trophy-create-and-run-simple-c-sharp-console-applications.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-and-run-simple-c-sharp-console-applications/trophy-create-and-run-simple-c-sharp-console-applications.md @@ -1,21 +1,21 @@ --- id: 647f87dc07d29547b3bee1bf -title: 'Trophy - Create and Run Simple C# Console Applications' +title: 'Трофей «Створення та запуск простих консольних застосунків C#»' challengeType: 18 dashedName: trophy-create-and-run-simple-c-sharp-console-applications --- # --description-- -Now that you've completed all of the "Create and Run Simple C# Console Applications" modules on Microsoft's learn platform, submit the URL to your trophy below. +Ви завершили всі завдання модуля «Створення та запуск простих консольних застосунків C#» на навчальній платформі Microsoft, тому введіть посилання на свій трофей нижче. -Follow these instructions to find your trophy URL: +Дотримуйтесь цих інструкцій, щоб знайти адресу свого трофея: -1. Go to https://learn.microsoft.com/en-us/users/me/achievements#badges-section using a browser you are logged into Microsoft with -1. Find the trophy for "Create and Run Simple C# Console Applications" and click the "share" icon next to it -1. Click the "Copy URL" button -1. Paste the URL into the input below +1. Перейдіть до https://learn.microsoft.com/en-us/users/me/achievements#badges-section, використовуючи браузер, через який ви увійшли до Microsoft +1. Знайдіть трофей для «Створення та запуск простих консольних застосунків C#» та натисніть значок «Поділитися» +1. Натисніть кнопку «Копіювати URL» +1. Вставте посилання в полі нижче -The URL should look similar to this: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-2.trophy?username=your-username&sharingId=your-sharing-id` +Посилання має виглядати приблизно так: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-2.trophy?username=your-username&sharingId=your-sharing-id` -This trophy is required to qualify to take the certification exam. +Цей трофей потрібен для того, щоб скласти екзамен сертифікації. diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/challenge-project-create-a-mini-game.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/challenge-project-create-a-mini-game.md index 615be34010e..010130bc11e 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/challenge-project-create-a-mini-game.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/challenge-project-create-a-mini-game.md @@ -1,22 +1,22 @@ --- id: 647e22338acb466c97ccbeed -title: Challenge Project - Create a Mini-Game +title: 'Проєкт завдання: створіть міні гру' challengeType: 19 dashedName: challenge-project-create-a-mini-game --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/challenge-project-create-mini-game/ and complete all the tasks for the "Challenge Project - Create a Mini-Game" module. This is required to earn the "Create Methods in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/challenge-project-create-mini-game/ та виконайте всі завдання модуля «Проєкт завдання: створіть міні гру». Це обов’язково, щоб отримати трофей «Створення методів в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -A developer wants to create a method that returns a value in an array. Which of the following options would be a good choice for a method signature? +Розробник хоче створити метод, який повертає значення в масиві. Що з переліченого буде хорошим вибором для сигнатури методу? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-that-return-values.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-that-return-values.md index 4d272be5f91..5d7aa25418f 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-that-return-values.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-that-return-values.md @@ -1,22 +1,22 @@ --- id: 647e223c8acb466c97ccbeee -title: 'Create C# Methods that Return Values' +title: 'Створіть методи C#, які повертають значення' challengeType: 19 dashedName: create-c-sharp-methods-that-return-values --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/create-c-sharp-methods-return-values/ and complete all the tasks for the "Create C# Methods that Return Values" module. This is required to earn the "Create Methods in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/create-c-sharp-methods-return-values/ та виконайте всі завдання модуля «Створіть методи C#, які повертають значення». Це обов’язково, щоб отримати трофей «Створення методів в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following options correctly returns a `string` value? +Що з переліченого правильно повертає значення рядка? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-with-parameters.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-with-parameters.md index e7a5b53ef84..00077163dbb 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-with-parameters.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/create-c-sharp-methods-with-parameters.md @@ -1,22 +1,22 @@ --- id: 647e224b8acb466c97ccbeef -title: 'Create C# Methods with Parameters' +title: 'Створіть методи C# з параметрами' challengeType: 19 dashedName: create-c-sharp-methods-with-parameters --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/create-c-sharp-methods-parameters/ and complete all the tasks for the "Create C# Methods with Parameters" module. This is required to earn the "Create Methods in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/create-c-sharp-methods-parameters/ та виконайте всі завдання модуля «Створіть методи C# з параметрами». Це обов’язково, щоб отримати трофей «Створення методів в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Given the method signature, `void Print(string name, string number = "", bool member = false)`, which of the following options correctly uses named and optional arguments? +Вам надано сигнатуру методу `void Print(string name, string number = "", bool member = false)`. Що з переліченого правильно використовує згадані та необов’язкові аргументи? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/guided-project-plan-a-petting-zoo-visit.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/guided-project-plan-a-petting-zoo-visit.md index 29c9b5de27f..8228c8e8512 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/guided-project-plan-a-petting-zoo-visit.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/guided-project-plan-a-petting-zoo-visit.md @@ -1,34 +1,34 @@ --- id: 647e225e8acb466c97ccbef0 -title: Guided Project - Plan a Petting Zoo Visit +title: 'Керований проєкт: сплануйте візит до контактного зоопарку' challengeType: 19 dashedName: guided-project-plan-a-petting-zoo-visit --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/guided-project-visit-petting-zoo/ and complete all the tasks for the "Guided Project - Plan a Petting Zoo Visit" module. This is required to earn the "Create Methods in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/guided-project-visit-petting-zoo/ та виконайте всі завдання модуля «Керований проєкт: сплануйте візит до контактного зоопарку». Це обов’язково, щоб отримати трофей «Створення методів в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What is the purpose of defining an optional parameter in a method? +Навіщо потрібно визначати додатковий параметр в методі? ## --answers-- -To cause a method to perform a different task. +Щоб метод виконував інше завдання. --- -To overload a method. +Щоб перезавантажити метод. --- -To simplify the required parameters when a parameter isn't significant to the result. +Щоб спростити обов’язкові параметри, якщо параметр неважливий для результату. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/trophy-create-methods-in-c-sharp-console-applications.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/trophy-create-methods-in-c-sharp-console-applications.md index ff02320b33f..a0ca5e12ba6 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/trophy-create-methods-in-c-sharp-console-applications.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/trophy-create-methods-in-c-sharp-console-applications.md @@ -1,21 +1,21 @@ --- id: 647f877f07d29547b3bee1be -title: 'Trophy - Create Methods in C# Console Applications' +title: 'Трофей «Створення методів в консольних застосунках C#»' challengeType: 18 dashedName: trophy-create-methods-in-c-sharp-console-applications --- # --description-- -Now that you've completed all of the "Create Methods in C# Console Applications" modules on Microsoft's learn platform, submit the URL to your trophy below. +Ви завершили всі завдання модуля «Створення методів в консольних застосунках C#» на навчальній платформі Microsoft, тому введіть посилання на свій трофей нижче. -Follow these instructions to find your trophy URL: +Дотримуйтесь цих інструкцій, щоб знайти адресу свого трофея: -1. Go to https://learn.microsoft.com/en-us/users/me/achievements#badges-section using a browser you are logged into Microsoft with -1. Find the trophy for "Create Methods in C# Console Applications" and click the "share" icon next to it -1. Click the "Copy URL" button -1. Paste the URL into the input below +1. Перейдіть до https://learn.microsoft.com/en-us/users/me/achievements#badges-section, використовуючи браузер, через який ви увійшли до Microsoft +1. Знайдіть трофей для «Створення методів в консольних застосунках C#» та натисніть значок «Поділитися» +1. Натисніть кнопку «Копіювати URL» +1. Вставте посилання в полі нижче -The URL should look similar to this: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-5.trophy?username=your-username&sharingId=your-sharing-id` +Посилання має виглядати приблизно так: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-5.trophy?username=your-username&sharingId=your-sharing-id` -This trophy is required to qualify to take the certification exam. +Цей трофей потрібен для того, щоб скласти екзамен сертифікації. diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/write-your-first-c-sharp-method.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/write-your-first-c-sharp-method.md index a3c6bd2fb43..2c1892ac434 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/write-your-first-c-sharp-method.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/create-methods-in-c-sharp-console-applications/write-your-first-c-sharp-method.md @@ -1,22 +1,22 @@ --- id: 647e226a8acb466c97ccbef1 -title: 'Write Your First C# Method' +title: 'Напишіть свій перший метод C#' challengeType: 19 dashedName: write-your-first-c-sharp-method --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/write-first-c-sharp-method/ and complete all the tasks for the "Write Your First C# Method" module. This is required to earn the "Create Methods in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/write-first-c-sharp-method/ та виконайте всі завдання модуля «Напишіть свій перший метод C#». Це обов’язково, щоб отримати трофей «Створення методів в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following correctly declares a method? +Що з переліченого правильно оголошує метод? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/challenge-project-debug-a-c-sharp-console-application-using-visual-studio-code.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/challenge-project-debug-a-c-sharp-console-application-using-visual-studio-code.md index 8bc70a1afb7..e5f77ccba1d 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/challenge-project-debug-a-c-sharp-console-application-using-visual-studio-code.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/challenge-project-debug-a-c-sharp-console-application-using-visual-studio-code.md @@ -1,16 +1,16 @@ --- id: 647e22778acb466c97ccbef2 -title: 'Challenge Project - Debug a C# Console Application Using Visual Studio Code' +title: 'Проєкт завдання: налагодьте консольний застосунок C#, використовуючи Visual Studio Code' challengeType: 19 dashedName: challenge-project-debug-a-c-sharp-console-application-using-visual-studio-code --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/challenge-project-debug-c-sharp-console-application/ and complete all the tasks for the "Challenge Project - Debug a C# Console Application Using Visual Studio Code" module. This is required to earn the "Debug C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/challenge-project-debug-c-sharp-console-application/ та виконайте всі завдання модуля «Проєкт завдання: налагодьте консольний застосунок C#, використовуючи Visual Studio Code». Це обов’язково, щоб отримати трофей «Налагодження консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/create-and-throw-exceptions-in-c-sharp-console-applications.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/create-and-throw-exceptions-in-c-sharp-console-applications.md index fca77377f58..bbe9689727b 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/create-and-throw-exceptions-in-c-sharp-console-applications.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/create-and-throw-exceptions-in-c-sharp-console-applications.md @@ -1,34 +1,34 @@ --- id: 647e228a8acb466c97ccbef3 -title: 'Create and Throw Exceptions in C# Console Applications' +title: 'Створіть та викиньте винятки в консольних застосунках C#' challengeType: 19 dashedName: create-and-throw-exceptions-in-c-sharp-console-applications --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/create-throw-exceptions-c-sharp/ and complete all the tasks for the "Create and Throw Exceptions in C# Console Applications" module. This is required earn to the "Debug C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/create-throw-exceptions-c-sharp/ та виконайте всі завдання модуля «Створіть та викиньте винятки в консольних застосунках C#». Це обов’язково, щоб отримати трофей «Налагодження консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -When should a method throw an exception? +Коли метод повинен кинути виняток? ## --answers-- -A method should throw an exception when the method can complete its intended purpose. +Метод повинен кинути виняток, коли метод може завершити своє цільове призначення. --- -A method should throw an exception when the method can't complete its intended purpose. +Метод повинен кинути виняток, коли метод не може завершити своє цільове призначення. --- -A method should throw an exception when an exception type matches the intended purpose of the method. +Метод повинен кинути виняток, коли тип винятку відповідає цільовому призначенню методу. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/guided-project-debug-and-handle-exceptions-in-a-c-sharp-console-application-using-visual-studio-code.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/guided-project-debug-and-handle-exceptions-in-a-c-sharp-console-application-using-visual-studio-code.md index d5ddb10d44a..607248e0e1b 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/guided-project-debug-and-handle-exceptions-in-a-c-sharp-console-application-using-visual-studio-code.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/guided-project-debug-and-handle-exceptions-in-a-c-sharp-console-application-using-visual-studio-code.md @@ -1,34 +1,34 @@ --- id: 647e22958acb466c97ccbef4 -title: 'Guided Project - Debug and Handle Exceptions in a C# Console Application Using Visual Studio Code' +title: 'Керований проєкт: налагодьте та обробіть винятки в консольному застосунку C#, використовуючи Visual Studio Code' challengeType: 19 dashedName: guided-project-debug-and-handle-exceptions-in-a-c-sharp-console-application-using-visual-studio-code --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/guided-project-debug-handle-exceptions-c-sharp-console-application/ and complete all the tasks for the "Guided Project - Debug and Handle Exceptions in a C# Console Application Using Visual Studio Code" module. This is required to earn the "Debug C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/guided-project-debug-handle-exceptions-c-sharp-console-application/ та виконайте всі завдання модуля «Керований проєкт: налагодьте та обробіть винятки в консольному застосунку C#, використовуючи Visual Studio Code». Це обов’язково, щоб отримати трофей «Налагодження консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -When is an `ArgumentOutOfRangeException` exception thrown? +Коли викидається виняток `ArgumentOutOfRangeException`? ## --answers-- -An `ArgumentOutOfRangeException` exception is thrown when an attempt is made to index an array outside the bounds of the array. +Виняток `ArgumentOutOfRangeException` викидається при спробі індексувати масив за межами масиву. --- -An `ArgumentOutOfRangeException` exception is thrown when the value of an argument is outside the allowable range of values as defined by the method. +Виняток `ArgumentOutOfRangeException` викидається, коли значення аргумента знаходиться поза діапазоном дозволених значень, визначених методом. --- -An `ArgumentOutOfRangeException` exception is thrown when an attempt is made to store a value of one type in an array of another type. +Виняток `ArgumentOutOfRangeException` викидається при спробі зберегти значення одного типу в масиві іншого типу. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-exception-handling-in-c-sharp-console-applications.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-exception-handling-in-c-sharp-console-applications.md index 9b7fa2379a5..65737b6244e 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-exception-handling-in-c-sharp-console-applications.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-exception-handling-in-c-sharp-console-applications.md @@ -1,34 +1,34 @@ --- id: 647e22a08acb466c97ccbef5 -title: 'Implement Exception Handling in C# Console Applications' +title: 'Імплементуйте оброблення винятків в консольних застосунках C#' challengeType: 19 dashedName: implement-exception-handling-in-c-sharp-console-applications --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/implement-exception-handling-c-sharp/ and complete all the tasks for the "Implement Exception Handling in C# Console Applications" module. This is required to earn the "Debug C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/implement-exception-handling-c-sharp/ та виконайте всі завдання модуля «Імплементуйте оброблення винятків в консольних застосунках C#». Це обов’язково, щоб отримати трофей «Налагодження консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -When is an `ArrayTypeMismatchException` exception thrown? +Коли викидається виняток `ArrayTypeMismatchException`? ## --answers-- -An `ArrayTypeMismatchException` exception is thrown when an attempt is made to store a value of one type in an array of another type. +Виняток `ArrayTypeMismatchException` викидається при спробі зберегти значення одного типу в масиві іншого типу. --- -An `ArrayTypeMismatchException` exception is thrown when attempting to access a member on a type whose value is null. +Виняток `ArrayTypeMismatchException` викидається при спробі отримати доступ до елемента, значення якого рівне нулю. --- -An `ArrayTypeMismatchException` exception is thrown when an attempt is made to index an array outside the bounds of the array. +Виняток `ArrayTypeMismatchException` викидається при спробі індексувати масив за межами масиву. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-the-visual-studio-code-debugging-tools-for-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-the-visual-studio-code-debugging-tools-for-c-sharp.md index 94bd7e29624..853f03c9f95 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-the-visual-studio-code-debugging-tools-for-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/implement-the-visual-studio-code-debugging-tools-for-c-sharp.md @@ -1,16 +1,16 @@ --- id: 647e22b38acb466c97ccbef6 -title: 'Implement the Visual Studio Code Debugging Tools for C#' +title: 'Імплементуйте інструменти налагодження Visual Studio Code до C#' challengeType: 19 dashedName: implement-the-visual-studio-code-debugging-tools-for-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/implement-visual-studio-code-debugging-tools/ and complete all the tasks for the "Implement the Visual Studio Code Debugging Tools for C#" module. This is required to earn the "Debug C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/implement-visual-studio-code-debugging-tools/ та виконайте всі завдання модуля «Імплементуйте інструменти налагодження Visual Studio Code до C#». Це обов’язково, щоб отримати трофей «Налагодження консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/review-the-principles-of-code-debugging-and-exception-handling.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/review-the-principles-of-code-debugging-and-exception-handling.md index f5cb371e48b..4015286d0c3 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/review-the-principles-of-code-debugging-and-exception-handling.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/review-the-principles-of-code-debugging-and-exception-handling.md @@ -1,34 +1,34 @@ --- id: 647e22c08acb466c97ccbef7 -title: Review the Principles of Code Debugging and Exception Handling +title: Перегляньте принципи налагодження коду та оброблення винятків challengeType: 19 dashedName: review-the-principles-of-code-debugging-and-exception-handling --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/review-principles-code-debugging-exception-handling-c-sharp/ and complete all the tasks for the "Review the Principles of Code Debugging and Exception Handling" module. This is required to earn the "Debug C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/review-principles-code-debugging-exception-handling-c-sharp/ та виконайте всі завдання модуля «Перегляньте принципи налагодження коду та оброблення винятків». Це обов’язково, щоб отримати трофей «Налагодження консольних застосунків C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What is the relationship between the type of exception and the information it contains? +Який зв’язок між типом винятку та інформацією, яку він містить? ## --answers-- -The type of exception determines the information it contains. +Тип винятку визначає інформацію, яку він містить. --- -The type of exception and the information it contains are unrelated. +Тип винятку та інформація, яку він містить, непов’язані. --- -The information contained in an exception determines the type of exception. +Інформація, яку містить виняток, визначає тип винятку. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/trophy-debug-c-sharp-console-applications.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/trophy-debug-c-sharp-console-applications.md index a261555ec0d..656c00032dc 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/trophy-debug-c-sharp-console-applications.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/debug-c-sharp-console-applications/trophy-debug-c-sharp-console-applications.md @@ -1,21 +1,21 @@ --- id: 647f86ff07d29547b3bee1bd -title: 'Trophy - Debug C# Console Applications' +title: 'Трофей «Налагодження консольних застосунків C#»' challengeType: 18 dashedName: trophy-debug-c-sharp-console-applications --- # --description-- -Now that you've completed all of the "Debug C# Console Applications" modules on Microsoft's learn platform, submit the URL to your trophy below. +Ви завершили всі завдання модуля «Налагодження консольних застосунків C#» на навчальній платформі Microsoft, тому введіть посилання на свій трофей нижче. -Follow these instructions to find your trophy URL: +Дотримуйтесь цих інструкцій, щоб знайти адресу свого трофея: -1. Go to https://learn.microsoft.com/en-us/users/me/achievements#badges-section using a browser you are logged into Microsoft with -1. Find the trophy for "Debug C# Console Applications" and click the "share" icon next to it -1. Click the "Copy URL" button -1. Paste the URL into the input below +1. Перейдіть до https://learn.microsoft.com/en-us/users/me/achievements#badges-section, використовуючи браузер, через який ви увійшли до Microsoft +1. Знайдіть трофей для «Налагодження консольних застосунків C#» та натисніть значок «Поділитися» +1. Натисніть кнопку «Копіювати URL» +1. Вставте посилання в полі нижче -The URL should look similar to this: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-6.trophy?username=your-username&sharingId=your-sharing-id` +Посилання має виглядати приблизно так: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-6.trophy?username=your-username&sharingId=your-sharing-id` -This trophy is required to qualify to take the certification exam. +Цей трофей потрібен для того, щоб скласти екзамен сертифікації. diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/foundational-c-sharp-with-microsoft-certification-exam/foundational-c-sharp-with-microsoft-certification-exam.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/foundational-c-sharp-with-microsoft-certification-exam/foundational-c-sharp-with-microsoft-certification-exam.md index 268034e01cb..5e80b8b28b2 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/foundational-c-sharp-with-microsoft-certification-exam/foundational-c-sharp-with-microsoft-certification-exam.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/foundational-c-sharp-with-microsoft-certification-exam/foundational-c-sharp-with-microsoft-certification-exam.md @@ -1,6 +1,6 @@ --- id: 647e22d18acb466c97ccbef8 -title: 'Foundational C# with Microsoft Certification Exam' +title: 'Екзамен з сертифікації «Основи C# з Microsoft»' challengeType: 17 dashedName: foundational-c-sharp-with-microsoft-certification-exam prerequisites: @@ -26,13 +26,13 @@ prerequisites: # --description-- -Pass this exam to earn your Foundational C# with Microsoft Certification. Before starting the exam, please review the following guidelines: +Складіть цей екзамен, щоб отримати сертифікацію «Основи C# з Microsoft». Перед початком екзамену ознайомтеся з настановами: -- You must complete the entire exam in one session. -- Exiting the exam at any point before you are finished, will result in the loss of your progress. -- There is no time limit, but your total time taken will be recorded. -- The exam consists of 80 multiple-choice questions. -- Complete the exam and correctly answer at least 70% of the questions to earn your certification. +- Ви повинні завершити екзамен за один сеанс. +- Ви втратите свій прогрес, якщо вийдете з екзамену до його закінчення. +- Часового обмеження немає, але загальний час буде записано. +- Екзамен складається з 80 тестів. +- Завершіть екзамен та дайте правильну відповідь на 70% запитань, щоб отримати сертифікацію. # --instructions-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/challenge-project-work-with-variable-data-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/challenge-project-work-with-variable-data-in-c-sharp.md index 3335e54f834..ef861df6321 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/challenge-project-work-with-variable-data-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/challenge-project-work-with-variable-data-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e230c8acb466c97ccbef9 -title: 'Challenge Project - Work with Variable Data in C#' +title: 'Проєкт завдання: попрацюйте з даними змінних в C#' challengeType: 19 dashedName: challenge-project-work-with-variable-data-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/challenge-project-work-variable-data-c-sharp/ and complete all the tasks for the "Challenge Project - Work with Variable Data in C#" module. This is required to earn the "Work with Variable Data in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/challenge-project-work-variable-data-c-sharp/ та виконайте всі завдання модуля «Проєкт завдання: попрацюйте з даними змінних в C#». Це обов’язково, щоб отримати трофей «Робота з даними змінних в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -To sort a string array, why is it be important to use the `String.Trim()` method on each array element before sorting? +Чому перед сортуванням масиву рядків важливо використовувати метод `String.Trim()` до кожного елемента масиву? ## --answers-- -Only string arrays with elements trimmed with `String.Trim()` can sort +Можна відсортувати лише масиви рядків, елементи якого обрізані методом `String.Trim()` --- -`String.Trim()` removes leading white space that would sort before numbers and letters. +`String.Trim()` видаляє початкові пробіли, які були б відсортовані перед числами та літерами. --- -The array sort is noticeably faster using `String.Trim()` on each element. +Сортування масиву пришвидшується, якщо використати `String.Trim()` до кожного елемента. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/choose-the-correct-data-type-in-your-c-sharp-code.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/choose-the-correct-data-type-in-your-c-sharp-code.md index 8d715dd3fb6..be32d839f63 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/choose-the-correct-data-type-in-your-c-sharp-code.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/choose-the-correct-data-type-in-your-c-sharp-code.md @@ -1,22 +1,22 @@ --- id: 647e23188acb466c97ccbefa -title: 'Choose the Correct Data Type in Your C# Code' +title: 'Виберіть правильний тип даних в коді C#' challengeType: 19 dashedName: choose-the-correct-data-type-in-your-c-sharp-code --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-choose-data-type/ and complete all the tasks for the "Choose the Correct Data Type in Your C# Code" module. This is required to earn the "Work with Variable Data in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-choose-data-type/ та виконайте всі завдання модуля «Виберіть правильний тип даних в коді C#». Це обов’язково, щоб отримати трофей «Робота з даними змінних в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -A piece of code must store whole numeric values between negative and positive `1,000,000`. Which data type should you choose? +Фрагмент коду має зберігати цілі числові значення від `-1,000,000` до `1,000,000`. Який тип даних оберете? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/convert-data-types-using-casting-and-conversion-techniques-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/convert-data-types-using-casting-and-conversion-techniques-in-c-sharp.md index 10a0098944b..73bfe4090c9 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/convert-data-types-using-casting-and-conversion-techniques-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/convert-data-types-using-casting-and-conversion-techniques-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e23248acb466c97ccbefb -title: 'Convert Data Types Using Casting and Conversion Techniques in C#' +title: 'Конвертуйте типи даних, використовуючи приведення та перетворення в C#' challengeType: 19 dashedName: convert-data-types-using-casting-and-conversion-techniques-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-convert-cast/ and complete all the tasks for the "Convert Data Types Using Casting and Conversion Techniques in C#" module. This is required to earn the "Work with Variable Data in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-convert-cast/ та виконайте всі завдання модуля «Конвертуйте типи даних, використовуючи приведення та перетворення в C#». Це обов’язково, щоб отримати трофей «Робота з даними змінних в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What type of action is being performed when changing a `float` into an `int`? +Яка дія виконується при зміні `float` на `int`? ## --answers-- -A narrowing conversion. +Звуження. --- -A widening conversion. +Розширення. --- -An illegal conversion. +Заборонене перетворення. ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/format-alphanumeric-data-for-presentation-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/format-alphanumeric-data-for-presentation-in-c-sharp.md index 5514c317320..e3c18f76b2c 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/format-alphanumeric-data-for-presentation-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/format-alphanumeric-data-for-presentation-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e232c8acb466c97ccbefc -title: 'Format Alphanumeric Data for Presentation in C#' +title: 'Відформатуйте буквено-цифрові дані для представлення в C#' challengeType: 19 dashedName: format-alphanumeric-data-for-presentation-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-format-strings/ and complete all the tasks for the "Format Alphanumeric Data for Presentation in C#" module. This is required to earn the "Work with Variable Data in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-format-strings/ та виконайте всі завдання модуля «Відформатуйте буквено-цифрові дані для представлення в C#». Це обов’язково, щоб отримати трофей «Робота з даними змінних в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -For the C# code `Console.WriteLine("C110".PadLeft(6, '0'));`, which is the expected output? +Який очікуваний вивід коду `Console.WriteLine("C110".PadLeft(6, '0'));`? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/guided-project-work-with-variable-data-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/guided-project-work-with-variable-data-in-c-sharp.md index 515199832a2..3b9c4d0ded3 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/guided-project-work-with-variable-data-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/guided-project-work-with-variable-data-in-c-sharp.md @@ -1,34 +1,34 @@ --- id: 647e23368acb466c97ccbefd -title: 'Guided Project - Work with Variable Data in C#' +title: 'Керований проєкт: попрацюйте з даними змінних в C#' challengeType: 19 dashedName: guided-project-work-with-variable-data-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/guided-project-work-variable-data-c-sharp/ and complete all the tasks for the "Guided Project - Work with Variable Data in C#" module. This is required to earn the "Work with Variable Data in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/guided-project-work-variable-data-c-sharp/ та виконайте всі завдання модуля «Керований проєкт: попрацюйте з даними змінних в C#». Це обов’язково, щоб отримати трофей «Робота з даними змінних в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -For the code `decimal.TryParse(numberString, out myConvert))` when the type of `numberString` is a String. Which best describes the value type for `myConvert` when the `TryParse()` is successful? +Дано код `decimal.TryParse(numberString, out myConvert))`, де типом `numberString` є рядок. Що найкраще описує тип значення `myConvert`, коли `TryParse()` успішний? ## --answers-- -A string representing numeric digits. +Рядок, який представляє числа. --- -A Boolean value. +Булеве значення. --- -A decimal +Десяткове число ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/modify-the-content-of-string-using-built-in-string-data-type-methods-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/modify-the-content-of-string-using-built-in-string-data-type-methods-in-c-sharp.md index 0373b33abc7..058bfb1e9c7 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/modify-the-content-of-string-using-built-in-string-data-type-methods-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/modify-the-content-of-string-using-built-in-string-data-type-methods-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e23438acb466c97ccbefe -title: 'Modify the Content of Strings Using Built-In String Data Type Methods in C#' +title: 'Змініть вміст рядків, використовуючи вбудовані методи даних рядків в C#' challengeType: 19 dashedName: modify-the-content-of-string-using-built-in-string-data-type-methods-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-modify-content/ and complete all the tasks for the "Modify the Content of Strings Using Built-In String Data Type Methods in C#" module. This is required to earn the "Work with Variable Data in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-modify-content/ та виконайте всі завдання модуля «Змініть вміст рядків, використовуючи вбудовані методи даних рядків в C#». Це обов’язково, щоб отримати трофей «Робота з даними змінних в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which method finds the next index of either the `-` char, the `=` char, or the `_` char? +Який метод знаходить наступний індекс символа `-`, `=` або `_`? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/perform-operations-on-arrays-using-helpers-methods-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/perform-operations-on-arrays-using-helpers-methods-in-c-sharp.md index f117e7ee2e5..1bd25bea1be 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/perform-operations-on-arrays-using-helpers-methods-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/perform-operations-on-arrays-using-helpers-methods-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e23508acb466c97ccbeff -title: 'Perform Operations on Arrays Using Helper Methods in C#' +title: 'Виконайте операції на масивах, використовуючи допоміжні методи в C#' challengeType: 19 dashedName: perform-operations-on-arrays-using-helpers-methods-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-arrays-operations/ and complete all the tasks for the "Perform Operations on Arrays Using Helper Methods in C#" module. This is required to earn the "Work with Variable Data in C# Console Applications" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-arrays-operations/ та виконайте всі завдання модуля «Виконайте операції на масивах, використовуючи допоміжні методи в C#». Це обов’язково, щоб отримати трофей «Робота з даними змінних в консольних застосунках C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which method changes the order of items in an `string` array? +Який метод змінює порядок елементів у масиві рядків? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/trophy-work-with-variable-data-in-c-sharp-console-applications.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/trophy-work-with-variable-data-in-c-sharp-console-applications.md index 58cd4afa485..ceddd4a2c4d 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/trophy-work-with-variable-data-in-c-sharp-console-applications.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/work-with-variable-data-in-c-sharp-console-applications/trophy-work-with-variable-data-in-c-sharp-console-applications.md @@ -1,21 +1,21 @@ --- id: 647f867a07d29547b3bee1bc -title: 'Trophy - Work with Variable Data in C# Console Applications' +title: 'Трофей «Робота з даними змінних в консольних застосунках C#»' challengeType: 18 dashedName: trophy-work-with-variable-data-in-c-sharp-console-applications --- # --description-- -Now that you've completed all of the "Work with Variable Data in C# Console Applications" modules on Microsoft's learn platform, submit the URL to your trophy below. +Ви завершили всі завдання модуля «Робота з даними змінних в консольних застосунках C#» на навчальній платформі Microsoft, тому введіть посилання на свій трофей нижче. -Follow these instructions to find your trophy URL: +Дотримуйтесь цих інструкцій, щоб знайти адресу свого трофея: -1. Go to https://learn.microsoft.com/en-us/users/me/achievements#badges-section using a browser you are logged into Microsoft with -1. Find the trophy for "Work with Variable Data in C# Console Applications" and click the "share" icon next to it -1. Click the "Copy URL" button -1. Paste the URL into the input below +1. Перейдіть до https://learn.microsoft.com/en-us/users/me/achievements#badges-section, використовуючи браузер, через який ви увійшли до Microsoft +1. Знайдіть трофей для «Робота з даними змінних в консольних застосунках C#» та натисніть значок «Поділитися» +1. Натисніть кнопку «Копіювати URL» +1. Вставте посилання в полі нижче -The URL should look similar to this: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-4.trophy?username=your-username&sharingId=your-sharing-id` +Посилання має виглядати приблизно так: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-4.trophy?username=your-username&sharingId=your-sharing-id` -This trophy is required to qualify to take the certification exam. +Цей трофей потрібен для того, щоб скласти екзамен сертифікації. diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-and-print-student-grades.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-and-print-student-grades.md index de2cf0636e2..00ad8bc8207 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-and-print-student-grades.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-and-print-student-grades.md @@ -1,34 +1,34 @@ --- id: 647e235a8acb466c97ccbf00 -title: Guided Project - Calculate and Print Student Grades +title: 'Керований проєкт: розрахунок та друк оцінок студента' challengeType: 19 dashedName: guided-project-calculate-and-print-student-grades --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/guided-project-calculate-print-student-grades/ and complete all the tasks for the "Guided Project - Calculate and Print Student Grades" module. This is required to earn the "Write Your First Code Using C#" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/guided-project-calculate-print-student-grades/ та виконайте всі завдання модуля «Керований проєкт: розрахунок та друк оцінок студента». Це обов’язково, щоб отримати трофей «Написання першого коду за допомогою C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What is wrong with the following code? `int sophiaSum; Console.WriteLine("Sophia: " + sophiaSum);` +Що не так з наданим кодом? `int sophiaSum; Console.WriteLine("Sophia: " + sophiaSum);` ## --answers-- -`sophiaSum` is not initialized before use +`sophiaSum` не ініціалізовано перед використанням --- -`sophiaSum` is not implicitly typed to a string +`sophiaSum` не введено до рядка неявно --- -`sophiaSum` should use the var keyword +`sophiaSum` має використовувати ключове слово var ## --video-solution-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-final-gpa.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-final-gpa.md index e60bdbdee43..e17fdf5181a 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-final-gpa.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/guided-project-calculate-final-gpa.md @@ -1,22 +1,22 @@ --- id: 647e236d8acb466c97ccbf01 -title: Guided Project - Calculate Final GPA +title: 'Керований проєкт: розрахунок GPA' challengeType: 19 dashedName: guided-project-calculate-final-gpa --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/guided-project-calculate-final-gpa/ and complete all the tasks for the "Guided Project - Calculate Final GPA" module. This is required to earn the "Write Your First Code Using C#" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/guided-project-calculate-final-gpa/ та виконайте всі завдання модуля «Керований проєкт: розрахунок GPA». Це обов’язково, щоб отримати трофей «Написання першого коду за допомогою C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Suppose `decimal gradePointAverage = 3.99872831;`. What is the value of `(int) gradePointAverage`? +Припустимо, що `decimal gradePointAverage = 3.99872831;`. Яким буде значення `(int) gradePointAverage`? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-operations-on-numbers-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-operations-on-numbers-in-c-sharp.md index ad414c61f37..572180aab8a 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-operations-on-numbers-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-operations-on-numbers-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e23788acb466c97ccbf02 -title: 'Perform Basic Operations on Numbers in C#' +title: 'Виконайте базові операції з числами в C#' challengeType: 19 dashedName: perform-basic-operations-on-numbers-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-basic-operations/ and complete all the tasks for the "Perform Basic Operations on Numbers in C#" module. This is required to earn the "Write Your First Code Using C#" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-basic-operations/ та виконайте всі завдання модуля «Виконайте базові операції з числами в C#». Це обов’язково, щоб отримати трофей «Написання першого коду за допомогою C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What is the value of the following result? `int result = 3 + 1 * 5 / 2;` +Яке значення матиме результат? `int result = 3 + 1 * 5 / 2;` ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-string-formatting-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-string-formatting-in-c-sharp.md index 77b499bbe1c..47332efde41 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-string-formatting-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/perform-basic-string-formatting-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e23828acb466c97ccbf03 -title: 'Perform Basic String Formatting in C#' +title: 'Виконайте базове форматування рядків в C#' challengeType: 19 dashedName: perform-basic-string-formatting-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-basic-formatting/ and complete all the tasks for the "Perform Basic String Formatting in C#" module. This is required to earn the "Write Your First Code Using C#" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-basic-formatting/ та виконайте всі завдання модуля «Виконайте базове форматування рядків в C#». Це обов’язково, щоб отримати трофей «Написання першого коду за допомогою C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following lines of code correctly uses string interpolation assuming that the variable `value` is a string? +Який з перелічених рядків правильно використовує інтерполяцію рядка, припускаючи, що значення змінної є рядком? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/store-and-retrieve-data-using-literal-and-variable-values-in-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/store-and-retrieve-data-using-literal-and-variable-values-in-c-sharp.md index a61a39ad190..e92b7bd915a 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/store-and-retrieve-data-using-literal-and-variable-values-in-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/store-and-retrieve-data-using-literal-and-variable-values-in-c-sharp.md @@ -1,22 +1,22 @@ --- id: 647e238f8acb466c97ccbf04 -title: 'Store and Retrieve Data Using Literal and Variable Values in C#' +title: 'Збережіть та отримайте дані, використовуючи значення літералів та змінних в C#' challengeType: 19 dashedName: store-and-retrieve-data-using-literal-and-variable-values-in-c-sharp --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-literals-variables/ and complete all the tasks for the "Store and Retrieve Data Using Literal and Variable Values in C#" module. This is required to earn the "Write Your First Code Using C#" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-literals-variables/ та виконайте всі завдання модуля «Збережіть та отримайте дані, використовуючи значення літералів та змінних в C#». Це обов’язково, щоб отримати трофей «Написання першого коду за допомогою C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -Which of the following lines of code creates a variable correctly? +Який з перелічених рядків правильно створює змінну? ## --answers-- diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/trophy-write-your-first-code-using-c-sharp.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/trophy-write-your-first-code-using-c-sharp.md index 8c4bb5b538b..2b07088c206 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/trophy-write-your-first-code-using-c-sharp.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/trophy-write-your-first-code-using-c-sharp.md @@ -1,21 +1,21 @@ --- id: 647f85d407d29547b3bee1bb -title: 'Trophy - Write Your First Code Using C#' +title: 'Трофей «Написання першого коду за допомогою C#»' challengeType: 18 dashedName: trophy-write-your-first-code-using-c-sharp --- # --description-- -Now that you've completed all of the "Write Your First Code Using C#" modules on Microsoft's learn platform, submit the URL to your trophy below. +Ви завершили всі завдання модуля «Написання першого коду за допомогою C#» на навчальній платформі Microsoft, тому введіть посилання на свій трофей нижче. -Follow these instructions to find your trophy URL: +Дотримуйтесь цих інструкцій, щоб знайти адресу свого трофея: -1. Go to https://learn.microsoft.com/en-us/users/me/achievements#badges-section using a browser you are logged into Microsoft with -1. Find the trophy for "Write Your First Code Using C#" and click the "share" icon next to it -1. Click the "Copy URL" button -1. Paste the URL into the input below +1. Перейдіть до https://learn.microsoft.com/en-us/users/me/achievements#badges-section, використовуючи браузер, через який ви увійшли до Microsoft +1. Знайдіть трофей для «Написання першого коду за допомогою C#» та натисніть значок «Поділитися» +1. Натисніть кнопку «Копіювати URL» +1. Вставте посилання в полі нижче -The URL should look similar to this: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-1.trophy?username=your-username&sharingId=your-sharing-id` +Посилання має виглядати приблизно так: `https://learn.microsoft.com/en-us/training/achievements/learn.wwl.get-started-c-sharp-part-1.trophy?username=your-username&sharingId=your-sharing-id` -This trophy is required to qualify to take the certification exam. +Цей трофей потрібен для того, щоб скласти екзамен сертифікації. diff --git a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/write-your-first-c-sharp-code.md b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/write-your-first-c-sharp-code.md index bc5f85082fb..d076c05d26d 100644 --- a/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/write-your-first-c-sharp-code.md +++ b/curriculum/challenges/ukrainian/19-foundational-c-sharp-with-microsoft/write-your-first-code-using-c-sharp/write-your-first-c-sharp-code.md @@ -1,38 +1,38 @@ --- id: 647e239e8acb466c97ccbf05 -title: 'Write Your First C# Code' +title: 'Напишіть свій перший код C#' challengeType: 19 dashedName: write-your-first-c-sharp-code --- # --description-- -This challenge will be partially completed on Microsoft's learn platform. Follow these instructions to complete the challenge: +Це завдання буде частково виконано на навчальній платформі Microsoft. Дотримуйтесь цих інструкцій, щоб виконати завдання: -1. Go to https://learn.microsoft.com/en-us/training/modules/csharp-write-first/ and complete all the tasks for the "Write Your First C# Code" module. This is required to earn the "Write Your First Code Using C#" trophy. -1. When you are finished, come back and correctly answer the question below. +1. Перейдіть до https://learn.microsoft.com/en-us/training/modules/csharp-write-first/ та виконайте всі завдання модуля «Напишіть свій перший код C#». Це обов’язково, щоб отримати трофей «Написання першого коду за допомогою C#». +1. Як тільки завершите, поверніться та дайте правильну відповідь на запитання нижче. # --question-- ## --text-- -What is the difference between `Console.Write` and `Console.WriteLine`? +Яка різниця між `Console.Write` та `Console.WriteLine`? ## --answers-- -`Console.Write` prints the output on a new line. +`Console.Write` друкує вивід в новому рядку. --- -`Console.WriteLine` prints the output on a new line. +`Console.WriteLine` друкує вивід в новому рядку. --- -`Console.WriteLine` appends a new line after the output. +`Console.WriteLine` додає новий рядок після виводу. --- -There is no difference. +Немає жодної різниці. ## --video-solution--