From 1bf2ca0cdc2d697c483ed516efb1cca67f0550af Mon Sep 17 00:00:00 2001 From: camperbot Date: Wed, 30 Nov 2022 08:15:49 -0800 Subject: [PATCH] chore(i18n,learn): processed translations (#48631) --- .../6145f685797bd30df9784e8c.md | 2 +- .../60b69a66b6ddb80858c5157d.md | 2 +- .../60b69a66b6ddb80858c5158f.md | 2 +- .../60b69a66b6ddb80858c515b5.md | 2 +- .../60b69a66b6ddb80858c515ba.md | 2 +- .../60b69a66b6ddb80858c515bd.md | 2 +- .../60b69a66b6ddb80858c515c7.md | 2 +- .../reverse-a-string.md | 12 +-- ...-setters-to-control-access-to-an-object.md | 2 +- .../reverse-a-string.md | 12 +-- ...-setters-to-control-access-to-an-object.md | 2 +- ...hain-middleware-to-create-a-time-server.md | 2 +- ...t-route-parameter-input-from-the-client.md | 2 +- ...-a-root-level-request-logger-middleware.md | 4 +- .../meet-the-node-console.md | 10 +- .../serve-an-html-file.md | 8 +- .../serve-json-on-a-specific-route.md | 10 +- .../serve-static-assets.md | 14 +-- .../start-a-working-express-server.md | 14 +-- .../use-body-parser-to-parse-post-requests.md | 16 ++-- .../use-the-.env-file.md | 2 +- .../add-a-description-to-your-package.json.md | 2 +- .../add-a-license-to-your-package.json.md | 4 +- ...project-with-external-packages-from-npm.md | 6 +- ...e-of-any-node.js-project-or-npm-package.md | 8 +- ...es-by-understanding-semantic-versioning.md | 6 +- ...remove-a-package-from-your-dependencies.md | 10 +- ...he-latest-minor-version-of-a-dependency.md | 12 +-- ...he-latest-patch-version-of-a-dependency.md | 16 ++-- .../6145f685797bd30df9784e8c.md | 2 +- .../5d822fd413a79914d39e98dc.md | 2 +- .../60b69a66b6ddb80858c5157d.md | 2 +- .../60b69a66b6ddb80858c5157e.md | 2 +- .../60b69a66b6ddb80858c5157f.md | 4 +- .../60b69a66b6ddb80858c51581.md | 2 +- .../60b69a66b6ddb80858c51582.md | 2 +- .../60b69a66b6ddb80858c51584.md | 2 +- .../60b69a66b6ddb80858c51585.md | 2 +- .../60b69a66b6ddb80858c51586.md | 2 +- .../60b69a66b6ddb80858c51587.md | 2 +- .../60b69a66b6ddb80858c51588.md | 2 +- .../60b69a66b6ddb80858c5158c.md | 2 +- .../60b69a66b6ddb80858c5158f.md | 2 +- .../60b69a66b6ddb80858c51592.md | 2 +- .../60b69a66b6ddb80858c51595.md | 2 +- .../60b69a66b6ddb80858c51599.md | 2 +- .../60b69a66b6ddb80858c5159a.md | 2 +- .../60b69a66b6ddb80858c5159b.md | 2 +- .../60b69a66b6ddb80858c5159c.md | 2 +- .../60b69a66b6ddb80858c5159d.md | 2 +- .../60b69a66b6ddb80858c5159e.md | 2 +- .../60b69a66b6ddb80858c5159f.md | 2 +- .../60b69a66b6ddb80858c515a0.md | 2 +- .../60b69a66b6ddb80858c515a1.md | 2 +- .../60b69a66b6ddb80858c515a2.md | 2 +- .../60b69a66b6ddb80858c515a3.md | 2 +- .../60b69a66b6ddb80858c515a4.md | 2 +- .../60b69a66b6ddb80858c515a5.md | 2 +- .../60b69a66b6ddb80858c515a6.md | 2 +- .../60b69a66b6ddb80858c515a7.md | 2 +- .../60b69a66b6ddb80858c515a8.md | 2 +- .../60b69a66b6ddb80858c515a9.md | 2 +- .../60b69a66b6ddb80858c515ab.md | 2 +- .../60b69a66b6ddb80858c515ac.md | 2 +- .../60b69a66b6ddb80858c515ad.md | 4 +- .../60b69a66b6ddb80858c515ae.md | 4 +- .../60b69a66b6ddb80858c515af.md | 4 +- .../60b69a66b6ddb80858c515b0.md | 4 +- .../60b69a66b6ddb80858c515b1.md | 4 +- .../60b69a66b6ddb80858c515b2.md | 6 +- .../60b69a66b6ddb80858c515b3.md | 2 +- .../60b69a66b6ddb80858c515b4.md | 2 +- .../60b69a66b6ddb80858c515b5.md | 2 +- .../60b69a66b6ddb80858c515b6.md | 2 +- .../60b69a66b6ddb80858c515b7.md | 2 +- .../60b69a66b6ddb80858c515b8.md | 2 +- .../60b69a66b6ddb80858c515b9.md | 2 +- .../60b69a66b6ddb80858c515ba.md | 2 +- .../60b69a66b6ddb80858c515bc.md | 2 +- .../60b69a66b6ddb80858c515bd.md | 2 +- .../60b69a66b6ddb80858c515c0.md | 2 +- .../60b69a66b6ddb80858c515c1.md | 2 +- .../60b69a66b6ddb80858c515c2.md | 2 +- .../60b69a66b6ddb80858c515c3.md | 2 +- .../60b69a66b6ddb80858c515c4.md | 2 +- .../60b69a66b6ddb80858c515c7.md | 2 +- .../60ba890832b4940f24d1936b.md | 2 +- .../60ba89123a445e0f5c9e4022.md | 2 +- .../60ba8913f1704c0f7a8906b8.md | 2 +- .../60ba89146b25080f99ab54ad.md | 2 +- .../60ba8914bab51f0fb8228e9c.md | 2 +- .../60ba929345ab0714a3743655.md | 2 +- .../60bad32219ebcb4a8810ac6a.md | 2 +- .../620192a767533a7ad19d96d7.md | 2 +- .../quality-assurance-certification.yml | 4 +- .../american-british-translator.md | 94 +++++++++---------- .../issue-tracker.md | 2 +- .../metric-imperial-converter.md | 54 +++++------ .../sudoku-solver.md | 4 +- ...sh-and-compare-passwords-asynchronously.md | 4 +- ...ash-and-compare-passwords-synchronously.md | 10 +- ...-information-using-helmet.hidepoweredby.md | 4 +- .../install-and-require-helmet.md | 10 +- ...-of-clickjacking-with-helmet.frameguard.md | 8 +- ...pting-xss-attacks-with-helmet.xssfilter.md | 12 +-- ...ing-untrusted-html-with-helmet.ienoopen.md | 4 +- ...olicy-with-helmet.contentsecuritypolicy.md | 10 +- .../understand-bcrypt-hashes.md | 16 ++-- 108 files changed, 285 insertions(+), 285 deletions(-) diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md index aec60650418..6efdb63b87e 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md @@ -35,7 +35,7 @@ assert.exists(document.querySelector('section:last-of-type + button') || documen assert.exists(document.querySelector('button[type="submit"]') || document.querySelector('form > input[type="submit"]')); ``` -The submit should display the text `Send`. +يجب أن يعرض زر الإرسال (submit) نص `Send`. ```js assert.equal(document.querySelector('button[type="submit"]')?.textContent ?? document.querySelector('input[type="submit"]')?.value, 'Send'); diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md index 5ba0a275b5e..1ba93d91c49 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Use an id selector to give the element with the id `back-wall` a `background-color` of `#8B4513`. +استخدم محدد معرف (id selector) لإعطاء عنصر `back-wall` خاصية `background-color` بقيمة `#8B4513`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md index 5f47a782b20..54a0c86a751 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Using an id selector, give the element with the id `gray-instrument` a `width` of `15%`, a `height` of `40%`, and a `background-color` of `rgb(167, 162, 117)`. +باستعمال منتقي معرف (id selector), اعطي عنصر الذي يحتوي على معرف (id) يسمى `gray-instrument` خاصية `width` بقيمة `15%`، و`height` بقيمة `40%`، و `background-color` بقيمة `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md index 5ac9fa3ee6d..1e00ce809b2 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Style the element with the id `black-round-hat` using an id selector. عيّن `width` بقيمة `180px`, و`height` بقيمة `150px`, و`background-color` بقيمة `rgb(45, 31, 19)`. +حدد العنصر يحتوي على معرف (id) يسمى `black-round-hat` باستخدام محدد المعرف (id selector). عيّن `width` بقيمة `180px`, و`height` بقيمة `150px`, و`background-color` بقيمة `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md index 0097305714c..e9cdd9e8a70 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Now move the `#eyes-div` element into position with `position` set to `absolute`, `top` set to `-40px`, and `left` set to `20px`. +الآن أنقل عنصر `#eyes-div` إلى الموضع `position` بقيمة `absolute`، و`top` بقيمة `-40px`، و `left` بقيمة `20px`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md index 730888885da..95783d4e0bb 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Now use a class selector to target `guitar`. سيؤدي هذا إلى تصميم "نصفي" جيتارك. قم بتعيين `width` إلى `150px`، و `height` إلى `120px` و `background-color` إلى `Goldenrod` و `border-radius` إلى `50%`. +الآن استخدم منتقي فئة (class selector) لاستهداف `guitar`. سيؤدي هذا إلى تصميم "نصفي" جيتارك. قم بتعيين `width` إلى `150px`، و `height` إلى `120px` و `background-color` إلى `Goldenrod` و `border-radius` إلى `50%`. # --hints-- diff --git a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md index faa81b7643a..99f2a90efa8 100644 --- a/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md +++ b/curriculum/challenges/arabic/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md @@ -7,7 +7,7 @@ dashedName: step-89 # --description-- -خطوة واحدة أخيرة. أيقونات FontAwesome صغيرة جدا. Target all of them with a class selector for `fas`, and set the `font-size` to `30px`. +خطوة واحدة أخيرة. أيقونات FontAwesome صغيرة جدا. استخدام منتقي الفئة (class selector) لاستهداف جميع `fas`، وعيّن `font-size` بقيمة `30px`. بهذا اكتمل رسم بيكاسو الخاص بك! diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md index 53a249a0e64..db16f602b6d 100644 --- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md +++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md @@ -8,31 +8,31 @@ dashedName: reverse-a-string # --description-- -Reverse the provided string and return the reversed string. +反轉提供的字符串並返回反轉後的字符串。 -For example, `"hello"` should become `"olleh"`. +例如， `"hello"` 應該變成 `"olleh"`。 # --hints-- -`reverseString("hello")` should return a string. +`reverseString("hello")` 應返回一個字符串。 ```js assert(typeof reverseString('hello') === 'string'); ``` -`reverseString("hello")` should return the string `olleh`. +`reverseString("hello")` 應返回 `olleh`。 ```js assert(reverseString('hello') === 'olleh'); ``` -`reverseString("Howdy")` should return the string `ydwoH`. +`reverseString("Howdy")` 應返回 `ydwoH`。 ```js assert(reverseString('Howdy') === 'ydwoH'); ``` -`reverseString("Greetings from Earth")` should return the string `htraE morf sgniteerG`. +`reverseString("Greetings from Earth")` 應返回 `htraE morf sgniteerG`。 ```js assert(reverseString('Greetings from Earth') === 'htraE morf sgniteerG'); diff --git a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md index 74d3ce6aa61..25eb8956416 100644 --- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md +++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md @@ -109,7 +109,7 @@ assert( ); ``` -A `setter` should be defined. +應該定義一個 `setter`。 ```js assert( diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md index eb02b221a43..7056dce6da2 100644 --- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md +++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-algorithm-scripting/reverse-a-string.md @@ -8,31 +8,31 @@ dashedName: reverse-a-string # --description-- -Reverse the provided string and return the reversed string. +反转提供的字符串并返回反转后的字符串。 -For example, `"hello"` should become `"olleh"`. +例如， `"hello"` 应该变成 `"olleh"`。 # --hints-- -`reverseString("hello")` should return a string. +`reverseString("hello")` 应返回一个字符串。 ```js assert(typeof reverseString('hello') === 'string'); ``` -`reverseString("hello")` should return the string `olleh`. +`reverseString("hello")` 应返回 `olleh`。 ```js assert(reverseString('hello') === 'olleh'); ``` -`reverseString("Howdy")` should return the string `ydwoH`. +`reverseString("Howdy")` 应返回 `ydwoH`。 ```js assert(reverseString('Howdy') === 'ydwoH'); ``` -`reverseString("Greetings from Earth")` should return the string `htraE morf sgniteerG`. +`reverseString("Greetings from Earth")` 应返回 `htraE morf sgniteerG`。 ```js assert(reverseString('Greetings from Earth') === 'htraE morf sgniteerG'); diff --git a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md index bc78f48dd33..70ce5ee52eb 100644 --- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md +++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/use-getters-and-setters-to-control-access-to-an-object.md @@ -109,7 +109,7 @@ assert( ); ``` -A `setter` should be defined. +应该定义一个 `setter`。 ```js assert( diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md index 4d8966b97da..4904815fac1 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/chain-middleware-to-create-a-time-server.md @@ -31,7 +31,7 @@ Verkette in der Route `app.get('/now', ...)` eine Middleware-Funktion und den fi # --hints-- -The /now endpoint should have mounted middleware +Der /now-Endpunkt sollte über eine eingebundene Middleware verfügen ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md index 8506874c4d6..11c6fc81975 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/get-route-parameter-input-from-the-client.md @@ -1,6 +1,6 @@ --- id: 587d7fb2367417b2b2512bf5 -title: Get Route Parameter Input from the Client +title: Routen-Eingabeparameter vom Kunden erhalten challengeType: 2 forumTopicId: 301513 dashedName: get-route-parameter-input-from-the-client diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md index 5abc2bfbf42..1b8dc0b3493 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/implement-a-root-level-request-logger-middleware.md @@ -1,6 +1,6 @@ --- id: 587d7fb1367417b2b2512bf3 -title: Implement a Root-Level Request Logger Middleware +title: Implementiere eine Anfragenlogger-Middleware auf Hauptverzeichnisebene challengeType: 2 forumTopicId: 301514 dashedName: implement-a-root-level-request-logger-middleware @@ -29,7 +29,7 @@ Baue einen einfachen Logger. Für jede Anfrage sollte ein String folgenden Forma # --hints-- -Root level logger middleware should be active +Logger-Middleware auf Hauptverzeichnisebene sollte aktiv sein ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md index 7a1e893fe24..151f487c2d4 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/meet-the-node-console.md @@ -1,6 +1,6 @@ --- id: 587d7fb0367417b2b2512bed -title: Meet the Node console +title: Lerne Node console kennen challengeType: 2 forumTopicId: 301515 dashedName: meet-the-node-console @@ -8,11 +8,11 @@ dashedName: meet-the-node-console # --description-- -Working on these challenges will involve you writing your code using one of the following methods: +Bei der Arbeit an diesen Aufgaben wirst du deinen Code mithilfe folgender Methoden schreiben: -- Clone this GitHub repo and complete these challenges locally. -- Use our Replit starter project to complete these challenges. -- Use a site builder of your choice to complete the project. Be sure to incorporate all the files from our GitHub repo. +- Klone dieses GitHub-Repo und schließe dein Projekt lokal ab. +- Benutze unser Replit-Starterprojekt, um die Aufgaben abzuschließen. +- Verwende einen Site Builder deiner Wahl, um das Projekt abzuschließen. Achte darauf, alle Dateien aus unserem GitHub Repo zu integrieren. If you use Replit, follow these steps to set up the project: diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md index 624d92467db..7c178762e85 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-an-html-file.md @@ -8,7 +8,7 @@ dashedName: serve-an-html-file # --description-- -Du kannst auf Anfragen mit einer Datei antworten, indem du die Methode `res.sendFile(path)` verwendest. You can put it inside the `app.get('/', ...)` route handler. Behind the scenes, this method will set the appropriate headers to instruct your browser on how to handle the file you want to send, according to its type. Dann wird die Datei gelesen und gesendet. Diese Methode benötigt einen absoluten Dateipfad. Wir empfehlen dir, die globale Node-Variable `__dirname` zu verwenden, um den Pfad wie folgt zu berechnen: +Du kannst auf Anfragen mit einer Datei antworten, indem du die Methode `res.sendFile(path)` verwendest. Du kannst sie im `app.get('/', ...)`-Route-Handler einfügen. Im Hintergrund setzt diese Methode die jeweiligen Header, um deinem Browser mitzuteilen, wie er die von dir gesendete Datei je nach Typ zu verarbeiten hat. Dann wird die Datei gelesen und gesendet. Diese Methode benötigt einen absoluten Dateipfad. Wir empfehlen dir, die globale Node-Variable `__dirname` zu verwenden, um den Pfad wie folgt zu berechnen: ```js absolutePath = __dirname + relativePath/file.ext @@ -16,13 +16,13 @@ absolutePath = __dirname + relativePath/file.ext # --instructions-- -Sende die `/views/index.html`-Datei als Antwort auf GET-Anfragen an den `/`-Pfad. If you view your live app, you should see a big HTML heading (and a form that we will use later…), with no style applied. +Sende die `/views/index.html`-Datei als Antwort auf GET-Anfragen an den `/`-Pfad. Siehst du dir deine laufende Anwendung an, solltest du eine große HTML-Überschrift ohne angewandten Stil sehen (und ein Formular, welches wir später verwenden werden...). -**Note:** You can edit the solution of the previous challenge or create a new one. If you create a new solution, keep in mind that Express evaluates routes from top to bottom, and executes the handler for the first match. You have to comment out the preceding solution, or the server will keep responding with a string. +**Hinweis:** Du kannst die Lösung der vorherigen Aufgabe bearbeiten oder eine neue erstellen. Wenn du eine neue Lösung erstellst, beachte, dass Express die Pfade von oben nach unten auswertet und den Handler für die erste Übereinstimmung ausführt. Du musst die vorangehende Lösung entkommentieren, sonst antwortet der Server weiterhin mit einem String. # --hints-- -Your app should serve the file views/index.html +Die Anwendung sollte die Datei views/index.html bereitstellen ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md index 1e977061c7c..59d415ac909 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-json-on-a-specific-route.md @@ -1,6 +1,6 @@ --- id: 587d7fb1367417b2b2512bf1 -title: Serve JSON on a Specific Route +title: Bereitstellen von JSON auf einer bestimmten Route challengeType: 2 forumTopicId: 301517 dashedName: serve-json-on-a-specific-route @@ -8,17 +8,17 @@ dashedName: serve-json-on-a-specific-route # --description-- -While an HTML server serves HTML, an API serves data. A REST (REpresentational State Transfer) API allows data exchange in a simple way, without the need for clients to know any detail about the server. The client only needs to know where the resource is (the URL), and the action it wants to perform on it (the verb). The GET verb is used when you are fetching some information, without modifying anything. These days, the preferred data format for moving information around the web is JSON. Simply put, JSON is a convenient way to represent a JavaScript object as a string, so it can be easily transmitted. +Während ein normaler HTML-Server HTML liefert, liefert eine API Daten. Eine REST-API (REpresentational State Transfer) erlaubt Datenaustausch auf eine einfachere Art und Weise – ohne dass Nutzer Details über den Server wissen müssen. Der Benutzer muss hierbei lediglich den Ort der Quelle (die URL) sowie die hier auszuführende Aktion wissen (das Verb). Das GET-Verb wird bei reinen Datenaufrufen benutzt – ohne etwas zu ändern. Heutzutage ist das für Datentransfers bevorzugte Format JSON. Einfach ausgedrückt: JSON ist eine bequeme Möglichkeit, mit einem JavaScript-Objekt als String zu arbeiten, um Datenübertragungen zu erleichtern. -Let's create a simple API by creating a route that responds with JSON at the path `/json`. You can do it as usual, with the `app.get()` method. Inside the route handler, use the method `res.json()`, passing in an object as an argument. This method closes the request-response loop, returning the data. Behind the scenes, it converts a valid JavaScript object into a string, then sets the appropriate headers to tell your browser that you are serving JSON, and sends the data back. A valid object has the usual structure `{key: data}`. `data` can be a number, a string, a nested object or an array. `data` can also be a variable or the result of a function call, in which case it will be evaluated before being converted into a string. +Lass uns eine einfache API erstellen, indem wir eine JSON zurückgebende Route unter dem Pfad `/json` erstellen. Du kannst das – wie immer – mit der `app.get()`-Methode machen. Benutze innerhalb des Route-Handlers die Methode `res.json()`, und übergebe ihr ein Objekt als Argument. Diese Methode schließt die Anfrage-Antwort-Schleife und gibt die Daten zurück. Hinter den Kulissen wird hierbei ein gültiges JavaScript-Objekt in einen String konvertiert, anschließend werden die entsprechenden Header gesetzt, um deinen Browser mitzuteilen, dass du JSON-Daten lieferst – danach werden die Daten zurückgegeben. Ein gültiges Objekt hat die bekannte Struktur `{key: data}`. `data` kann hierbei eine Nummer, ein String, ein verschachteltes Objekt oder ein Array sein. `data` kann auch eine Variable, oder das Ergebnis eines Function-Calls sein, in diesem Fall werden die Daten vor Umwandlung in einen String überprüft. # --instructions-- -Serve the object `{"message": "Hello json"}` as a response, in JSON format, to GET requests to the `/json` route. Then point your browser to `your-app-url/json`, you should see the message on the screen. +Liefere das Objekt `{"message": "Hello json"}` im JSON-Format als Antwort, um GET-Anfragen der `/json`-Route zu beantworten. Wenn du anschließend mit deinem Browser `your-app-url/json` aufrufst, solltest du die Nachricht auf deinem Bildschirm sehen. # --hints-- -The endpoint `/json` should serve the json object `{"message": "Hello json"}` +Der Endpunkt `/json` sollte das JSON-Objekt `{"message": "Hello json"}` liefern ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md index f3e2796c54e..960eabc01fc 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/serve-static-assets.md @@ -1,6 +1,6 @@ --- id: 587d7fb0367417b2b2512bf0 -title: Serve Static Assets +title: Bereitstellen von statischen Assets challengeType: 2 forumTopicId: 301518 dashedName: serve-static-assets @@ -8,21 +8,21 @@ dashedName: serve-static-assets # --description-- -An HTML server usually has one or more directories that are accessible by the user. You can place there the static assets needed by your application (stylesheets, scripts, images). +Ein HTML-Server verfügt normalerweise über ein oder mehr Verzeichnisse, die vom Nutzer zugänglich sind. Hier kannst du jene Assets platzieren, die von deiner Anwendung benötigt werden (Stylesheets, Skripte, Bilder). -In Express, you can put in place this functionality using the middleware `express.static(path)`, where the `path` parameter is the absolute path of the folder containing the assets. +Mit Express kannst du von dieser Funktion mit der Middleware `express.static(path)` Gebrauch machen – der `path`-Parameter ist hier der absolute Pfad, in dem sich die Assets befinden. -If you don’t know what middleware is... don’t worry, we will discuss in detail later. Basically, middleware are functions that intercept route handlers, adding some kind of information. A middleware needs to be mounted using the method `app.use(path, middlewareFunction)`. The first `path` argument is optional. If you don’t pass it, the middleware will be executed for all requests. +Wenn du nicht weißt, was Middleware ist... keine Sorge, wir werden das noch im Detail besprechen. Ganz allgemein sind Middleware Funktionen, die sich in Route-Handler zwischenschalten und Informationen hinzufügen. Eine Middleware wird mit der Methode `app.use(path, middlewareFunction)` aufgesetzt. Hierbei ist das erste `path`-Argument optional. Übergibst du dieses nicht, wird die Middleware für alle Anfragen ausgeführt. # --instructions-- -Mount the `express.static()` middleware to the path `/public` with `app.use()`. The absolute path to the assets folder is `__dirname + /public`. +Setze eine `express.static()`-Middleware für den Pfad `/public` mit `app.use()` auf. Der absolute Pfad zum Assets-Ordner ist `__dirname + /public`. -Now your app should be able to serve a CSS stylesheet. Note that the `/public/style.css` file is referenced in the `/views/index.html` in the project boilerplate. Your front-page should look a little better now! +Jetzt sollte deine Anwendung ein CSS-Stylesheet liefern können. Beachte, dass die `/public/style.css`-Datei in der `/views/index.html` in der Projekt-Boilerplate verwendet wird. Nun sollte deine Startseite bereits ein wenig besser aussehen! # --hints-- -Your app should serve asset files from the `/public` directory to the `/public` path +Deine Anwendung sollte Asset-Dateien des `/public`-Verzeichnisses an den `/public`-Pfad liefern ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md index e8e3e82fc5a..f598d2365ac 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/start-a-working-express-server.md @@ -1,6 +1,6 @@ --- id: 587d7fb0367417b2b2512bee -title: Start a Working Express Server +title: Starte einen funktionierenden Express-Server challengeType: 2 forumTopicId: 301519 dashedName: start-a-working-express-server @@ -8,9 +8,9 @@ dashedName: start-a-working-express-server # --description-- -In the first two lines of the file `myApp.js`, you can see how easy it is to create an Express app object. This object has several methods, and you will learn many of them in these challenges. One fundamental method is `app.listen(port)`. It tells your server to listen on a given port, putting it in running state. For testing reasons, we need the app to be running in the background so we added this method in the `server.js` file for you. +In den ersten zwei Zeilen der Datei `myApp.js` siehst du, wie einfach es ist, ein Objekt der Express-Bibliothek zu erzeugen. Dieses Objekt verfügt über verschiedene Methoden – in diesen Aufgaben lernst du mehrere dieser kennen. Eine grundlegende Methode ist hierbei `app.listen(port)`. Diese teilt deinen Server mit, auf einen bestimmten Port zu hören, und sich in den Zustand "running" zu begeben. Aus Testzwecken muss diese Anwendung im Hintergrund laufen – wir haben deshalb diese Methode in der Datei `server.js` für dich erstellt. -Let’s serve our first string! In Express, routes takes the following structure: `app.METHOD(PATH, HANDLER)`. METHOD is an http method in lowercase. PATH is a relative path on the server (it can be a string, or even a regular expression). HANDLER is a function that Express calls when the route is matched. Handlers take the form `function(req, res) {...}`, where req is the request object, and res is the response object. For example, the handler +Lass uns unseren ersten String erstellen! In Express verwenden Routen die folgende Struktur: `app.METHOD(PATH, HANDLER)`. METHOD ist eine HTTP-Methode in Kleinbuchstaben. PATH ist ein relativer Pfad auf deinem Server (kann sowohl String als auch regulärer Ausdruck sein). HANDLER ist eine von Express aufgerufene Funktion, wenn auf die Route zugegriffen wird. Handler werden über das Format `function(req, res) {...}` verwendet – req ist hier das Anfragen- und res das Antwortobjekt. So wird dieser Handler beispielsweise ```js function(req, res) { @@ -18,17 +18,17 @@ function(req, res) { } ``` -will serve the string 'Response String'. +den String 'Response String' zurückgeben. # --instructions-- -Use the `app.get()` method to serve the string "Hello Express" to GET requests matching the `/` (root) path. Be sure that your code works by looking at the logs, then see the results in the preview if you are using Replit. +Benutze die `app.get()`-Methode, um den String "Hello Express" an GET Anfragen zu erstellen, die mit `/` (Hauptverzeichnis) übereinstimmen. Stelle über einen Blick auf die Logs sicher, dass dein Code funktioniert; siehe dann die Ergebnisse in der Vorschau ein – wenn du Replit verwendest. -**Note:** All the code for these lessons should be added in between the few lines of code we have started you off with. +**Hinweis:** Der gesamte Code für diese Lektionen sollte zwischen den wenigen Codezeilen eingefügt werden, mit denen du angefangen hast. # --hints-- -Your app should serve the string 'Hello Express' +Deine App sollte die Zeichenfolge "Hello Express" ausgeben ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md index f3eb31ef9eb..7480227daf9 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-body-parser-to-parse-post-requests.md @@ -1,6 +1,6 @@ --- id: 587d7fb2367417b2b2512bf7 -title: Use body-parser to Parse POST Requests +title: Body-Parser verwenden, um POST-Anfragen zu parsen challengeType: 2 forumTopicId: 301520 dashedName: use-body-parser-to-parse-post-requests @@ -8,9 +8,9 @@ dashedName: use-body-parser-to-parse-post-requests # --description-- -Besides GET, there is another common HTTP verb, it is POST. POST is the default method used to send client data with HTML forms. In REST convention, POST is used to send data to create new items in the database (a new user, or a new blog post). You don’t have a database in this project, but you are going to learn how to handle POST requests anyway. +Neben GET gibt es ein weiteres, übliches HTTP-Verb: POST. POST ist die Standardmethode, um Benutzerdaten mit HTML-Formularen abzuschicken. Der REST-Konvention zufolge, wird POST dazu verwendet, Daten zu senden, um neue Einträge in einer Datenbank zu erzeugen (ein neuer Nutzer oder ein neuer Blogeintrag). Für dieses Projekt benötigst du keinen Dateneintrag – du wirst dennoch lernen, mit POST-Anfragen zu arbeiten. -In these kind of requests, the data doesn’t appear in the URL, it is hidden in the request body. The body is a part of the HTTP request, also called the payload. Even though the data is not visible in the URL, this does not mean that it is private. To see why, look at the raw content of an HTTP POST request: +Bei dieser Art von Anfragen tauchen die Daten nicht in der URL auf – sie werden im Anfragen-Body versteckt. Der Body ist Teil einer HTTP-Anfrage, auch Payload genannt. Obwohl die Daten in der URL nicht sichtbar sind, bedeutet das nicht, dass diese privat sind. Schaue dir diesen unverarbeiteten Inhalt einer HTTP-Post-Anfrage an, um herauszufinden, wieso: ```http POST /path/subpath HTTP/1.0 @@ -22,19 +22,19 @@ Content-Length: 20 name=John+Doe&age=25 ``` -As you can see, the body is encoded like the query string. This is the default format used by HTML forms. With Ajax, you can also use JSON to handle data having a more complex structure. There is also another type of encoding: multipart/form-data. This one is used to upload binary files. In this exercise, you will use a URL encoded body. To parse the data coming from POST requests, you must use the `body-parser` package. This package allows you to use a series of middleware, which can decode data in different formats. +Wie du siehst, wird der Body genau wie der Abfragen-String kodiert. Das ist das von HTML-Formularen verwendete Standardformat. Mit JSON kannst du über Ajax auch mit Daten komplexerer Struktur arbeiten. Es gibt aber auch eine andere Kodierungsart: multipart/form-data. Diese wird für das Hochladen von Binärdateien verwendet. In dieser Übung wirst du jedoch URL-kodierten Body verwenden. Um die von POST-Anfragen erhaltenen Daten zu parsen, musst du das Paket `body-parser` verwenden. Dieses Paket erlaubt dir, eine Reihe von Middleware-Funktionen zu verwenden, mit welchen du Daten verschiedener Formate dekodieren kannst. # --instructions-- -`body-parser` has already been installed and is in your project's `package.json` file. `require` it at the top of the `myApp.js` file and store it in a variable named `bodyParser`. The middleware to handle URL encoded data is returned by `bodyParser.urlencoded({extended: false})`. Pass the function returned by the previous method call to `app.use()`. As usual, the middleware must be mounted before all the routes that depend on it. +`body-parser` wurde bereits installiert und befindet sich in deiner `package.json` Projektdatei. `require` es am Anfang der `myApp.js`-Datei und speicher es in einer Variable namens `bodyParser`. Die Middleware zur Verarbeitung von URL-kodierten Daten wird von `bodyParser.urlencoded({extended: false})` zurückgegeben. Übergib die Funktion, die durch den vorherigen Methodenaufruf zurückgegeben wurde, an `app.use()`. Wie üblich muss die Middleware vor allen Pfaden eingebaut werden, die von ihr abhängen. -**Note:** `extended` is a configuration option that tells `body-parser` which parsing needs to be used. When `extended=false` it uses the classic encoding `querystring` library. When `extended=true` it uses `qs` library for parsing. +**Hinweis:** `extended` ist eine Konfigurationsoption, die dem `body-parser` mitteilt, welches Parsing verwendet werden muss. Bei `extended=false` wird die klassische Kodierung der `querystring` Bibliothek verwendet. Ist `extended=true`, wird die Bibliothek `qs` zum Parsen verwendet. -When using `extended=false`, values can be only strings or arrays. The object returned when using `querystring` does not prototypically inherit from the default JavaScript `Object`, which means functions like `hasOwnProperty`, `toString` will not be available. The extended version allows more data flexibility, but it is outmatched by JSON. +Bei `extended=false` können Werte ausschließlich Strings oder Arrays sein. Das von `querystring` zurückgegebene Objekt erbt nicht prototypisch vom klassischen JavaScript-`Object`, weshalb Funktionen wie `hasOwnProperty` und `toString` nicht verwendbar sind. Zwar erlaubt die erweiterte Version mehr Datenflexibilität, wird aber von JSON übertroffen. # --hints-- -The 'body-parser' middleware should be mounted +Die Middleware 'body-parser' sollte aufgesetzt werden ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md index 372499f97bf..214ea5abb14 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/basic-node-and-express/use-the-.env-file.md @@ -22,7 +22,7 @@ Greife nun in dem `/json`-GET-Route-Handler, den du in der letzten Aufgabe erste **Hinweis:** Nutzt du Replit, kannst du keine `.env`-Datei erstellen. Benutze stattdessen den eingebauten SECRETS-Tab, um eine Variabel hinzuzufügen. -Wenn du lokal arbeitest, benötigst du das `dotenv`-Paket. Dieses lädt Umgebungsvariablen deiner `.env`-Datei in `process.env`. Das `dotenv`-Paket wurde bereits installiert und befindet sich in deiner `package.json`-Projektdatei. At the top of your `myApp.js` file, import and load the variables with `require('dotenv').config()`. +Wenn du lokal arbeitest, benötigst du das `dotenv`-Paket. Dieses lädt Umgebungsvariablen deiner `.env`-Datei in `process.env`. Das `dotenv`-Paket wurde bereits installiert und befindet sich in deiner `package.json`-Projektdatei. Importiere und lade die Variablen mit `require('dotenv').config()` am Anfang deiner `myApp.js`-Datei. # --hints-- diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md index 71f5625c762..745e0f39877 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-description-to-your-package.json.md @@ -10,7 +10,7 @@ dashedName: add-a-description-to-your-package-json Der nächste Teil einer guten package.json-Datei ist das `description` Feld; hier sollte eine kurze, aber informative Beschreibung deines Projekts zu finden sein. -If some day you plan to publish a package to npm, this is the string that should sell your idea to the user when they decide whether to install your package or not. Jedoch ist das nicht der einzige Verwendungszweck für die Beschreibung – dieses Feld ist ein toller Weg, um zusammenzufassen, worum es in dem Projekt geht. In jedem Node.js-Projekt ist es ebenso wichtig, anderen Entwicklern, zukünftigen Maintainern oder vielleicht sogar deinem zukünftigen Selbst dabei zu helfen, das Projekt schnell zu verstehen. +Solltest du eines Tages planen, ein Paket mit npm zu veröffentlichen, ist das der String, mit welchem du deine Idee dem Nutzer näherbringen solltest. Jedoch ist das nicht der einzige Verwendungszweck für die Beschreibung – dieses Feld ist ein toller Weg, um zusammenzufassen, worum es in dem Projekt geht. In jedem Node.js-Projekt ist es ebenso wichtig, anderen Entwicklern, zukünftigen Maintainern oder vielleicht sogar deinem zukünftigen Selbst dabei zu helfen, das Projekt schnell zu verstehen. Unabhängig davon, was du für dein Projekt planst, wird eine Beschreibung auf jeden Fall empfohlen. Hier ist ein Beispiel: diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md index bf6017c1f5a..01f5eebd7c0 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/add-a-license-to-your-package.json.md @@ -10,7 +10,7 @@ dashedName: add-a-license-to-your-package-json Im Feld `license` teilst du den Nutzern mit, was sie mit deinem Projekt machen dürfen. -Einige gängige Lizenzen für Open-Source-Projekte sind MIT und BSD. Lizenzinformation ist nicht erforderlich, und die Urheberrechtsgesetze der meisten Länder geben dir standardmäßig Eigentumsrechte an deiner Kreation. However, it’s always a good practice to explicitly state what users can and can’t do. Hier ist ein Beispiel für das Lizenzfeld: +Einige gängige Lizenzen für Open-Source-Projekte sind MIT und BSD. Lizenzinformation ist nicht erforderlich, und die Urheberrechtsgesetze der meisten Länder geben dir standardmäßig Eigentumsrechte an deiner Kreation. Es ist jedoch ein bewährtes Verfahren, ausdrücklich anzugeben, was Nutzer machen dürfen und was nicht. Hier ist ein Beispiel für das Lizenzfeld: ```json "license": "MIT", @@ -18,7 +18,7 @@ Einige gängige Lizenzen für Open-Source-Projekte sind MIT und BSD. Lizenzinfor # --instructions-- -Fill the `license` field in the package.json file of your project as you find suitable. +Fülle das `license`-Feld in der package.json-Datei deines Projekts so aus, wie du das für notwendig hältst. # --hints-- diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md index b2dada85e33..ecd6b2a48af 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm.md @@ -8,7 +8,7 @@ dashedName: expand-your-project-with-external-packages-from-npm # --description-- -Einer der wichtigsten Gründe für die Verwendung eines Paketmanagers, ist dessen leistungstarkes Abhängigkeitsmanagement. Anstatt manuell sicherzustellen, dass du alle Abhängigkeiten erhältst, wenn du ein Projekt auf einem neuen Computer einrichtest, installiert npm alles automatisch für dich. Aber wie kann npm genau wissen, was dein Projekt benötigt? Meet the `dependencies` section of your package.json file. +Einer der wichtigsten Gründe für die Verwendung eines Paketmanagers, ist dessen leistungstarkes Abhängigkeitsmanagement. Anstatt manuell sicherzustellen, dass du alle Abhängigkeiten erhältst, wenn du ein Projekt auf einem neuen Computer einrichtest, installiert npm alles automatisch für dich. Aber wie kann npm genau wissen, was dein Projekt benötigt? Lerne den `dependencies`-Abschnitt deiner package.json Datei kennen. In diesem Abschnitt werden die Pakete, die dein Projekt benötigt, in folgendem Format gespeichert: @@ -22,9 +22,9 @@ In diesem Abschnitt werden die Pakete, die dein Projekt benötigt, in folgendem # --instructions-- -Add version "1.1.0" of the `@freecodecamp/example` package to the `dependencies` field of your `package.json` file. +Füge die Version "1.1.0" des `@freecodecamp/example`-Pakets dem `dependencies`-Feld deiner `package.json`-Datei hinzu. -**Note:** `@freecodecamp/example` is a faux package used as a learning tool. +**Hinweis:** `@freecodecamp/example` ist eine Mogelpackung, die wir hier als Lernbeispiel verwenden. # --hints-- diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md index 7ac832ce11a..586ff28661b 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/how-to-use-package.json-the-core-of-any-node.js-project-or-npm-package.md @@ -1,6 +1,6 @@ --- id: 587d7fb3367417b2b2512bfb -title: 'How to Use package.json, the Core of Any Node.js Project or npm Package' +title: 'Wie man package.json, den Kern eines jeden Node.js-Projekts oder npm-Pakets, verwendet' challengeType: 2 forumTopicId: 301528 dashedName: how-to-use-package-json-the-core-of-any-node-js-project-or-npm-package @@ -10,9 +10,9 @@ dashedName: how-to-use-package-json-the-core-of-any-node-js-project-or-npm-packa Bei der Bearbeitung dieser Aufgaben musst du deinen Code nach einer der folgenden Methoden schreiben: -- Clone this GitHub repo and complete these challenges locally. -- Use our Replit starter project to complete these challenges. -- Verwende einen Site-Builder deiner Wahl, um das Projekt fertigzustellen. Be sure to incorporate all the files from our GitHub repo. +- Klone diese GitHub-Repo und schließe dein Projekt lokal ab. +- Benutze unser Replit-Starterprojekt, um diese Aufgabe fertigzustellen. +- Verwende einen Site-Builder deiner Wahl, um das Projekt fertigzustellen. Achte darauf, alle Dateien aus unserer GitHub-Repo zu integrieren. If you use Replit, follow these steps to set up the project: diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md index fa43e78268a..2e4632d67c2 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/manage-npm-dependencies-by-understanding-semantic-versioning.md @@ -1,6 +1,6 @@ --- id: 587d7fb5367417b2b2512c01 -title: Manage npm Dependencies By Understanding Semantic Versioning +title: Verwalte npm-Abhängigkeiten durch das Verstehen semantischer Versionierung challengeType: 2 forumTopicId: 301529 dashedName: manage-npm-dependencies-by-understanding-semantic-versioning @@ -8,9 +8,9 @@ dashedName: manage-npm-dependencies-by-understanding-semantic-versioning # --description-- -`Versions` of the npm packages in the dependencies section of your package.json file follow what’s called Semantic Versioning (SemVer), an industry standard for software versioning aiming to make it easier to manage dependencies. Libraries, frameworks or other tools published on npm should use SemVer in order to clearly communicate what kind of changes projects can expect if they update. +`Versions` der npm-Pakete im Abschnitt "dependencies" (Abhängigkeiten) deiner package.json-Datei folgen dem sogenannten Semantic Versioning (SemVer), einem Industriestandard für Software Versioning, der die Verwaltung von Abhängigkeiten erleichtern soll. Bibliotheken, Frameworks oder andere Tools, die auf npm veröffentlicht werden, sollten SemVer verwenden, um klar zu kommunizieren, welche Art von Änderungen Projekte erwarten können, wenn sie aktualisiert werden. -Knowing SemVer can be useful when you develop software that uses external dependencies (which you almost always do). One day, your understanding of these numbers will save you from accidentally introducing breaking changes to your project without understanding why things that worked yesterday suddenly don’t work today. This is how Semantic Versioning works according to the official website: +Die Kenntnis von SemVer kann nützlich sein, wenn du eine Software entwickelst, die externe Abhängigkeiten nutzt (was du fast immer tust). One day, your understanding of these numbers will save you from accidentally introducing breaking changes to your project without understanding why things that worked yesterday suddenly don’t work today. This is how Semantic Versioning works according to the official website: ```json "package": "MAJOR.MINOR.PATCH" diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md index b53b171ad72..fc3161ac88f 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/remove-a-package-from-your-dependencies.md @@ -8,21 +8,21 @@ dashedName: remove-a-package-from-your-dependencies # --description-- -You have now tested a few ways you can manage dependencies of your project by using the package.json's dependencies section. You have also included external packages by adding them to the file and even told npm what types of versions you want, by using special characters such as the tilde or the caret. +Du hast nun einige Möglichkeiten ausprobiert, wie du Abhängigkeiten deines Projekts mithilfe des Abschnitts "dependencies" in der package.json verwalten kannst. Du hast auch externe Pakete eingebunden, indem du sie der Datei zugefügt und npm sogar mitgeteilt hast, welche Arten von Versionen du haben möchtest, indem du Sonderzeichen wie die Tilde oder das Caret verwendet hast. Aber was passiert, wenn du ein externes Paket entfernen möchtest, das du nicht länger benötigst? You might already have guessed it, just remove the corresponding key-value pair for that package from your dependencies. -This same method applies to removing other fields in your package.json as well. +Dieselbe Methode gilt auch für das Entfernen anderer Felder in deiner package.json. # --instructions-- -Remove the `@freecodecamp/example` package from your dependencies. +Entferne das `@freecodecamp/example`-Paket aus deinen "dependencies" (Abhängigkeiten). -**Note:** Make sure you have the right amount of commas after removing it. +**Hinweis:** Stelle sicher, dass du die richtige Menge an Kommas verwendest, nachdem du das Paket entfernt hast. # --hints-- -`"dependencies"` should not include `"@freecodecamp/example"`. +`"dependencies"` sollte nicht `"@freecodecamp/example"` enthalten. ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md index 22a33e3254a..ad82f37c521 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency.md @@ -1,6 +1,6 @@ --- id: 587d7fb5367417b2b2512c03 -title: Use the Caret-Character to Use the Latest Minor Version of a Dependency +title: Benutze das Caret-Zeichen, um die neueste Nebenversion einer Abhängigkeit zu verwenden challengeType: 2 forumTopicId: 301531 dashedName: use-the-caret-character-to-use-the-latest-minor-version-of-a-dependency @@ -8,9 +8,9 @@ dashedName: use-the-caret-character-to-use-the-latest-minor-version-of-a-depende # --description-- -Similar to how the tilde we learned about in the last challenge allows npm to install the latest PATCH for a dependency, the caret (`^`) allows npm to install future updates as well. Der Unterschied ist, dass das Caret sowohl MINOR-Updates als auch PATCHes zulässt. +Ähnlich wie die Tilde, die wir in der letzten Aufgabe kennengelernt haben, erlaubt sie npm das aktuelle PATCH für eine Abhängigkeit zu installieren, so erlaubt das Caret (`^`) npm auch zukünftige Updates zu installieren. Der Unterschied ist, dass das Caret sowohl MINOR-Updates als auch PATCHes zulässt. -Your current version of `@freecodecamp/example` should be "~1.2.13" which allows npm to install to the latest 1.2.x version. If you were to use the caret (^) as a version prefix instead, npm would be allowed to update to any 1.x.x version. +Deine aktuelle Version von `@freecodecamp/example` sollte "~1.2.13" sein, welches dem npm erlaubt auf die neueste Version 1.2.x zu aktualisieren. Wenn du stattdessen das Caret (^) als Versionspräfix verwendest, darf npm auf jede Version 1.x.x aktualisieren. ```json "package": "^1.3.8" @@ -20,13 +20,13 @@ Dies würde Aktualisierungen auf jede Version 1.x.x des Pakets ermöglichen. # --instructions-- -Use the caret (`^`) to prefix the version of `@freecodecamp/example` in your dependencies and allow npm to update it to any new MINOR release. +Verwende das Caret (`^`), um die Version von `@freecodecamp/example` in deinen Abhängigkeiten voranzustellen und erlaube npm auf jede neue MINOR-Version zu aktualisieren. **Hinweis:** Die Versionsnummern selbst sollten nicht geändert werden. # --hints-- -`"dependencies"` should include `"@freecodecamp/example"`. +`"dependencies"` sollten `"@freecodecamp/example"` enthalten. ```js (getUserInput) => @@ -45,7 +45,7 @@ Use the caret (`^`) to prefix the version of `@freecodecamp/example` in your dep ); ``` -`"@freecodecamp/example"` version should match `"^1.x.x"`. +`"@freecodecamp/example"`-Version sollte `"^1.x.x"` entsprechen. ```js (getUserInput) => diff --git a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md index be005b616cb..1b8c8902da3 100644 --- a/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md +++ b/curriculum/challenges/german/05-back-end-development-and-apis/managing-packages-with-npm/use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency.md @@ -1,6 +1,6 @@ --- id: 587d7fb5367417b2b2512c02 -title: Use the Tilde-Character to Always Use the Latest Patch Version of a Dependency +title: Verwende das Tilde-Zeichen, um immer die neueste Patch-Version einer Abhängigkeit zu verwenden challengeType: 2 forumTopicId: 301532 dashedName: use-the-tilde-character-to-always-use-the-latest-patch-version-of-a-dependency @@ -8,9 +8,9 @@ dashedName: use-the-tilde-character-to-always-use-the-latest-patch-version-of-a- # --description-- -In the last challenge, you told npm to only include a specific version of a package. Das ist eine nützliche Methode, um Abhängigkeiten einzufrieren, wenn du sicherstellen möchtest, dass verschiedene Teile deines Projekts miteinander kompatibel bleiben. But in most use cases, you don’t want to miss bug fixes since they often include important security patches and (hopefully) don’t break things in doing so. +In der letzten Aufgabe hast du npm angewiesen, nur eine bestimmte Version eines Pakets einzufügen. Das ist eine nützliche Methode, um Abhängigkeiten einzufrieren, wenn du sicherstellen möchtest, dass verschiedene Teile deines Projekts miteinander kompatibel bleiben. In der Praxis solltest du jedoch keine Fehlerbehebungen übersehen, da sie oft wichtige Sicherheitspatches enthalten und somit (hoffentlich) nichts beschädigt wird. -To allow an npm dependency to update to the latest PATCH version, you can prefix the dependency’s version with the tilde (`~`) character. Here's an example of how to allow updates to any 1.3.x version. +Um eine npm-Abhängigkeit auf die neueste PATCH-Version zu aktualisieren, kannst du der Abhängigkeitsversion das Tilde-Zeichen (`~`) voranstellen. Hier ein Beispiel, wie man Aktualisierungen auf jede Version der 1.3.x zulässt. ```json "package": "~1.3.8" @@ -18,15 +18,15 @@ To allow an npm dependency to update to the latest PATCH version, you can prefix # --instructions-- -In the package.json file, your current rule for how npm may upgrade `@freecodecamp/example` is to use a specific version (1.2.13). But now, you want to allow the latest 1.2.x version. +In the package.json file, your current rule for how npm may upgrade `@freecodecamp/example` is to use a specific version (1.2.13). Jetzt möchtest du aber die neueste Version 1.2.x zulassen. -Use the tilde (`~`) character to prefix the version of `@freecodecamp/example` in your dependencies, and allow npm to update it to any new _patch_ release. +Verwende das (`~`) Tilde-Zeichen, um die Version von `@freecodecamp/example` in deinen Abhängigkeiten voranzustellen und erlaube npm auf jede neue _patch_ Version zu aktualisieren. -**Note:** The version numbers themselves should not be changed. +**Hinweis:** Die Versionsnummern selbst sollten nicht geändert werden. # --hints-- -`"dependencies"` should include `"@freecodecamp/example"`. +`"dependencies"` sollte `"@freecodecamp/example"` enthalten. ```js (getUserInput) => @@ -45,7 +45,7 @@ Use the tilde (`~`) character to prefix the version of `@freecodecamp/example` i ); ``` -`"@freecodecamp/example"` version should match `"~1.2.13"`. +`"@freecodecamp/example"` Version sollte `"~1.2.13"` entsprechen. ```js (getUserInput) => diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md index 748c59ce4df..9ced1815543 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6145f685797bd30df9784e8c.md @@ -35,7 +35,7 @@ Dovresti dare al pulsante di invio un `type` del valore di `submit`. assert.exists(document.querySelector('button[type="submit"]') || document.querySelector('form > input[type="submit"]')); ``` -The submit should display the text `Send`. +Il pulsante di invio dovrebbe avere il testo `Send`. ```js assert.equal(document.querySelector('button[type="submit"]')?.textContent ?? document.querySelector('input[type="submit"]')?.value, 'Send'); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md index d75cb789d6a..74c24268f9e 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md @@ -7,7 +7,7 @@ dashedName: step-20 # --description-- -Attualmente, gli edifici sono accatastati l'uno sopra l'altro. Align the buildings by turning the `.background-buildings` element into a flexbox parent. Usa le proprietà `align-items` e `justify-content` per spaziare equamente gli edifici nella parte inferiore dell'elemento. +Attualmente, gli edifici sono accatastati l'uno sopra l'altro. Allinea gli edifici trasformando l'elemento `.background-buildings` in un genitore flexbox. Usa le proprietà `align-items` e `justify-content` per spaziare equamente gli edifici nella parte inferiore dell'elemento. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md index 5f323905172..40fc7510cbc 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157d.md @@ -7,7 +7,7 @@ dashedName: step-7 # --description-- -Use an id selector to give the element with the id `back-wall` a `background-color` of `#8B4513`. +Usa un selettore id per assegnare all'elemento con l'id `back-wall` una proprietà `background-color` di `#8B4513`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md index c28c58ac6b3..ac1797bb571 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157e.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -Give the `#back-wall` element a `width` of `100%` and a `height` of `60%`. +Assegna all'elemento `#back-wall` una proprietà `width` del `100%` e una proprietà `height` del `60%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md index d602e2eba80..2267ac67b47 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5157f.md @@ -9,9 +9,9 @@ dashedName: step-9 Tipicamente, l'HTML è renderizzato in modo top-down. Gli elementi in cima al codice sono posizionati nella parte superiore della pagina. Tuttavia, spesso è possibile che tu voglia spostare gli elementi in posizioni diverse. Puoi farlo grazie alla proprietà `position`. -Set the `position` property for the `#back-wall` element to `absolute`. Il valore `absolute` toglie l'elemento dal flusso top-down del documento e ti permette di spostarlo relativamente al suo contenitore. +Imposta la proprietà `position` per l'elemento `#back-wall` sul valore `absolute`. Il valore `absolute` toglie l'elemento dal flusso top-down del documento e ti permette di spostarlo relativamente al suo contenitore. -Puoi spostare manualmente il layout di un elemento con `top`, `left`, `right` e `bottom`. Set the `#back-wall` element to have a `top` value of `0`, and a `left` value of `0`. +Puoi spostare manualmente il layout di un elemento con `top`, `left`, `right` e `bottom`. Assegna all'elemento `#back-wall` una proprietà `top` di `0` e una proprietà `left` di `0`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md index 0c1d82f6530..778d92ab5f1 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51581.md @@ -7,7 +7,7 @@ dashedName: step-11 # --description-- -Below your `#back-wall` element, create a `div` with a `class` of `characters`. Qui creerai le figure del tuo dipinto. +Sotto l'elemento `#back-wall`, crea un `div` con un attributo `class` del valore di `characters`. Qui creerai le figure del tuo dipinto. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md index 34a5c00cecb..ec062ec11af 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51582.md @@ -7,7 +7,7 @@ dashedName: step-12 # --description-- -Inside that `.characters` element, create another `div` with an `id` of `offwhite-character`. +All'interno dell'elemento `.characters`, crea un altro `div` con un `id` del valore di `offwhite-character`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md index 96de0498155..813f70fbb3c 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51584.md @@ -7,7 +7,7 @@ dashedName: step-14 # --description-- -Questa figura ha bisogno di occhi. Create two `div` elements in the `#black-mask` element. Assegna loro le classi `eyes left` e `eyes right`, in quest'ordine. +Questa figura ha bisogno di occhi. Crea due elementi `div` nell'elemento `#black-mask`. Assegna loro le classi `eyes left` e `eyes right`, in quest'ordine. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md index 64d69df7710..3948ffbd946 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51585.md @@ -7,7 +7,7 @@ dashedName: step-15 # --description-- -Crea alcuni "pallini" per lo strumento. Add five `div` elements within your `#gray-instrument` element. Imposta l'attributo `class` di ciascuno su `black-dot`. +Crea alcuni "pallini" per lo strumento. Aggiungi cinque elementi `div` all'interno dell'elemento `#gray-instrument`. Imposta l'attributo `class` di ciascuno su `black-dot`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md index 3b49641aa02..63ca70683af 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51586.md @@ -7,7 +7,7 @@ dashedName: step-16 # --description-- -Using an id selector, create a rule for the element with the id `offwhite-character`. Dagli una proprietà `width` di `300px`, una proprietà `height` di `550px` e un `background-color` del valore di `GhostWhite`. +Usando un selettore di id, crea una regola per l'elemento con l'id `offwhite-character`. Dagli una proprietà `width` di `300px`, una proprietà `height` di `550px` e un `background-color` del valore di `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md index 09299845769..e2a6b6d5bac 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51587.md @@ -7,7 +7,7 @@ dashedName: step-17 # --description-- -Move the `#offwhite-character` into place by giving it a `position` of `absolute`, a `top` value of `20%`, and a `left` value of `17.5%`. +Sposta l'elemento `#offwhite-character` in posizione dandogli una `position` con il valore `absolute` una proprietà `top` del `20%` e una proprietà `left` del `17.5%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md index a679fddd2ee..5ce1fbaafb8 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51588.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Using an id selector, style the element with the id `white-hat`. Assegnagli delle proprietà `width` e `height` con il valore `0` e una proprietà `border-style` del valore di `solid`. +Usando un selettore di id, definisci lo stile dell'elemento con l'id `white-hat`. Assegnagli delle proprietà `width` e `height` con il valore `0` e una proprietà `border-style` del valore di `solid`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md index 29541340395..819b1df436e 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158c.md @@ -7,7 +7,7 @@ dashedName: step-22 # --description-- -Using an id selector, create a rule for the element with the id `black-mask`. Dagli una proprietà `width` del `100%`, una proprietà `height` di `50px` e un `background-color` con il valore `rgb(45, 31, 19)`. +Usando un selettore di id, crea una regola per l'elemento con l'id `black-mask`. Dagli una proprietà `width` del `100%`, una proprietà `height` di `50px` e un `background-color` con il valore `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md index 8b142f95704..60842c3be55 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5158f.md @@ -7,7 +7,7 @@ dashedName: step-25 # --description-- -Using an id selector, give the element with the id `gray-instrument` a `width` of `15%`, a `height` of `40%`, and a `background-color` of `rgb(167, 162, 117)`. +Usando un selettore di id, assegna all'elemento con l'id `gray-instrument` una proprietà `width` del `15%`, una proprietà `height` del `40%` e un `background-color` con il valore `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md index b82eb7410a4..84d67ce573b 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51592.md @@ -7,7 +7,7 @@ dashedName: step-28 # --description-- -Use a class selector to create a rule for the elements with `black-dot` class. Imposta `width` a `10px`, `height` a `10px` e `background-color` su `rgb(45, 31, 19)`. +Usa un selettore di classe per creare una regola per gli elementi di classe `black-dot`. Imposta `width` a `10px`, `height` a `10px` e `background-color` su `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md index 7c25b68c5af..db857e1de71 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51595.md @@ -7,7 +7,7 @@ dashedName: step-31 # --description-- -Use an id selector to style the element with the id `tan-table`. Dagli una proprietà `width` di`450px`, una proprietà `height` di `140px` e una proprietà `background-color` con il valore `#D2691E`. +Usa un selettore di id per definire lo stile dell'elemento con l'id `tan-table`. Dagli una proprietà `width` di`450px`, una proprietà `height` di `140px` e una proprietà `background-color` con il valore `#D2691E`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md index 914baca2671..9ffeeecb5ac 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c51599.md @@ -7,7 +7,7 @@ dashedName: step-35 # --description-- -Within your new `#black-character` element, add three `div` elements with the following `id` values, in order: `black-hat`, `gray-mask`, `white-paper`. +All'interno del nuovo elemento `#black-character`, aggiungi tre elementi `div` con i seguenti valori `id`, in ordine: `black-hat`, `gray-mask`, `white-paper`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md index 7a1b2cd1744..43344e177d2 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159a.md @@ -7,7 +7,7 @@ dashedName: step-36 # --description-- -La maschera ha bisogno di occhi. Within your `#gray-mask` element, add two `div` elements. Il primo dovrebbe avere l'attributo `class` impostato su `eyes left` e il secondo dovrebbe avere l'attributo `class` impostato su `eyes right`. +La maschera ha bisogno di occhi. All'interno dell'elemento `#gray-mask`, aggiungi due elementi `div`. Il primo dovrebbe avere l'attributo `class` impostato su `eyes left` e il secondo dovrebbe avere l'attributo `class` impostato su `eyes right`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md index 6a635016ee1..6103d2181af 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159b.md @@ -11,7 +11,7 @@ dashedName: step-37 L'elemento `i` è usato per il testo idiomatico o il testo che è separato dal "normale" contenuto di testo. Può essere usato per il testo in _corsivo_, per i termini scientifici o per icone, come quelle fornite da FontAwesome. -Within your `#white-paper` element, add four `i` elements. Assegna loro un valore di `class` di `fas fa-music`. +All'interno dell'elemento `#white-paper`, aggiungi quattro elementi `i`. Assegna loro un valore di `class` di `fas fa-music`. Questa classe speciale viene usata da FontAwesome per determinare quale icona caricare. `fas` indica la categoria delle icone (FontAwesome Solid, in questo caso), mentre `fa-music` seleziona l'icona specifica. diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md index e29a9d8cfea..c9f19b25dbe 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159c.md @@ -7,7 +7,7 @@ dashedName: step-38 # --description-- -Use an id selector to create a rule for the element with the id `black-character`. Imposta `width` a `300px`, `height` a `500px` e `background-color` su `rgb(45, 31, 19)`. +Usa un selettore di id per creare una regola per l'elemento con l'id `black-character`. Imposta `width` a `300px`, `height` a `500px` e `background-color` su `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md index 20779271ae4..e39625a93a2 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159d.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Move the `#black-character` element into place by setting the `position` to `absolute`, the `top` to `30%`, and the `left` to `59%`. +Sposta l'elemento `#black-character` impostando `position` su `absolute`, `top` al `30%` e `left` al `59%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md index 28f295e0f0b..5e4afb37679 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159e.md @@ -7,7 +7,7 @@ dashedName: step-40 # --description-- -Use an id selector to create a rule for the element with the id `black-hat`. Imposta `width` a `0`, `height` a `0` e `border-style` su `solid`. +Usa un selettore di id per creare una regola per l'elemento con l'id `black-hat`. Imposta `width` a `0`, `height` a `0` e `border-style` su `solid`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md index 031e20771b5..e6d2dcd6797 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c5159f.md @@ -7,7 +7,7 @@ dashedName: step-42 # --description-- -Just like with your `#white-hat`, you should style the border for the `#black-hat` element. Imposta `border-top-color`, `border-right-color` e `border-bottom-color` su`transparent`. Imposta `border-left-color` su `rgb(45, 31, 19)`. +Proprio come con l'elemento `#white-hat`, dovresti definire lo stile del bordo per l'elemento `#black-hat`. Imposta `border-top-color`, `border-right-color` e `border-bottom-color` su`transparent`. Imposta `border-left-color` su `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md index c0b2e343d1e..7dfa9c40623 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a0.md @@ -7,7 +7,7 @@ dashedName: step-43 # --description-- -Now position the `#black-hat` element. Imposta `position` su `absolute`, `top` a `-150px` e `left` a `0`. +Ora posiziona l'elemento `#black-hat`. Imposta `position` su `absolute`, `top` a `-150px` e `left` a `0`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md index befde4e478c..e3e81c34df0 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a1.md @@ -7,7 +7,7 @@ dashedName: step-44 # --description-- -Using an id selector, style the element with the id `gray-mask`. Imposta `width` a `150px`, `height` a `150px` e `background-color` a `rgb(167, 162, 117)`. +Usando un selettore di id, definisci lo stile dell'elemento con l'id `gray-mask`. Imposta `width` a `150px`, `height` a `150px` e `background-color` a `rgb(167, 162, 117)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md index a610235ebc9..099c7aec1d0 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a2.md @@ -7,7 +7,7 @@ dashedName: step-45 # --description-- -Position the `#gray-mask` element by setting `position` to `absolute`, the `top` to `-10px`, and the `left` to `70px`. +Posiziona l'elemento `#gray-mask` impostando `position` su `absolute`, `top` a `-10px` e `left` a `70px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md index 190e7433972..5060f97bbf4 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a3.md @@ -7,7 +7,7 @@ dashedName: step-46 # --description-- -Using an id selector, create a rule for the id `white-paper`. Imposta `width` a `400px`, `height` a `100px` e `background-color` su `GhostWhite`. +Usando un selettore di id, crea una regola per l'id `white-paper`. Imposta `width` a `400px`, `height` a `100px` e `background-color` su `GhostWhite`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md index c3c4b5566fb..0929f6a73c2 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a4.md @@ -7,7 +7,7 @@ dashedName: step-47 # --description-- -Give the `#white-paper` a `position` of `absolute`, a `top` of `250px`, and a `left` of `-150px` to move it into place. +Posiziona `#white-paper` impostando `position` su `absolute`, `top` a `250px` e `left` a `-150px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md index cc67d1ab9f2..1bc686cba03 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a5.md @@ -7,7 +7,7 @@ dashedName: step-48 # --description-- -Set the `z-index` of the `#white-paper` element to `1`. +Imposta la proprietà `z-index` dell'elemento `#white-paper` a `1`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md index 7ea04bb1417..21e9610a4b9 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a6.md @@ -7,7 +7,7 @@ dashedName: step-49 # --description-- -Le icone FontAwesome posseggono già il loro stile. Tuttavia, anche tu puoi agire sul loro stile cambiando cose come il colore e le dimensioni. For now, use a class selector to target the icons with the class `fa-music`. Imposta `display` su `inline-block`, `margin-top` all'`8%` e `margin-left` al `13%`. +Le icone FontAwesome posseggono già il loro stile. Tuttavia, anche tu puoi agire sul loro stile cambiando cose come il colore e le dimensioni. Per ora, usa un selettore di classe per selezionare le icone con la classe `fa-music`. Imposta `display` su `inline-block`, `margin-top` all'`8%` e `margin-left` al `13%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md index 7ea50cb354a..c3d4d95a37e 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a7.md @@ -7,7 +7,7 @@ dashedName: step-50 # --description-- -Below your `#black-character` element, add two new `div` elements. Saranno lo scialle. Assegna a entrambi un attributo `class` con il valore `blue`. Quindi dai al primo un `id` di `blue-left`, e al secondo un `id` di `blue-right`. +Sotto l'elemento `#black-character`, aggiungi due nuovi elementi `div`. Saranno lo scialle. Assegna a entrambi un attributo `class` con il valore `blue`. Quindi dai al primo un `id` di `blue-left`, e al secondo un `id` di `blue-right`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md index dd387053737..93b94461954 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a8.md @@ -7,7 +7,7 @@ dashedName: step-51 # --description-- -Use a class selector to target the new elements with the class `blue`. Imposta il `background-color` su `#1E90FF`. +Usa un selettore di classe per selezionare i nuovi elementi con la classe `blue`. Imposta il `background-color` su `#1E90FF`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md index f38272fb029..c57caf2a825 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515a9.md @@ -7,7 +7,7 @@ dashedName: step-52 # --description-- -Select the element with the id `blue-left` using an id selector. Imposta `width` a `500px` e `height` a `300px`. +Seleziona l'elemento con l'id `blue-left` usando un selettore di id. Imposta `width` a `500px` e `height` a `300px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md index d2f5f549c4a..0d7ae49ea21 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ab.md @@ -7,7 +7,7 @@ dashedName: step-54 # --description-- -Next, target the element with the id `blue-right` using an id selector. Imposta `width` a `400px` e `height` a `300px`. +Poi seleziona l'elemento con l'id `blue-right` usando un selettore di id. Imposta `width` a `400px` e `height` a `300px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md index 3e93fdaa885..f4e83cb968b 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ac.md @@ -7,7 +7,7 @@ dashedName: step-55 # --description-- -Give the `#blue-right` element the correct positioning with `position` set to `absolute`, `top` set to `50%`, and `left` set to `40%`. +Posiziona correttamente l'elemento `#blue-right` impostando `position` su `absolute`, `top` al `50%` e `left` al `40%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md index 6b61be1fd23..b5bb567d9ea 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ad.md @@ -7,11 +7,11 @@ dashedName: step-56 # --description-- -Below your `.blue` elements, add another `div`. Dagli un `id` con il valore `orange-character`. +Sotto gli elementi `.blue`, aggiungi un altro `div`. Dagli un `id` con il valore `orange-character`. # --hints-- -You should have a new `div` element within your `.characters` element. +Dovresti avere un nuovo elemento `div` all'interno del l'elemento `.characters`. ```js assert(document.querySelectorAll('.characters > div')?.length === 5); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md index f1ddc35708e..869b9532342 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ae.md @@ -7,11 +7,11 @@ dashedName: step-57 # --description-- -Within that `#orange-character` element, add four `div` elements. Dai loro i valori `id` di `black-round-hat`, `eyes-div`, `triangles` e `guitar` (in ordine). +All'interno dell'elemento `#orange-character`, aggiungi quattro elementi `div`. Dai loro i valori `id` di `black-round-hat`, `eyes-div`, `triangles` e `guitar` (in ordine). # --hints-- -You should have four new `div` elements within your `#orange-character` element. +Dovresti avere quattro nuovi elementi `div` all'interno dell'elemento `#orange-character`. ```js assert(document.querySelectorAll('#orange-character > div')?.length === 4); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md index 9349309aeae..72a9a17c535 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515af.md @@ -7,11 +7,11 @@ dashedName: step-58 # --description-- -The `#eyes-div` element should hold some eyes. Aggiungi due elementi `div` al suo interno. Dai al primo un valore `class` di `eyes left`, e al secondo un valore `class` di `eyes right`. +L'elemento `#eyes-div` dovrebbe contenere degli occhi. Aggiungi due elementi `div` al suo interno. Dai al primo un valore `class` di `eyes left`, e al secondo un valore `class` di `eyes right`. # --hints-- -You should have two `div` elements nested in your `#eyes-div` element. +Dovresti avere due elementi `div` annidati nell'elemento `#eyes-div`. ```js assert(document.querySelectorAll('#eyes-div > div')?.length === 2); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md index 7345d999f58..7f9f60d45bd 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b0.md @@ -7,11 +7,11 @@ dashedName: step-59 # --description-- -Within the `#triangles` div, you will need to add the elements that will become your triangles. Crea trenta elementi `div` e dai a ciascuno di loro la classe `triangle`. +All'interno del div `#triangles`, dovrai aggiungere gli elementi che diventeranno i tuoi triangoli. Crea trenta elementi `div` e dai a ciascuno di loro la classe `triangle`. # --hints-- -You should have 30 `div` elements within your `#triangles` element. +Dovresti avere 30 elementi `div` all'interno dell'elemento `#triangles`. ```js assert(document.querySelectorAll('#triangles > div')?.length === 30); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md index 39f9773c1b4..0d811402ec7 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b1.md @@ -7,13 +7,13 @@ dashedName: step-60 # --description-- -Within the `#guitar` element, create three `div` elements. Dai ai primi due una proprietà `class` con valore di `guitar`. Poi dai al primo un attributo `id` con valore di `guitar-left` e al secondo un `id` con valore di `guitar-right`. Aggiungi un `id` al terzo `div` con un valore di `guitar-neck`. +All'interno dell'elemento `#guitar`, crea tre elementi `div`. Dai ai primi due una proprietà `class` con valore di `guitar`. Poi dai al primo un attributo `id` con valore di `guitar-left` e al secondo un `id` con valore di `guitar-right`. Aggiungi un `id` al terzo `div` con un valore di `guitar-neck`. Il terzo `div` non dovrebbe avere la classe `guitar`. # --hints-- -You should have three new `div` elements within your `#guitar` element. +Dovresti avere tre nuovi elementi `div` dentro l'elemento `#guitar`. ```js assert(document.querySelectorAll('#guitar > div')?.length === 3); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md index d4701011b7f..a5072ed192c 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b2.md @@ -7,17 +7,17 @@ dashedName: step-61 # --description-- -Use another FontAwesome icon for your `.guitar`. Inside both the `#guitar-left` and `#guitar-right` elements, add an `i` element and give it a `class` of `fas fa-bars`. +Usa un'altra icona FontAwesome per l'elemento `.guitar`. All'interno degli elementi `#guitar-left` e `#guitar-right`, aggiungi un elemento `i` e assegnagli un attributo `class` con il valore `fas fa-bars`. # --hints-- -Within your `#guitar-left` element, you should add an `i` element. +All'interno dell'elemento `#guitar-left`, dovresti aggiungere un elemento `i`. ```js assert(document.querySelectorAll('#guitar-left > i')?.length === 1); ``` -Within your `#guitar-right` element, you should add an `i` element. +All'interno dell'elemento `#guitar-right`, dovresti aggiungere un elemento `i`. ```js assert(document.querySelectorAll('#guitar-right > i')?.length === 1); diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md index 9f31ed31407..cd6144aca80 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b3.md @@ -7,7 +7,7 @@ dashedName: step-62 # --description-- -Select your `orange-character` element with an id selector. Imposta `width` a `250px`, `height` a `550px` e `background-color` su `rgb(240, 78, 42)`. +Seleziona l'elemento `orange-character` con un selettore di id. Imposta `width` a `250px`, `height` a `550px` e `background-color` su `rgb(240, 78, 42)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md index 80683295fbe..f9e34706646 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b4.md @@ -7,7 +7,7 @@ dashedName: step-63 # --description-- -Give the `#orange-character` element a `position` of `absolute`, a `top` of `25%`, and a `left` of `40%`. +Per l'elemento `#orange-character`, imposta `position` su `absolute`, `top` al `25%` e `left` al `40%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md index 9dcd67b42b4..c739db0ac07 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b5.md @@ -7,7 +7,7 @@ dashedName: step-64 # --description-- -Style the element with the id `black-round-hat` using an id selector. Imposta `width` a `180px`, `height` a `150px` e `background-color` su `rgb(45, 31, 19)`. +Definisci lo stile dell'elemento con l'id `black-round-hat` usando un selettore di id. Imposta `width` a `180px`, `height` a `150px` e `background-color` su `rgb(45, 31, 19)`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md index ea48f9d875c..73afe91eab0 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b6.md @@ -7,7 +7,7 @@ dashedName: step-65 # --description-- -The `#black-round-hat` element should probably be round. Dagli una proprietà `border-radius` del `50%` per arrotondarlo. +L'elemento `#black-round-hat` dovrebbe essere rotondo. Dagli una proprietà `border-radius` del `50%` per arrotondarlo. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md index 2d1d5c09b68..02fa1e49c01 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b7.md @@ -7,7 +7,7 @@ dashedName: step-66 # --description-- -Move the `#black-round-hat` element into place with a `position` of `absolute`, a `top` of `-100px`, and a `left` of `5px`. +Posiziona l'elemento `#black-round-hat` impostando `position` su `absolute`, `top` a `-100px` e `left` a `5px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md index c21cd5b3f8d..90d43d1f0fe 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b8.md @@ -7,7 +7,7 @@ dashedName: step-67 # --description-- -Put the `#black-round-hat` element on the correct layer with a `z-index` of `-1`. +Posiziona sul livello corretto l'elemento `#black-round-hat` impostando `z-index` a `-1`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md index 85fa215ecb6..8cff1f9a625 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515b9.md @@ -7,7 +7,7 @@ dashedName: step-68 # --description-- -Use an id selector to create a rule for the element with the id `eyes-div`. Imposta `width` a `180px` e `height` a `50px`. +Usa un selettore di id per creare una regola per l'elemento con l'id `eyes-div`. Imposta `width` a `180px` e `height` a `50px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md index af08ea69a06..c5737d67dea 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515ba.md @@ -7,7 +7,7 @@ dashedName: step-69 # --description-- -Now move the `#eyes-div` element into position with `position` set to `absolute`, `top` set to `-40px`, and `left` set to `20px`. +Adesso posiziona l'elemento `#eyes-div`impostando `position` su `absolute`, `top` a `-40px` e `left` a `20px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md index cd4d104a9af..5b554ea1cdf 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bc.md @@ -7,7 +7,7 @@ dashedName: step-70 # --description-- -Give the `#eyes-div` element a `z-index` of `3`. +Assegna all'elemento `#eyes-div` una proprietà `z-index` di `3`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md index 7eb91d0bb1d..240fc636bef 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515bd.md @@ -7,7 +7,7 @@ dashedName: step-79 # --description-- -Now use a class selector to target `guitar`. In questo modo, agirai sullo stile delle due "metà" della chitarra. Imposta `width` a `150px`, `height` a `120px`, `background-color` su `Goldenrod` e `border-radius` al `50%`. +Ora usa un selettore di classe per selezionare `guitar`. In questo modo, agirai sullo stile delle due "metà" della chitarra. Imposta `width` a `150px`, `height` a `120px`, `background-color` su `Goldenrod` e `border-radius` al `50%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md index d2b90b832f2..e986601d167 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c0.md @@ -7,7 +7,7 @@ dashedName: step-82 # --description-- -Ora hai bisogno di sistemare le icone delle barre. Create a class selector for the `fa-bars` class. Imposta `display` su `block`, `margin-top` al `30%` e `margin-left` al `40%`. +Ora hai bisogno di sistemare le icone delle barre. Crea un selettore di classe per la classe `fa-bars`. Imposta `display` su `block`, `margin-top` al `30%` e `margin-left` al `40%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md index 4764a6ca7ff..059048dc5cd 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c1.md @@ -7,7 +7,7 @@ dashedName: step-83 # --description-- -Use an id selector to create a rule for the id `guitar-neck`. Imposta `width` a `200px`, `height` a `30px` e `background-color` su `#D2691E`. +Usa un selettore id per creare una regola per l'id `guitar-neck`. Imposta `width` a `200px`, `height` a `30px` e `background-color` su `#D2691E`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md index ca834be60b8..a1fccae1d0a 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c2.md @@ -7,7 +7,7 @@ dashedName: step-84 # --description-- -Now move the `#guitar-neck` element with a `position` of `absolute`, a `top` value of `45px`, and a `left` value of `200px`. +Ora sposta l'elemento `#guitar-neck` impostando `position` su `absolute`, `top` a `45px` e `left` a `200px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md index c1af9f582f3..dfb34743765 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c3.md @@ -7,7 +7,7 @@ dashedName: step-85 # --description-- -Give the `#guitar-neck` element a `z-index` of `3`. +Dai all'elemento `#guitar-neck` una proprietà `z-index` di `3`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md index 10ffb06c80b..423c11549c4 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c4.md @@ -7,7 +7,7 @@ dashedName: step-86 # --description-- -Time to style the elements with the `eyes` class. Use a class selector to set the `width` to `35px`, the `height` to `20px`, the `background-color` to `#8B4513`, and the `border-radius` to `20px 50%`. +È tempo di definire lo stile degli elementi con la classe `eyes`. Usa un selettore di classe per impostare `width` a `35px`, `height` a `20px`, `background-color` su `#8B4513` e `border-radius` su `20px 50%`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md index 14661739559..9ac89beaaf2 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60b69a66b6ddb80858c515c7.md @@ -7,7 +7,7 @@ dashedName: step-89 # --description-- -Ecco l'ultimo step. Le icone FontAwesome sono un po' troppo piccole. Target all of them with a class selector for `fas`, and set the `font-size` to `30px`. +Ecco l'ultimo step. Le icone FontAwesome sono un po' troppo piccole. Selezionale tutte con un selettore di classe per `fas`, e imposta la proprietà `font-size` a `30px`. E con questo, il tuo Picasso è completo! diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md index 48d9e6bcc2e..dc796a7a50b 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba890832b4940f24d1936b.md @@ -7,7 +7,7 @@ dashedName: step-75 # --description-- -Adjust the layout of the `.triangle` elements with a `display` of `inline-block`. +Regola il layout degli elementi `.triangle` con una proprietà `display` impostata su `inline-block`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md index 0e41336df96..95143671eb3 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89123a445e0f5c9e4022.md @@ -7,7 +7,7 @@ dashedName: step-74 # --description-- -Give your `.triangle` elements the correct color. Imposta `border-top-color`, `border-bottom-color` e `border-left-color` su `transparent`. Imposta `border-right-color` su `Gold`. +Assegna agli elementi `.triangle` il colore corretto. Imposta `border-top-color`, `border-bottom-color` e `border-left-color` su `transparent`. Imposta `border-right-color` su `Gold`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md index 56e813bdaf5..ebb2977a13b 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8913f1704c0f7a8906b8.md @@ -7,7 +7,7 @@ dashedName: step-73 # --description-- -Style the border of your `.triangle` elements. Imposta `border-style` su `solid` e `border-width` su `42px 45px 45px 0`. +Cambia lo stile del bordo degli elementi `.triangle`. Imposta `border-style` su `solid` e `border-width` su `42px 45px 45px 0`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md index f226dc78a44..f782e797fcb 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba89146b25080f99ab54ad.md @@ -7,7 +7,7 @@ dashedName: step-72 # --description-- -Create a class selector for the elements with the `triangle` class. Imposta `width` a `0` e `height` a `0`. +Crea un selettore di classe per gli elementi con la classe `triangle`. Imposta `width` a `0` e `height` a `0`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md index ff088d700fe..1332093fab5 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba8914bab51f0fb8228e9c.md @@ -7,7 +7,7 @@ dashedName: step-71 # --description-- -Target the element with the id `triangles` using an id selector. Imposta `width` a `250px` e `height` a `550px`. +Seleziona l'elemento con l'id `triangles` usando un selettore di id. Imposta `width` a `250px` e `height` a `550px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md index d487b9c8470..11af33c93e5 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60ba929345ab0714a3743655.md @@ -7,7 +7,7 @@ dashedName: step-76 # --description-- -Now use an id selector for `guitar`. Imposta `width` al `100%` e `height` su `100px`. +Ora usa un selettore di id per `guitar`. Imposta `width` al `100%` e `height` su `100px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md index 876ab06cdfc..eebf9d3dcdb 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-intermediate-css-by-building-a-picasso-painting/60bad32219ebcb4a8810ac6a.md @@ -7,7 +7,7 @@ dashedName: step-41 # --description-- -Set the `border-width` of the `#black-hat` to `150px 0 0 300px`. +Imposta la proprietà `border-width` di `#black-hat` a `150px 0 0 300px`. # --hints-- diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md index ceda5ac719f..6f1cfabd08f 100644 --- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md +++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620192a767533a7ad19d96d7.md @@ -7,7 +7,7 @@ dashedName: step-56 # --description-- -La differenza principale tra `tr[class="total"]` e `tr.total` è che il primo seleziona gli elementi `tr` in cui l'attributo class ha *solo* il valore `total`. The second will select `tr` elements where the class *includes* `total`. +La differenza principale tra `tr[class="total"]` e `tr.total` è che il primo seleziona gli elementi `tr` in cui l'attributo class ha *solo* il valore `total`. Il secondo selezionerà gli elementi `tr` in cui il valore dell'attributo class *include* `total`. Nel tuo caso, `tr.total` funzionerà. È possibile utilizzare questo selettore per selezionare tutti gli elementi `td` all'interno delle righe `.total`. Allinea il testo a destra e assegna loro un padding di `0 0.25rem`. diff --git a/curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml b/curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml index 55b0ba561ad..2abbcfc3bf1 100644 --- a/curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml +++ b/curriculum/challenges/ukrainian/00-certifications/quality-assurance-certification/quality-assurance-certification.yml @@ -7,7 +7,7 @@ isPrivate: true tests: - id: 587d8249367417b2b2512c41 - title: Конвертер метрично-британських величин + title: Метрично-імперський конвертер - id: 587d8249367417b2b2512c42 title: Система відстеження помилок @@ -19,5 +19,5 @@ tests: title: Програма для розв'язування судоку - id: 5e601c0d5ac9d0ecd8b94afe - title: Перекладач американської та британської англійської + title: Перекладач з американської на британську diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md index 0465f68d214..e0e01a56d57 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/american-british-translator.md @@ -1,6 +1,6 @@ --- id: 5e601c0d5ac9d0ecd8b94afe -title: Перекладач американської та британської англійської мови +title: Перекладач з американської на британську challengeType: 4 forumTopicId: 462358 dashedName: american-british-translator @@ -24,48 +24,48 @@ dashedName: american-british-translator # --instructions-- -- All logic can go into `/components/translator.js` -- Complete the `/api/translate` route in `/routes/api.js` -- Create all of the unit/functional tests in `tests/1_unit-tests.js` and `tests/2_functional-tests.js` -- See the JavaScript files in `/components` for the different spelling and terms your application should translate -- To run the tests on Replit, set `NODE_ENV` to `test` without quotes in the `.env` file -- To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" +- Уся логіка може перейти до `/components/translator.js` +- Завершіть маршрут `/api/translate` в `/routes/api.js` +- Створіть усі модульні/функціональні тести у `tests/1_unit-tests.js` та `tests/2_functional-tests.js` +- Перегляньте файли JavaScript у `/components` для правопису та термінів, які повинен перекласти ваш додаток +- Щоб запустити тести на Replit, встановіть `NODE_ENV` на `test` без лапок у файлі `.env` +- Щоб запустити тести на консолі, використайте команду `npm run test`. Щоб відкрити консоль Replit, натисніть Ctrl+Shift+P (Cmd на Mac) та введіть «open shell» Напишіть наступні тести в `tests/1_unit-tests.js`: -- Translate `Mangoes are my favorite fruit.` to British English -- Translate `I ate yogurt for breakfast.` to British English -- Translate `We had a party at my friend's condo.` to British English -- Translate `Can you toss this in the trashcan for me?` to British English -- Translate `The parking lot was full.` to British English -- Translate `Like a high tech Rube Goldberg machine.` to British English -- Translate `To play hooky means to skip class or work.` to British English -- Translate `No Mr. Bond, I expect you to die.` to British English -- Translate `Dr. Grosh will see you now.` to British English -- Translate `Lunch is at 12:15 today.` to British English -- Translate `We watched the footie match for a while.` to American English -- Translate `Paracetamol takes up to an hour to work.` to American English -- Translate `First, caramelise the onions.` to American English -- Translate `I spent the bank holiday at the funfair.` to American English -- Translate `I had a bicky then went to the chippy.` to American English -- Translate `I've just got bits and bobs in my bum bag.` to American English -- Translate `The car boot sale at Boxted Airfield was called off.` to American English -- Translate `Have you met Mrs Kalyani?` to American English -- Translate `Prof Joyner of King's College, London.` to American English -- Translate `Tea time is usually around 4 or 4.30.` to American English -- Highlight translation in `Mangoes are my favorite fruit.` -- Highlight translation in `I ate yogurt for breakfast.` -- Highlight translation in `We watched the footie match for a while.` -- Highlight translation in `Paracetamol takes up to an hour to work.` +- Перекладіть `Mangoes are my favorite fruit.` на британську англійську +- Перекладіть `I ate yogurt for breakfast.` на британську англійську +- Перекладіть `We had a party at my friend's condo.` на британську англійську +- Перекладіть `Can you toss this in the trashcan for me?` на британську англійську +- Перекладіть `The parking lot was full.` на британську англійську +- Перекладіть `Like a high tech Rube Goldberg machine.` на британську англійську +- Перекладіть `To play hooky means to skip class or work.` на британську англійську +- Перекладіть `No Mr. Bond, I expect you to die.` на британську англійську +- Перекладіть `Dr. Grosh will see you now.` на британську англійську +- Перекладіть `Lunch is at 12:15 today.` на британську англійську +- Перекладіть `We watched the footie match for a while.` на американську англійську +- Перекладіть `Paracetamol takes up to an hour to work.` на американську англійську +- Перекладіть `First, caramelise the onions.` на американську англійську +- Перекладіть `I spent the bank holiday at the funfair.` на американську англійську +- Перекладіть `I had a bicky then went to the chippy.` на американську англійську +- Перекладіть `I've just got bits and bobs in my bum bag.` на американську англійську +- Перекладіть `The car boot sale at Boxted Airfield was called off.` на американську англійську +- Перекладіть `Have you met Mrs Kalyani?` на американську англійську +- Перекладіть `Prof Joyner of King's College, London.` на американську англійську +- Перекладіть `Tea time is usually around 4 or 4.30.` на американську англійську +- Виділіть переклад у `Mangoes are my favorite fruit.` +- Виділіть переклад у `I ate yogurt for breakfast.` +- Виділіть переклад у `We watched the footie match for a while.` +- Виділіть переклад у `Paracetamol takes up to an hour to work.` Напишіть наступні тести в `tests/2_functional-tests.js`: -- Translation with text and locale fields: POST request to `/api/translate` -- Translation with text and invalid locale field: POST request to `/api/translate` -- Translation with missing text field: POST request to `/api/translate` -- Translation with missing locale field: POST request to `/api/translate` -- Translation with empty text: POST request to `/api/translate` -- Translation with text that needs no translation: POST request to `/api/translate` +- Переклад із полями тексту та локалі: запит POST до `/api/translate` +- Переклад із полями тексту та недійсної локалі: запит POST до `/api/translate` +- Переклад із відсутнім полем тексту: запит POST до `/api/translate` +- Переклад із відсутнім полем локалі: запит POST до `/api/translate` +- Переклад із порожнім текстом: запит POST до `/api/translate` +- Переклад із текстом, якому не потрібен переклад: запит POST до `/api/translate` # --hints-- @@ -81,7 +81,7 @@ dashedName: american-british-translator }; ``` -You can `POST` to `/api/translate` with a body containing `text` with the text to translate and `locale` with either `american-to-british` or `british-to-american`. The returned object should contain the submitted `text` and `translation` with the translated text. +Ви можете надіслати запит `POST` до `/api/translate` із тілом, що містить `text` з текстом для перекладу та `locale` з `american-to-british` або `british-to-american`. Повернений об'єкт міститиме наданий `text` та `translation` з перекладеним текстом. ```js async (getUserInput) => { @@ -109,7 +109,7 @@ async (getUserInput) => { }; ``` -The `/api/translate` route should handle the way time is written in American and British English. For example, ten thirty is written as "10.30" in British English and "10:30" in American English. The `span` element should wrap the entire time string, i.e. `10:30`. +Маршрут `/api/translate` повинен обробляти те, як написаний час американською та британською англійською. Наприклад, пів на десяту пишеться «10.30» британською та «10:30» американською. Елемент `span` повинен повністю обгорнути рядок часу, тобто `10:30`. ```js async (getUserInput) => { @@ -136,7 +136,7 @@ async (getUserInput) => { }; ``` -The `/api/translate` route should also handle the way titles/honorifics are abbreviated in American and British English. For example, Doctor Wright is abbreviated as "Dr Wright" in British English and "Dr. Wright" in American English. See `/components/american-to-british-titles.js` for the different titles your application should handle. +Маршрут `/api/translate` також повинен обробляти скорочення титулів та гоноративів американською та британською. Наприклад, Доктор Райт пишеться «Dr Wright» британською та «Dr. Wright» американською. Перегляньте `/components/american-to-british-titles.js` для різних титулів, які повинен обробляти ваш додаток. ```js async (getUserInput) => { @@ -163,7 +163,7 @@ async (getUserInput) => { }; ``` -Wrap any translated spelling or terms with `...` tags so they appear in green. +Обгорніть будь-які перекладені правописи чи терміни тегами `...`, щоб вони були зеленими. ```js async (getUserInput) => { @@ -191,7 +191,7 @@ async (getUserInput) => { }; ``` -If one or more of the required fields is missing, return `{ error: 'Required field(s) missing' }`. +Якщо одне чи більше необхідних полів відсутні, поверніть `{ error: 'Required field(s) missing' }`. ```js async (getUserInput) => { @@ -212,7 +212,7 @@ async (getUserInput) => { }; ``` -If `text` is empty, return `{ error: 'No text to translate' }` +Якщо `text` порожній, поверніть `{ error: 'No text to translate' }` ```js async (getUserInput) => { @@ -233,7 +233,7 @@ async (getUserInput) => { }; ``` -If `locale` does not match one of the two specified locales, return `{ error: 'Invalid value for locale field' }`. +Якщо `locale` не відповідає одній із вказаних локалей, поверніть `{ error: 'Invalid value for locale field' }`. ```js async (getUserInput) => { @@ -255,7 +255,7 @@ async (getUserInput) => { }; ``` -If `text` requires no translation, return `"Everything looks good to me!"` for the `translation` value. +Якщо `text` не потрібен переклад, поверніть `"Everything looks good to me!"` для значення `translation`. ```js async (getUserInput) => { @@ -282,7 +282,7 @@ async (getUserInput) => { }; ``` -All 24 unit tests are complete and passing. See `/tests/1_unit-tests.js` for the expected behavior you should write tests for. +Усі 24 модульних тестів завершено та успішно пройдено. Перегляньте `/tests/1_unit-tests.js` очікуваної поведінки, для якої ви пишете тести. ```js async (getUserInput) => { @@ -307,7 +307,7 @@ async (getUserInput) => { }; ``` -Усі 6 функціональних тестів завершено та успішно пройдено. See `/tests/2_functional-tests.js` for the functionality you should write tests for. +Усі 6 функціональних тестів завершено та успішно пройдено. Перегляньте `/tests/2_functional-tests.js` функціональності, для якої ви пишете тести. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md index 4f7f6bbd9b2..ee85bb9f8c8 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/issue-tracker.md @@ -28,7 +28,7 @@ dashedName: issue-tracker - Create all of the functional tests in `tests/2_functional-tests.js` - Copy the `sample.env` file to `.env` and set the variables appropriately - To run the tests uncomment `NODE_ENV=test` in your `.env` file -- To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" +- Щоб запустити тести на консолі, використайте команду `npm run test`. Щоб відкрити консоль Replit, натисніть Ctrl+Shift+P (Cmd на Mac) та введіть «open shell» Напишіть наступні тести в `tests/2_functional-tests.js`: diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md index 04269c31195..444fdaf43e9 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/metric-imperial-converter.md @@ -28,34 +28,34 @@ dashedName: metric-imperial-converter - Complete the necessary routes in `/routes/api.js` - Copy the `sample.env` file to `.env` and set the variables appropriately - To run the tests uncomment `NODE_ENV=test` in your `.env` file -- To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" +- Щоб запустити тести на консолі, використайте команду `npm run test`. Щоб відкрити консоль Replit, натисніть Ctrl+Shift+P (Cmd на Mac) та введіть «open shell» Напишіть наступні тести в `tests/1_unit-tests.js`: -- `convertHandler` should correctly read a whole number input. -- `convertHandler` should correctly read a decimal number input. -- `convertHandler` should correctly read a fractional input. -- `convertHandler` should correctly read a fractional input with a decimal. +- `convertHandler` повинен правильно читати введення цілого числа. +- `convertHandler` повинен правильно читати введення десяткового числа. +- `convertHandler` повинен правильно читати введення дробу. +- `convertHandler` повинен правильно читати введення десяткового дробу. - `convertHandler` should correctly return an error on a double-fraction (i.e. `3/2/3`). - `convertHandler` should correctly default to a numerical input of `1` when no numerical input is provided. - `convertHandler` should correctly read each valid input unit. - `convertHandler` should correctly return an error for an invalid input unit. - `convertHandler` should return the correct return unit for each valid input unit. - `convertHandler` should correctly return the spelled-out string unit for each valid input unit. -- `convertHandler` should correctly convert `gal` to `L`. -- `convertHandler` should correctly convert `L` to `gal`. -- `convertHandler` should correctly convert `mi` to `km`. -- `convertHandler` should correctly convert `km` to `mi`. -- `convertHandler` should correctly convert `lbs` to `kg`. -- `convertHandler` should correctly convert `kg` to `lbs`. +- `convertHandler` повинен правильно перетворювати `gal` у `L`. +- `convertHandler` повинен правильно перетворювати `L` у `gal`. +- `convertHandler` повинен правильно перетворювати `mi` у `km`. +- `convertHandler` повинен правильно перетворювати `km` у `mi`. +- `convertHandler` повинен правильно перетворювати `lbs` у `kg`. +- `convertHandler` повинен правильно перетворювати `kg` у `lbs`. Напишіть наступні тести в `tests/2_functional-tests.js`: -- Convert a valid input such as `10L`: `GET` request to `/api/convert`. -- Convert an invalid input such as `32g`: `GET` request to `/api/convert`. -- Convert an invalid number such as `3/7.2/4kg`: `GET` request to `/api/convert`. -- Convert an invalid number AND unit such as `3/7.2/4kilomegagram`: `GET` request to `/api/convert`. -- Convert with no number such as `kg`: `GET` request to `/api/convert`. +- Перетворення дійсного вводу, наприклад `10L`: запит `GET` до `/api/convert`. +- Перетворення недійсного вводу, наприклад `32g`: запит `GET` до `/api/convert`. +- Перетворення недійсного числа, наприклад `3/7.2/4kg`: запит `GET` до `/api/convert`. +- Перетворення недійсного числа ТА одиниці, наприклад `3/7.2/4kilomegagram`: запит `GET` до `/api/convert`. +- Перетворення без числа, наприклад `kg`: запит `GET` до `/api/convert`. # --hints-- @@ -71,13 +71,13 @@ getUserInput => { }; ``` -You can `GET` `/api/convert` with a single parameter containing an accepted number and unit and have it converted. (Hint: Split the input by looking for the index of the first character which will mark the start of the unit) +Ви можете надіслати запит `GET` до `/api/convert` з параметром, що містить прийняті число та одиницю і отримати їх перетвореними. (Підказка: розділіть вхідні дані, знайшовши індекс першого символу, що позначить початок одиниці) ```js ``` -You can convert `'gal'` to `'L'` and vice versa. (1 gal to 3.78541 L) +Ви можете перетворити `'gal'` у `'L'` і навпаки. (1 гал = 3.78541 л) ```js async getUserInput => { @@ -100,7 +100,7 @@ async getUserInput => { }; ``` -You can convert `'lbs'` to `'kg'` and vice versa. (1 lbs to 0.453592 kg) +Ви можете перетворити `'lbs'` у `'kg'` і навпаки. (1 фунт = 0.453592 кг) ```js async getUserInput => { @@ -123,7 +123,7 @@ async getUserInput => { }; ``` -You can convert `'mi'` to `'km'` and vice versa. (1 mi to 1.60934 km) +Ви можете перетворити `'mi'` у `'km'` і навпаки. (1 миля = 1.60934 км) ```js async getUserInput => { @@ -146,7 +146,7 @@ async getUserInput => { }; ``` -All incoming units should be accepted in both upper and lower case, but should be returned in both the `initUnit` and `returnUnit` in lower case, except for liter, which should be represented as an uppercase `'L'`. +Усі вхідні одиниці повинні прийматись в верхньому та нижньому регістрах, однак повинні повертатись в `initUnit` та `returnUnit` в нижньому регістрі; винятком є літри, які повинні бути у верхньому регістрі `'L'`. ```js async getUserInput => { @@ -169,7 +169,7 @@ async getUserInput => { }; ``` -If the unit of measurement is invalid, returned will be `'invalid unit'`. +Якщо одиниця виміру недійсна, поверненим буде `'invalid unit'`. ```js async getUserInput => { @@ -182,7 +182,7 @@ async getUserInput => { }; ``` -If the number is invalid, returned will be `'invalid number'`. +Якщо число недійсне, поверненим буде `'invalid number'`. ```js async getUserInput => { @@ -197,7 +197,7 @@ async getUserInput => { }; ``` -If both the unit and number are invalid, returned will be `'invalid number and unit'`. +Якщо одиниця та число недійсні, поверненим буде `'invalid number and unit'`. ```js async getUserInput => { @@ -215,7 +215,7 @@ async getUserInput => { }; ``` -You can use fractions, decimals or both in the parameter (ie. 5, 1/2, 2.5/6), but if nothing is provided it will default to 1. +Ви можете використовувати дроби в параметрі (тобто 5, 1/2, 2.5/6), але якщо нічого не вказано, за замовчуванням буде 1. ```js async getUserInput => { @@ -246,7 +246,7 @@ async getUserInput => { }; ``` -Your return will consist of the `initNum`, `initUnit`, `returnNum`, `returnUnit`, and `string` spelling out units in the format `'{initNum} {initUnitString} converts to {returnNum} {returnUnitString}'` with the result rounded to 5 decimals. +Повернений об'єкт міститиме `initNum`, `initUnit`, `returnNum`, `returnUnit` та `string`, прописуючи одиниці у форматі `'{initNum} {initUnitString} converts to {returnNum} {returnUnitString}'` із результатом, заокругленим до 5-ти символів після коми. ```js async getUserInput => { @@ -263,7 +263,7 @@ async getUserInput => { }; ``` -All 16 unit tests are complete and passing. +Усі 16 модульних тестів завершено та успішно пройдено. ```js async getUserInput => { diff --git a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md index b1871427c0f..70c9245bca8 100644 --- a/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md +++ b/curriculum/challenges/ukrainian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md @@ -31,7 +31,7 @@ dashedName: sudoku-solver - All routing logic can go into `/routes/api.js` - See the `puzzle-strings.js` file in `/controllers` for some sample puzzles your application should solve - To run the challenge tests on this page, set `NODE_ENV` to `test` without quotes in the `.env` file -- To run the tests in the console, use the command `npm run test`. To open the Replit console, press Ctrl+Shift+P (Cmd if on a Mac) and type "open shell" +- Щоб запустити тести на консолі, використайте команду `npm run test`. Щоб відкрити консоль Replit, натисніть Ctrl+Shift+P (Cmd на Mac) та введіть «open shell» Напишіть наступні тести в `tests/1_unit-tests.js`: @@ -352,7 +352,7 @@ async (getUserInput) => { }; ``` -All 12 unit tests are complete and passing. See `/tests/1_unit-tests.js` for the expected behavior you should write tests for. +Усі 12 модульних тестів завершено та успішно пройдено. See `/tests/1_unit-tests.js` for the expected behavior you should write tests for. ```js async (getUserInput) => { diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md index f9b1aea8350..cb1f81d0fc4 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously.md @@ -30,7 +30,7 @@ bcrypt.compare(myPlaintextPassword, hash, (err, res) => { }); ``` -Додайте це до наявної функції хешування (оскільки вам необхідно очікувати закінчення процесу перед тим як запускати функцію порівняння) після того, як ви записали про завершене хешування та ввели 'res' на консолі. На консолі з'являться дані перетворення та значення 'true'! Якщо ви зміните 'myPlaintextPassword' в функції порівняння на 'someOtherPlaintextPassword' - це призведе до помилки. +Додайте це до своєї наявної хеш-функції (оскільки вам потрібно дочекатися завершення хешу перед викликом функції порівняння) після того, як ви записали повний хеш та ввели «res» на консоль в межах порівняння. На консолі з'являться хеш та значення «true»! Якщо ви зміните «myPlaintextPassword» у функції порівняння на «someOtherPlaintextPassword» – з'явиться false. ```js bcrypt.hash('passw0rd!', 13, (err, hash) => { @@ -47,7 +47,7 @@ bcrypt.hash('passw0rd!', 13, (err, hash) => { # --hints-- -Асинхронне перетворення паролів на дані необхідно правильно згенерувати і правильно синхронізувати. +Асинхронне хешування повинне бути правильно згенероване та порівняне. ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md index 61827850ba7..0b2eaf66087 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hash-and-compare-passwords-synchronously.md @@ -10,29 +10,29 @@ dashedName: hash-and-compare-passwords-synchronously Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -Синхронне перетворення паролів на дані (хешування) легко виконати, однак це може спричинити затримку, якщо використовувати його на серверній стороні з високою вартістю або з хешуванням, яке проводиться дуже часто. Перетворення таким методом так само легко виконати як і ввести +Синхронне хешування також легко виконати, однак це може спричинити затримку, якщо використовувати його на серверній стороні з високою вартістю або з хешуванням, яке проводиться дуже часто. Хешування цим методом є таким же простим, як і виклик ```js var hash = bcrypt.hashSync(myPlaintextPassword, saltRounds); ``` -Додайте цей метод хешування до свого коду і потім виведіть результат на консоль. Знову ж таки, змінні, що використовуються, вже визначені на сервері, тому вам не потрібно їх змінювати. Ви можете помітити, що незважаючи на те, що ви хешуєте ті самі паролі як і в асинхронному методі, результат на консолі відрізняється. Це пов'язано з випадково згенерованим модифікатором (сіль) кожного разу як створюються перші 22 символи в третьому рядку хешу. Щоб порівняти вхідний пароль з новим синхронним хешом, використайте метод compareSync: +Додайте цей метод хешування до свого коду і потім виведіть результат на консоль. Знову ж таки, змінні, що використовуються, вже визначені на сервері, тому вам не потрібно їх змінювати. Ви можете помітити, що навіть якщо ви хешуєте той самий пароль, що і в асинхронному методі, результат на консолі відрізняється: це пов'язано з тим, що сіль генерується випадковим чином, як бачимо з перших 22 символів у третьому рядку хешу. Щоб порівняти вхідний пароль з новим синхронним хешом, використайте метод compareSync: ```js var result = bcrypt.compareSync(myPlaintextPassword, hash); ``` -з результатом буде логічне значення true або false. +де результатом буде булеве значення true або false. # --instructions-- -Додайте функцію і увійдіть в консоль щоб побачити, як вона працює. +Додайте функцію та введіть результат у консоль, щоб побачити як все працює. Відправте свою сторінку коли впевнились, що все правильно. # --hints-- -Синхронне хешування необхідно правильно згенерувати і правильно синхронізувати. +Синхронне хешування повинне бути правильно згенероване та порівняне. ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md index 44f37f5fbb5..0128b74166d 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/hide-potentially-dangerous-information-using-helmet.hidepoweredby.md @@ -1,6 +1,6 @@ --- id: 587d8247367417b2b2512c37 -title: Приховування потенційно небезпечної інформації за допомогою helmet.hidePoweredBy() +title: Приховайте потенційно небезпечну інформацію за допомогою helmet.hidePoweredBy() challengeType: 2 forumTopicId: 301580 dashedName: hide-potentially-dangerous-information-using-helmet-hidepoweredby @@ -10,7 +10,7 @@ dashedName: hide-potentially-dangerous-information-using-helmet-hidepoweredby Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -Хакери можуть використовувати наявні недоліки в системі захисту в Express/Node, якщо вони бачать, що сайт працює на базі Express. Тег `X-Powered-By: Express` надсилається в кожен запит, що надійшов з Express за замовчуванням. Використовуйте проміжне програмне забезпечення `helmet.hidePoweredBy()`, щоб усунути заголовок X-Powered-By. +Хакери можуть експлуатувати відомі вразливості у Express/Node, якщо побачать, що ваш сайт працює на Express. `X-Powered-By: Express` надсилається в кожному запиті від Express за замовчуванням. Використайте проміжне програмне забезпечення `helmet.hidePoweredBy()`, щоб вилучити заголовок X-Powered-By. # --hints-- diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md index 01a3e1429cd..2427db45a6e 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/install-and-require-helmet.md @@ -1,6 +1,6 @@ --- id: 587d8247367417b2b2512c36 -title: Встановлення та вимоги до Helmet +title: Встановіть та вимагайте Helmet challengeType: 2 forumTopicId: 301581 dashedName: install-and-require-helmet @@ -22,17 +22,17 @@ dashedName: install-and-require-helmet Після завершення переконайтеся, що демоверсія проєкту розміщена у відкритому доступі. Потім введіть URL-адресу проєкту у поле `Solution Link`. -Helmet helps you secure your Express apps by setting various HTTP headers. +Helmet дозволяє захистити додатки Express, встановлюючи різноманітні заголовки HTTP. # --instructions-- -All your code for these lessons goes in the `myApp.js` file between the lines of code we have started you off with. Do not change or delete the code we have added for you. +Весь ваш код з цих уроків йде у файл `myApp.js` між рядками коду, з якого ми почали. Не змінюйте та не видаляйте код, який ми додали для вас. -Helmet version `3.21.3` has already been installed, so require it as `helmet` in `myApp.js`. +Helmet версія `3.21.3` вже встановлена, тому вимагайте її як `helmet` у `myApp.js`. # --hints-- -`helmet` version `3.21.3` should be in `package.json` +`helmet` версія `3.21.3` повинна бути у `package.json` ```js (getUserInput) => diff --git a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md index ecbb584e4ac..b85cbedb09d 100644 --- a/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md +++ b/curriculum/challenges/ukrainian/09-information-security/information-security-with-helmetjs/mitigate-the-risk-of-clickjacking-with-helmet.frameguard.md @@ -1,6 +1,6 @@ --- id: 587d8247367417b2b2512c38 -title: Зменшення ризику клікджекінгу за допомогою helmet.frameguard() +title: Знизьте ризик клікджекінгу за допомогою helmet.frameguard() challengeType: 2 forumTopicId: 301582 dashedName: mitigate-the-risk-of-clickjacking-with-helmet-frameguard @@ -10,13 +10,13 @@ dashedName: mitigate-the-risk-of-clickjacking-with-helmet-frameguard Нагадуємо, що цей проєкт створюється на основі наступного стартового проєкту на Replit або клонований з GitHub. -Ваша сторінка може бути задана `` або `