diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md index d8594e9786f..6d374b83b18 100644 --- a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md +++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/return-a-value-from-a-function-with-return.md @@ -37,19 +37,19 @@ const answer = plusThree(5); assert(typeof timesFive === 'function'); ``` -يجب أن ينتج `timesFive(5)` قيمة `25` +يجب أن تنتج `timesFive(5)` قيمة `25` ```js assert(timesFive(5) === 25); ``` -يجب أن ينتج `timesFive(2)` قيمة `10` +يجب أن تنتج `timesFive(2)` قيمة `10` ```js assert(timesFive(2) === 10); ``` -يجب أن ينتج `timesFive(0)` قيمة `0` +يجب أن تنتج `timesFive(0)` قيمة `0` ```js assert(timesFive(0) === 0); diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md index bcf70e204b5..6df8bfbbed6 100644 --- a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md +++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/check-for-mixed-grouping-of-characters.md @@ -12,7 +12,7 @@ dashedName: check-for-mixed-grouping-of-characters إذا كنت ترغب في العثور على `Penguin` او `Pumpkin` في string، يمكنك استخدام Regular Expression التالي: `/P(engu|umpk)in/g` -ثم تحقق مما إذا كانت مجموعات الـ string المطلوبة موجودة في الـ test string باستخدام دالة `test()`. +ثم تحقق مما إذا كانت مجموعات من مقطع النصي (string) المطلوبة موجودة في مقطع test النصي باستخدام طريقة (method) تسمى `test()`. ```js let testStr = "Pumpkin"; diff --git a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md index 8090e071b36..51b4814993e 100644 --- a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md +++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/regular-expressions/using-the-test-method.md @@ -1,6 +1,6 @@ --- id: 587d7db3367417b2b2512b8e -title: Using the Test Method +title: استخدام طريقة Test challengeType: 1 forumTopicId: 301369 dashedName: using-the-test-method @@ -8,11 +8,11 @@ dashedName: using-the-test-method # --description-- -تستخدم الـ Regular expressions في لغات البرمجة لمطابقة أجزاء من الـ strings. أنت تنشئ أنماطا لمساعدتك على القيام بهذه المطابقة. +تستخدم Regular expressions في لغات البرمجة لمطابقة أجزاء من المقاطع النصية (strings). أنت تنشئ أنماطا لمساعدتك على القيام بهذه المطابقة. -إذا كنت ترغب في العثور على كلمة `the` في السلسلة `The dog chased the cat`، يمكنك استخدام الـ regular expression التالي: `/the/`. لاحظ أن علامات الاقتباس غير مطلوبة في ال regular expression. +إذا كنت ترغب في العثور على كلمة `the` في مقطع `The dog chased the cat`، يمكنك استخدام regular expression التالي: `/the/`. لاحظ أن علامات الاقتباس غير مطلوبة في regular expression. -لدى جافا سكريبت طرق متعددة لاستخدام regexes. إحدى الطرق لاختبار regex هي استخدام `.test()`. `.test()` تأخذ regex، وتطبقه على سلسلة (توضع داخل الأقواس)، وتعيد `true` أو `false` إذا عثر النمط الخاص بك على شيء أو لا. +لدى JavaScript طرق متعددة لاستخدام regexes. إحدى الطرق لاختبار regex هي استخدام طريقة (method) تسمى `.test()`. يوضع regex في طريقة `.test()`، وتطبقه على مقطع نصي (توضع داخل الأقواس)، وتنتج `true` أو `false` إذا عثر نمطك على شيء أو لا. ```js let testStr = "freeCodeCamp"; @@ -20,11 +20,11 @@ let testRegex = /Code/; testRegex.test(testStr); ``` -دالة `test` هنا، ستعيد `true`. +ستنتج طريقة `test` حالة `true` هنا. # --instructions-- -طبق `myRegex` على السلسلة `myString` باستخدام `.test()`. +طبق regex يسمى `myRegex` على مقطع `myString` باستخدام طريقة `.test()`. # --hints-- @@ -34,7 +34,7 @@ testRegex.test(testStr); assert(code.match(/myRegex.test\(\s*myString\s*\)/)); ``` -يجب أن ترجع نتيجتك `true`. +يجب أن تنتج `true`. ```js assert(result === true); diff --git a/curriculum/challenges/arabic/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/arabic/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index 3cc2e9eb620..fef788f3997 100644 --- a/curriculum/challenges/arabic/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/arabic/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -This code would change the element assigned to the `div` variable to have the text `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. When a player clicks your `Go to store` button, you want to change the buttons and text. Remove the code inside the `goStore` function and add a line that updates the text of `button1` to say `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index 22e81332e9b..d65bf359a4e 100644 --- a/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/chinese-traditional/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -9,11 +9,11 @@ dashedName: step-55 希望 `select` 元素保持白色背景，但是現在它的 `min-height` 屬性和 `input` 以及 `textarea` 元素的不一致。 -刪掉 `min-height` 屬性和值，使這三個元素具有相同的 `min-height` 值，保持 `select` 元素背景爲白色。 +移動 `min-height` 屬性和值，使這三個元素具有相同的 `min-height` 值，保持 `select` 元素背景爲白色。 # --hints-- -應該移除 `input, textarea, select` 選擇器的 `min-height`。 +應該移動 `input, textarea, select` 選擇器的 `min-height`。 ```js assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea, select')?.minHeight); diff --git a/curriculum/challenges/chinese-traditional/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/chinese-traditional/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index 3cc2e9eb620..fef788f3997 100644 --- a/curriculum/challenges/chinese-traditional/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/chinese-traditional/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -This code would change the element assigned to the `div` variable to have the text `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. When a player clicks your `Go to store` button, you want to change the buttons and text. Remove the code inside the `goStore` function and add a line that updates the text of `button1` to say `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md index a7639e2ed2f..34d59318e84 100644 --- a/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md +++ b/curriculum/challenges/chinese/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60ffe4f4ec18cd04dc470c56.md @@ -9,11 +9,11 @@ dashedName: step-55 希望 `select` 元素保持白色背景，但是现在它的 `min-height` 属性和 `input` 以及 `textarea` 元素的不一致。 -删掉 `min-height` 属性和值，使这三个元素具有相同的 `min-height` 值，保持 `select` 元素背景为白色。 +移动 `min-height` 属性和值，使这三个元素具有相同的 `min-height` 值，保持 `select` 元素背景为白色。 # --hints-- -应该移除 `input, textarea, select` 选择器的 `min-height`。 +应该移动 `input, textarea, select` 选择器的 `min-height`。 ```js assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('input, textarea, select')?.minHeight); diff --git a/curriculum/challenges/chinese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/chinese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index 3cc2e9eb620..fef788f3997 100644 --- a/curriculum/challenges/chinese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/chinese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -This code would change the element assigned to the `div` variable to have the text `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. When a player clicks your `Go to store` button, you want to change the buttons and text. Remove the code inside the `goStore` function and add a line that updates the text of `button1` to say `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/espanol/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml b/curriculum/challenges/espanol/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml index 7e92b922ef6..43257c06bb3 100644 --- a/curriculum/challenges/espanol/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml +++ b/curriculum/challenges/espanol/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml @@ -7,7 +7,7 @@ isPrivate: true tests: - id: 561add10cb82ac38a17513bc - title: Certificación en Diseño Web Responsivo + title: Certificación en Diseño Web Adaptativo - id: 561abd10cb81ac38a17513bc title: Certificación en Estructura de Datos y Algoritmos de Javascript diff --git a/curriculum/challenges/espanol/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml b/curriculum/challenges/espanol/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml index c6ad8caf239..e6b9403f8db 100644 --- a/curriculum/challenges/espanol/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml +++ b/curriculum/challenges/espanol/00-certifications/responsive-web-design-certification/responsive-web-design-certification.yml @@ -1,6 +1,6 @@ --- id: 561add10cb82ac38a17513bc -title: Certificación en Diseño Web Responsivo +title: Certificación en Diseño Web Adaptativo certification: responsive-web-design challengeType: 7 isPrivate: true diff --git a/curriculum/challenges/espanol/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md b/curriculum/challenges/espanol/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md index 3f242919208..64d59c2e372 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md @@ -15,7 +15,7 @@ Los dos tipos principales de unidades de longitud son las unidades absolutas y r Las unidades relativas, como `em` o `rem` son relativas a otro valor de longitud. Por ejemplo, `em` se basa en el tamaño de fuente de un elemento. Si la utilizas para establecer la propiedad `font-size`, es relativa al `font-size` del elemento padre. -**Nota:** Hay varias opciones de unidades relativas que están vinculadas al tamaño del viewport. Veremos estas unidades relativas de medida en la sección de principios de diseño web responsivo. +**Nota:** Hay varias opciones de unidades relativas que están vinculadas al tamaño del viewport. Veremos estas unidades relativas de medida en la sección de principios de diseño web adaptativo. # --instructions-- diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md index d99b6895d76..100d091f7c5 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md @@ -11,7 +11,7 @@ dashedName: use-display-flex-to-position-two-boxes Esta sección utiliza estilos de desafío alternos para mostrar cómo usar CSS para posicionar elementos de una manera flexible. En primer lugar, un desafío explicará la teoría, luego un desafío práctico utilizando un simple componente de tweet aplicará el concepto de flexbox. -Colocar la propiedad CSS `display: flex;` en un elemento te permite usar otras propiedades flex para construir una página responsiva. +Colocar la propiedad CSS `display: flex;` en un elemento te permite usar otras propiedades flex para construir una página adaptable. # --instructions-- diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md index 69d606f480c..2b876fa6cc6 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md @@ -1,6 +1,6 @@ --- id: 5a94fe7769fb03452672e463 -title: Usa consultas de medios (media queries) para crear diseños responsivos +title: Usa consultas de medios (media queries) para crear diseños adaptables challengeType: 0 videoUrl: 'https://scrimba.com/p/pByETK/cMbqeHk' forumTopicId: 301138 @@ -9,7 +9,7 @@ dashedName: use-media-queries-to-create-responsive-layouts # --description-- -CSS Grid puede ser una manera fácil de hacer que tu sitio sea más receptivo al usar consultas de medios (media queries) para reorganizar las áreas de cuadrícula (grid), cambiar sus dimensiones y reorganizar la ubicación de los elementos. +CSS Grid puede ser una manera fácil de hacer que tu sitio sea más adaptable al usar consultas de medios (media queries) para reorganizar las áreas de cuadrícula (grid), cambiar sus dimensiones y reorganizar la ubicación de los elementos. En la vista previa, cuando el ancho del viewport es 300px o más, el número de columnas cambia de 1 a 2. El área de publicidad entonces ocupa la columna de la izquierda por completo. diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md index 6e2ec2c4ac6..21d8c4dabfd 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md @@ -1,6 +1,6 @@ --- id: 587d78b1367417b2b2512b09 -title: Haz una imagen responsiva +title: Haz una imagen adaptable challengeType: 0 forumTopicId: 301140 dashedName: make-an-image-responsive @@ -8,7 +8,7 @@ dashedName: make-an-image-responsive # --description-- -Hacer imágenes responsivas con CSS es realmente simple. Sólo tienes que agregar estas propiedades a una imagen: +Hacer imágenes adaptables con CSS es realmente simple. Sólo tienes que agregar estas propiedades a una imagen: ```css img { @@ -21,7 +21,7 @@ El ancho máximo `max-width` de `100%` se asegurará de que la imagen nunca es m # --instructions-- -Agrega las reglas de estilo a la clase `responsive-img` para hacerla responsiva. Nunca debería ser más ancha que su contenedor (en este caso, es la ventana de vista previa) y debería mantener su relación de aspecto original. Después de haber agregado tu código, redimensiona la vista previa para ver cómo se comportan tus imágenes. +Agrega las reglas de estilo a la clase `responsive-img` para hacerla adaptable. Nunca debería ser más ancha que su contenedor (en este caso, es la ventana de vista previa) y debería mantener su relación de aspecto original. Después de haber agregado tu código, redimensiona la vista previa para ver cómo se comportan tus imágenes. # --hints-- diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md index e81fcbdc26f..8c291cdd79b 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md @@ -1,6 +1,6 @@ --- id: 587d78b1367417b2b2512b0c -title: Haz tipografía responsiva +title: Haz tipografía adaptable challengeType: 0 videoUrl: 'https://scrimba.com/p/pzrPu4/crzN7T8' forumTopicId: 301141 @@ -9,7 +9,7 @@ dashedName: make-typography-responsive # --description-- -En lugar de usar `em` o `px` para dimensionar texto, puedes usar unidades de viewport para obtener una tipografía responsiva. Las unidades de viewport, como los porcentajes, son unidades relativas, pero se basan en objetos diferentes. Las unidades de viewport son relativas a las dimensiones del viewport (ancho o alto) de un dispositivo, y los porcentajes son relativos al tamaño del elemento contenedor padre. +En lugar de usar `em` o `px` para dimensionar texto, puedes usar unidades de viewport para obtener una tipografía adaptable. Las unidades de viewport, como los porcentajes, son unidades relativas, pero se basan en objetos diferentes. Las unidades de viewport son relativas a las dimensiones del viewport (ancho o alto) de un dispositivo, y los porcentajes son relativos al tamaño del elemento contenedor padre. Las cuatro diferentes unidades de viewport son: diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md index 5ed8ceac0d6..af72d97ee05 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-projects/build-a-tribute-page.md @@ -19,7 +19,7 @@ dashedName: build-a-tribute-page 1. Dentro del elemento `#img-div`, debes ver un elemento con un `id="img-caption"` correspondiente que contiene contenido textual describiendo la imagen mostrada en `#img-div` 1. Debes ver un elemento con un correspondiente `id="tribute-info"`, que contiene contenido textual que describe el tema de la página de tributo 1. Debes ver un elemento `a` con su `id="tribute-link"` correspondiente, que enlaza con un sitio externo, que contiene información adicional sobre el tema de la página de tributo. CONSEJO: Debes dar a tu elemento un atributo de `target` y establecerlo a `_blank` para que tu enlace se abra en una nueva pestaña -1. Tu `#image` debe usar las propiedades `max-width` y `height` para redimensionar, de forma responsiva, relativo al ancho de su elemento padre, sin exceder su tamaño original +1. Tu `#image` debe usar las propiedades `max-width` y `height` para redimensionar, de forma adaptable, relativo al ancho de su elemento padre, sin exceder su tamaño original 1. Tu elemento `img` debe estar centrado dentro de su elemento padre Completa las historias de usuario y pasa todas las pruebas a continuación para completar este proyecto. Dale tu propio estilo personal. ¡Feliz día programando! diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md index c325a191498..35f7bc0e77f 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/create-a-custom-heading.md @@ -10,7 +10,7 @@ dashedName: create-a-custom-heading Haremos un encabezado simple para nuestro 'Cat Photo App' colocando el título y la imagen del gato relajándose en la misma fila. -Recuerda que Bootstrap utiliza un sistema de cuadrícula responsivo, el cual hace más fácil poner elementos en filas y especificar el ancho relativo de cada elemento. La mayoría de las clases de Bootstrap pueden ser aplicadas a un elemento `div`. +Recuerda que Bootstrap utiliza un sistema de cuadrícula adaptable, el cual hace más fácil poner elementos en filas y especificar el ancho relativo de cada elemento. La mayoría de las clases de Bootstrap pueden ser aplicadas a un elemento `div`. Anida tu primera imagen y tu elemento `h2` dentro de un solo elemento `
`. Anida tu elemento `h2` dentro de `
` y tu imagen en un `
` para que estén en la misma línea. diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md index 9c650b3151f..a04e56e84d0 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/house-our-page-within-a-bootstrap-container-fluid-div.md @@ -8,7 +8,7 @@ dashedName: house-our-page-within-a-bootstrap-container-fluid-div # --description-- -Ahora vamos a asegurarnos que todo el contenido de tu página es mobile-responsive. +Ahora vamos a asegurarnos que todo el contenido de tu página sea adaptable para dispositivos móviles. Anidemos tu elemento `h3` dentro de un elemento `div` con la clase `container-fluid`. diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md index e6411bad020..e0ed3297a78 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aec908845 -title: Alinea elementos de formulario de manera responsiva con Bootstrap +title: Alinea elementos de formulario de manera adaptable con Bootstrap challengeType: 0 forumTopicId: 18225 required: @@ -17,7 +17,7 @@ Ahora coloquemos tus `input` de formulario y tu `button` de envío en la misma l Coloca juntos tu campo de texto `input` y tu `button` de envío dentro de un `div` con la clase `row`. Anida tu campo de texto `input` dentro de un div con la clase `col-xs-7`. Anida tu `button` de envío del formulario dentro de un `div` con la clase `col-xs-5`. -Este es el ultima desafio que vamos a hacer para nuestro 'Cat Photo App' por ahora. ¡Esperamos que hayas disfrutado aprendiendo Font Awesome, Bootstrap y diseño responsivo! +Este es el ultima desafio que vamos a hacer para nuestro 'Cat Photo App' por ahora. ¡Esperamos que hayas disfrutado aprendiendo Font Awesome, Bootstrap y diseño adaptativo! # --hints-- diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md index bb5b3562c32..6b2d59e65ac 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/make-images-mobile-responsive.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9acde08812 -title: Haz que las imágenes se adapten a dispositivos móviles +title: Haz imágenes adaptables a dispositivos móviles challengeType: 0 forumTopicId: 18232 dashedName: make-images-mobile-responsive diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md index 3f5a7c0e47e..a9820dddcca 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-checkboxes.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aeda08845 -title: Casillas de verificación con estilo responsivo +title: Casillas de verificación con estilo adaptativo challengeType: 0 forumTopicId: 18269 required: diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md index 7c4d07d0736..2d81557236b 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/responsively-style-radio-buttons.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9aedb08845 -title: Botones de radio con estilo responsivo +title: Botones de radio con estilo adaptable challengeType: 0 forumTopicId: 18270 required: diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md index 67b783041d5..ecddb1c2847 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md @@ -1,6 +1,6 @@ --- id: bad87fee1348bd9acde08712 -title: Utiliza diseño responsivo con contenedores de fluido de Bootstrap +title: Utiliza diseño adaptable con contenedores de fluido de Bootstrap challengeType: 0 forumTopicId: 18362 dashedName: use-responsive-design-with-bootstrap-fluid-containers @@ -8,11 +8,11 @@ dashedName: use-responsive-design-with-bootstrap-fluid-containers # --description-- -En la seccion de HTML5 y CSS de freeCodeCamp construimos un 'Cat Photo App'. Ahora volvamos a él. Esta vez, vamos a estilizarlo utilizando el popular framework CSS responsivo de Bootstrap. +En la seccion de HTML5 y CSS de freeCodeCamp construimos un 'Cat Photo App'. Ahora volvamos a él. Esta vez, vamos a estilizarlo utilizando el popular framework CSS adaptable de Bootstrap. -Bootstrap averiguará cuan ancha es tu pantalla y responderá redimensionando tus elementos HTML - de ahí el nombre diseño responsivo. +Bootstrap averiguará cuan ancha es tu pantalla y responderá redimensionando tus elementos HTML - de ahí el nombre diseño adaptable. -Con diseño responsivo, no hay necesidad de diseñar una versión móvil de tu sitio web. Se verá bien en dispositivos con pantallas de cualquier ancho. +Con diseño adaptable, no hay necesidad de diseñar una versión móvil de tu sitio web. Se verá bien en dispositivos con pantallas de cualquier ancho. Puedes añadir Bootstrap a cualquier aplicación agregando el siguiente código en la parte superior de tu HTML: diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md index dffc5f66eb0..ff10a3e2b6d 100644 --- a/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md +++ b/curriculum/challenges/espanol/03-front-end-development-libraries/bootstrap/use-the-bootstrap-grid-to-put-elements-side-by-side.md @@ -8,7 +8,7 @@ dashedName: use-the-bootstrap-grid-to-put-elements-side-by-side # --description-- -Bootstrap utiliza un sistema responsivo de cuadrilla de 12 columnas, el cual hace que sea fácil poner elementos en dos filas y especificar la anchura relativa de cada elemento. La mayoría de las clases de Bootstrap pueden ser aplicadas a un elemento `div`. +Bootstrap utiliza un sistema adaptable de cuadrilla de 12 columnas, el cual hace que sea fácil poner elementos en dos filas y especificar la anchura relativa de cada elemento. La mayoría de las clases de Bootstrap pueden ser aplicadas a un elemento `div`. Bootstrap tiene diferentes atributos de ancho de columna que usa dependiendo cuan ancha es la pantalla del usuario. Por ejemplo, los teléfonos tienen pantallas más angostas y las laptops tienen pantallas más anchas. diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md index 0d070cdc4cf..f25e5978f73 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md @@ -19,7 +19,7 @@ dashedName: build-a-tribute-page 1. Dentro del elemento `#img-div`, debes ver un elemento con un `id="img-caption"` correspondiente que contiene contenido textual describiendo la imagen mostrada en `#img-div` 1. Debe tener su correspondiente elemento `id="tribute-info"`, que contendrá una descripción textual del sujeto de la página tributo 1. Debes ver un elemento `a` con su `id="tribute-link"` correspondiente, que contiene información adicional sobre el tema de la página de homenaje. CONSEJO: Debes dar al elemento un atributo `target` y establecerlo como `_blank` para que tu enlace se abra en una nueva pestaña -1. Tu `#image` debe usar las propiedades `max-width` y `height` para redimensionar automaticamente, el ancho relativo de la imagen, sin exceder el tamaño original +1. Tú `#image` debe usar las propiedades `max-width` y `height` para redimensionarse en función de la anchura de su elemento padre, sin sobrepasar su tamaño original 1. Tu elemento `img` debe estar centrado con respecto al elemento que lo contiene Completa las historias de usuario y pasa todas las pruebas a continuación para completar este proyecto. Dale tu propio estilo. ¡Feliz día programando! diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61437d575fb98f57fa8f7f36.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61437d575fb98f57fa8f7f36.md index dd7c4bf712e..6b20def43e5 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61437d575fb98f57fa8f7f36.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61437d575fb98f57fa8f7f36.md @@ -9,7 +9,7 @@ dashedName: step-1 Comience con su plantilla HTML estándar. Agregue una declaración `DOCTYPE`, un elemento `html` que especifique que esta página está en inglés, un elemento `head` y un elemento `body`. -Agregue una etiqueta`` con el `charset` apropiado y una etiqueta `` para la capacidad de respuesta móvil dentro del `head` elemento. +Agregue una etiqueta`` con el `charset` apropiado y una etiqueta `` para la capacidad de respuesta móvil dentro del elemento `head`. # --hints-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md index 41d59cbc044..c9e360fb050 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md @@ -7,7 +7,7 @@ dashedName: step-34 # --description-- -Utilice la función `minmax` para que sus columnas respondan en cualquier dispositivo. La función `minmax` toma dos argumentos, siendo el primero el valor mínimo y el segundo el máximo. Estos valores pueden ser una longitud, un porcentaje, `fr` o incluso una palabra clave como `max-content`. +Utiliza la función `minmax` para hacer tus columnas adaptables en cualquier dispositivo. La función `minmax` toma dos argumentos, siendo el primero el valor mínimo y el segundo el máximo. Estos valores pueden ser una longitud, un porcentaje, `fr` o incluso una palabra clave como `max-content`. Envuelve cada uno de tus valores ya definidos de la propiedad `grid-template-columns` en una función `minmax`, usando cada valor como segundo argumento. El primer argumento debe ser `2rem`, `min-content` y `2rem` respectivamente. diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md index 8cb0ca6277e..81052e4bb2d 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md @@ -7,7 +7,7 @@ dashedName: step-77 # --description-- -Ahora que el diseño de la revista está terminado, debe hacerlo receptivo. +Ahora que el diseño de la revista está terminado, debe hacerlo adaptable. Comience con una consulta `@media` para `only screen` con un `max-width` de `720px`. Dentro, crea un selector `.image-wrapper` y dale una propiedad `grid-template-columns` de `1fr`. diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md index 93e28e4c899..7cbe986b868 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/6196aead7ac7bf1584b17a7f.md @@ -7,7 +7,7 @@ dashedName: step-18 # --description-- -Para superponer la montaña y los elementos`.ground` mejor, dé a la montaña un `margin-top` de `100px`, y el `.ground un elemento margin-top` de `-58px`. +To overlap the mountain and `.ground` elements better, give the mountain a `margin-top` of `100px`, and the `.ground` element a `margin-top` of `-58px`. # --hints-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d3711d04d623000013e9e.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d3711d04d623000013e9e.md index 01ff119eb02..8616dc402bc 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d3711d04d623000013e9e.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619d3711d04d623000013e9e.md @@ -9,7 +9,7 @@ dashedName: step-104 Finalmente, calcule que el `height` del elemento `.ground` sea el alto de la ventana gráfica menos el alto del elemento `.penguin`. -¡Felicidades! Has completado la certificación de Diseño Web Responsivo. +¡Felicidades! Has completado la certificación de Diseño Web Adaptivo. # --hints-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md index eca1f0ed7d1..e4bd99f767d 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md @@ -7,7 +7,7 @@ dashedName: step-19 # --description-- -Indique los nuevos edificios `width` y `height` propiedades de: `10%` y `50%` para `.bb2`, `10%` y `55%` para `.bb3`, y `11%` y `58%` para `.bb4`. Utilizará casi todas las unidades basadas en porcentajes y algunos flexbox para este proyecto, por lo que todo será completamente receptivo. +Indique los nuevos edificios `width` y `height` propiedades de: `10%` y `50%` para `.bb2`, `10%` y `55%` para `.bb3`, y `11%` y `58%` para `.bb4`. Utilizará casi todas las unidades basadas en porcentajes y algunos flexbox para este proyecto, por lo que todo será completamente adaptable. # --hints-- diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/62015d8942384c3aed48329e.md b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/62015d8942384c3aed48329e.md index 5bbc4efe7d5..9581cf58bbb 100644 --- a/curriculum/challenges/espanol/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/62015d8942384c3aed48329e.md +++ b/curriculum/challenges/espanol/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/62015d8942384c3aed48329e.md @@ -7,7 +7,7 @@ dashedName: step-39 # --description-- -Has envuelto tu tabla en un elemento de sección - ahora puedes estilizarla para darle un borde a tu tabla. Crea un selector `section`, y dale una propiedad `max-width` establecida en `40rem` para un diseño responsivo. Establece la propiedad `margin` a `0 auto` para centrarlo, y establece la propiedad `border` a `2px solid #d0d0d5`. +Has envuelto tu tabla en un elemento de sección - ahora puedes estilizarla para darle un borde a tu tabla. Crea un selector `section`, y dale una propiedad `max-width` establecida en `40rem` para un diseño adaptativo. Establece la propiedad `margin` a `0 auto` para centrarlo, y establece la propiedad `border` a `2px solid #d0d0d5`. # --hints-- diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index 0c0e417e724..6d89f8d0ea6 100644 --- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -This code would change the element assigned to the `div` variable to have the text `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. When a player clicks your `Go to store` button, you want to change the buttons and text. Remove the code inside the `goStore` function and add a line that updates the text of `button1` to say `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index 3cc2e9eb620..fef788f3997 100644 --- a/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/german/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -This code would change the element assigned to the `div` variable to have the text `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. When a player clicks your `Go to store` button, you want to change the buttons and text. Remove the code inside the `goStore` function and add a line that updates the text of `button1` to say `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index 3e20b48477b..803b4fdb204 100644 --- a/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/italian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -Questo codice cambia l'elemento assegnato alla variabile `div` in modo che abbia il testo `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. Quando un giocatore clicca sul pulsante `Go to store`, vuoi che cambino i pulsanti e il testo. Rimuovi il codice nella funzione `goStore` e aggiungi una riga che aggiorna il testo di `button1` in `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index 3cc2e9eb620..fef788f3997 100644 --- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -This code would change the element assigned to the `div` variable to have the text `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. When a player clicks your `Go to store` button, you want to change the buttons and text. Remove the code inside the `goStore` function and add a line that updates the text of `button1` to say `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a255dae245b52317da824a.md b/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a255dae245b52317da824a.md index 7758e0b6b42..3d8fadb2940 100644 --- a/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a255dae245b52317da824a.md +++ b/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a255dae245b52317da824a.md @@ -9,7 +9,7 @@ dashedName: step-16 Uma das ferramentas mais poderosas é o console do desenvolvedor. Dependendo do navegador, ele pode ser aberto pressionando `F12` ou `Ctrl+Shift+I`. Você também pode clicar no botão "Console" acima da janela de pré-visualização para ver o console embutido. O console do desenvolvedor incluirá erros produzidos pelo código, mas você também pode usá-lo para ver valores de variáveis no código, o que é útil para depuração. -Add a `console.log("Hello World");` line between your `script` tags. Then click the "Console" button to open the console. You should see the text `Hello World`. +Adicione uma linha `console.log("Hello World");` entre as tags `script`. Em seguida, clique no botão "Console" para abrir o console. Você deve ver o texto `Hello World`. Observe como a linha termina com ponto e vírgula. É prática comum em JavaScript encerrar as linhas de código com ponto e vírgula. diff --git a/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index d59b77e2423..b0b0a84464c 100644 --- a/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -Esse código mudará o elemento atribuído à variável `div` para ter o texto `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. Quando o jogador clicar no botão `Go to store`, você vai querer alterar os botões e o texto. Remova o código dentro da função `goStore` e adicione uma linha que atualize o texto do `button1` para que diga `Buy 10 health (10 gold)`. diff --git a/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc20387ef88d1d1998aac5.md b/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc20387ef88d1d1998aac5.md index f0e694b31c4..ff3b6aa112c 100644 --- a/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc20387ef88d1d1998aac5.md +++ b/curriculum/challenges/portuguese/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62fc20387ef88d1d1998aac5.md @@ -7,7 +7,7 @@ dashedName: step-32 # --description-- -Use `querySelector()` to get the other two `button` elements using their `id`s: `button2` and `button3`. Armazene-os em variáveis chamadas `button2` e `button3`. Lembre-se de usar `const`. +Use `querySelector()` para obter os outros dois elementos `button`, usando os `id`s `button2` e `button3`. Armazene-os em variáveis chamadas `button2` e `button3`. Lembre-se de usar `const`. # --hints-- diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md index 7e802c16f9f..1b0c6059d9e 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md @@ -11,21 +11,21 @@ dashedName: counting-cards В азартній грі «Блекджек» гравець може визначити, чи він має перевагу в наступній роздачі, відстежуючи кількість старших та молодших карт, що залишились в колоді. Це називається підрахунком карт. -Чим більше старших карт у колоді, тим краще для гравця. Кожній карті присвоєно значення відповідно до нижчеподаної таблиці. Коли рахунок є більшим за нуль, гравець повинен ставити старшу карту. Коли рахунок дорівнює нулю або є меншим, гравець повинен ставити молодшу карту. +Чим більше старших карт у колоді, тим краще для гравця. Кожній карті присвоєне значення відповідно до нижчеподаної таблиці. Якщо підрахунок більший за нуль, гравець повинен ставити старшу карту. Якщо підрахунок дорівнює нулю або менший за нуль, гравець повинен ставити молодшу карту.
Зміна рахункуКарти
+12, 3, 4, 5, 6
07, 8, 9
-110, 'J', 'Q', 'К', 'A'
-Ви писатимете функцію підрахунку карт. Вона матиме параметр `card`, який може бути числом або рядком, а також збільшить або зменшить загальну змінну `count` відповідно до значення карти (див. таблицю). Тоді функція поверне рядок з поточним рахунком і рядок `Bet`, якщо рахунок більше нуля, або `Hold`, якщо рахунок дорівнює або менше нуля. Між поточним рахунком та рішенням гравця (`Bet` чи `Hold`) повиннен бути один пробіл. +Ви писатимете функцію підрахунку карт. Вона отримає параметр `card`, який може бути числом або рядком, а також збільшуватиме або зменшуватиме глобальну змінну `count`, відповідно до значення карти (див. таблицю). Тоді функція поверне рядок з поточним підрахунком і рядок `Bet`, якщо підрахунок більше нуля, або `Hold`, якщо підрахунок дорівнює або менше нуля. Між поточним підрахунком та рішенням гравця (`Bet` або `Hold`) повинен бути один пробіл. -**Приклад результатів:** `-3 Hold` або `5 Bet` +**Приклад виводів:** `-3 Hold` або `5 Bet` **Підказка** -НЕ скидайте `count` до 0, коли значення 7, 8 або 9. Не повертайте масив. -Не вставляйте лапки (одинарні чи подвійні) у результаті. +НЕ скидайте `count` до 0, якщо значення становить 7, 8 або 9. НЕ повертайте масив. +НЕ використовуйте лапки (одинарні чи подвійні) у виводі. # --hints-- -Your function should return a value for count and the text (`Bet` or `Hold`) with one space character between them. +Ваша функція повинна повертати значення для підрахунку та текст (`Bet` або `Hold`) з одним пробілом між ними. ```js assert(// @@ -38,7 +38,7 @@ assert(// ); ``` -Cards Sequence 2, 3, 4, 5, 6 should return the string `5 Bet` +Послідовність карт 2, 3, 4, 5, 6 повинна повертати рядок `5 Bet` ```js assert( @@ -57,7 +57,7 @@ assert( ); ``` -Cards Sequence 7, 8, 9 should return the string `0 Hold` +Послідовність карт 7, 8, 9 повинна повертати рядок `0 Hold` ```js assert( @@ -74,7 +74,7 @@ assert( ); ``` -Cards Sequence 10, J, Q, K, A should return the string `-5 Hold` +Послідовність карт 10, J, Q, K, A повинна повертати рядок `-5 Hold` ```js assert( @@ -93,7 +93,7 @@ assert( ); ``` -Cards Sequence 3, 7, Q, 8, A should return the string `-1 Hold` +Послідовність карт 3, 7, Q, 8, A повинна повертати рядок `-1 Hold` ```js assert( @@ -112,7 +112,7 @@ assert( ); ``` -Cards Sequence 2, J, 9, 2, 7 should return the string `1 Bet` +Послідовність карт 2, J, 9, 2, 7 повинна повертати рядок `1 Bet` ```js assert( @@ -131,7 +131,7 @@ assert( ); ``` -Cards Sequence 2, 2, 10 should return the string `1 Bet` +Послідовність карт 2, 2, 10 повинна повертати рядок `1 Bet` ```js assert( @@ -148,7 +148,7 @@ assert( ); ``` -Cards Sequence 3, 2, A, 10, K should return the string `-1 Hold` +Послідовність карт 3, 2, A, 10, K повинна повертати рядок `-1 Hold` ```js assert( diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md index 6b83e2721a3..880f23c2ec3 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-javascript-variables.md @@ -9,32 +9,32 @@ dashedName: declare-javascript-variables # --description-- -У інформатиці data має важливе значення для комп'ютера. JavaScript надає вісім різних типів data: `undefined`, `null`, `boolean`, `string`, `symbol`, `bigint`, `number` та `object`. +В інформатиці дані мають важливе значення для комп'ютера. JavaScript надає вісім різних типів даних: `undefined`, `null`, `boolean`, `string`, `symbol`, `bigint`, `number` та `object`. -Наприклад, компю'тери розрізняють числа, такі як `12` та `strings`, такі як `"12"`, `"dog"` або `"123 cats"`, котрі є набором символів. Комп'ютери можуть виконувати математичні операції з числом, але не з рядком. +Наприклад, комп'ютери розрізняють числа, як-от `12` та рядки (`strings`), як-от `"12"`, `"dog"` або `"123 cats"`, які є набором символів. Комп'ютери можуть виконувати математичні операції з числом, але не з рядком. -Variables дозволяють комп'ютеру динамічно зберігати та керувати даними. Вони роблять це шляхом використання "мітки" для того, щоб вказувати на дані, не використовуючи самі дані. Будь-який з восьми видів даних можуть зберігатися у змінній. +Змінні дозволяють комп'ютеру динамічно зберігати та керувати даними. Для цього вони використовують «мітку», щоб вказати на дані, а не використовувати самі дані. Будь-який з восьми видів даних може зберігатися у змінній. -Змінні подібні до змінних "x" та "y", що використовуються в математиці, і це означає, що вони є простою назвою для представлення даних, на які ми хочемо посилатися. Комп'ютерні змінні відрізняються від математичних змінних тим, що вони можуть зберігати різні значення в різний час. +Змінні подібні до змінних «x» та «y», які використовуються в математиці, і це означає, що вони є простою назвою для представлення даних, на які ми хочемо посилатися. Комп'ютерні змінні відрізняються від математичних змінних тим, що вони можуть зберігати різні значення в різний час. -Ми вказуємо JavaScript створити або declare змінну, встановивши перед нею ключове слово `var`, таким чином: +Ми вказуємо JavaScript створити або оголосити змінну, написавши перед нею ключове слово `var`, ось так: ```js var ourName; ``` -створює змінну, що називається `ourName`. В JavaScript ми завершуємо команди крапкою з комою. Імена змінних можуть бути складені з цифр, букв та `$` або `_`, але не можуть містити пробіли або починатися з числа. +створює змінну під назвою `ourName`. Інструкції в JavaScript завершуються крапкою з комою. Назви змінних можуть складатись з цифр, букв та `$` або `_`, але не можуть містити пробіли або починатися з числа. # --instructions-- -Використовуйте ключове слово `var` для створення змінної `myName`. +Використайте ключове слово `var`, щоб створити змінну під назвою `myName`. **Підказка** Якщо застрягли, перегляньте приклад `ourName` вище. # --hints-- -Ви повинні вказати `myName` з ключовим словом `var`, закінчуючи крапкою з комою +Ви повинні оголосити `myName` з ключовим словом `var`, закінчуючи крапкою з комою ```js assert(/var\s+myName\s*;/.test(code)); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md index a26be3e65d9..0e01264efb9 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/declare-string-variables.md @@ -1,6 +1,6 @@ --- id: bd7123c9c444eddfaeb5bdef -title: Оголошення типу змінних string +title: Оголошення рядкових змінних challengeType: 1 videoUrl: 'https://scrimba.com/c/c2QvWU6' forumTopicId: 17557 @@ -15,21 +15,21 @@ dashedName: declare-string-variables var myName; ``` -Але ви також можете оголосити рядковий тип змінним ось так: +Але рядкову змінну можна оголосити ще так: ```js var myName = "your name"; ``` -`"your name"` називається string literal. string literal — це послідовність символів від нуля до нескінченності, записаних в одинарних чи подвійних лапках. +`"your name"` називається рядковим літералом. Рядковий літерал, або рядок – це послідовність нуля або більше символів, записаних в одинарних чи подвійних лапках. # --instructions-- -Створіть дві нові змінні рядкового типу: `myFirstName` (моє ім'я) та `myLastName` (моє прізвище) та надайте їм значення вашого імені та прізвища. +Створіть дві нові рядкові змінні: `myFirstName` та `myLastName`, і надайте їм значення своїх імені та прізвища. # --hints-- -`myFirstName` має бути рядком з хоча б одним символом всередині. +`myFirstName` повинна бути рядком з принаймні одним символом. ```js assert( @@ -47,7 +47,7 @@ assert( ); ``` -`myLastName` має бути рядком з хоча б одним символом всередині. +`myLastName` повинна бути рядком з принаймні одним символом. ```js assert( diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md index a50c3e644ea..244928cfae4 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/decrement-a-number-with-javascript.md @@ -1,6 +1,6 @@ --- id: 56533eb9ac21ba0edf2244ad -title: Зменшення числа за допомогою JavaScript +title: Зменшення числа з JavaScript challengeType: 1 videoUrl: 'https://scrimba.com/c/cM2KeS2' forumTopicId: 17558 @@ -9,45 +9,45 @@ dashedName: decrement-a-number-with-javascript # --description-- -Ви можете легко decrement або зменшити змінну на одиницю за допомогою оператора `--`. +Ви можете легко зменшити або збільшити змінну на один за допомогою оператора `--`. ```js i--; ``` -дорівнює +те й саме, що ```js i = i - 1; ``` -**Примітка:** Весь рядок стає `i--;`, усуваючи потребу в знаку рівності. +**Примітка:** весь рядок стає `i--;`, усуваючи потребу в знаку рівності. # --instructions-- -Змініть код, щоб користуватися оператором `--` у `myVar`. +Змініть код, щоб використати оператор `--` на `myVar`. # --hints-- -`myVar` повинен дорівнювати `10`. +`myVar` повинна дорівнювати `10`. ```js assert(myVar === 10); ``` -`myVar = myVar - 1;` слід змінити. +`myVar = myVar - 1;` потрібно змінити. ```js assert(!code.match(/myVar\s*=\s*myVar\s*[-]\s*1.*?;?/)); ``` -You should not assign `myVar` with `10`. +Ви не повинні присвоювати `10` до `myVar`. ```js assert(!code.match(/myVar\s*=\s*10.*?;?/)); ``` -You should use the `--` operator on `myVar`. +Ви повинні використати оператор `--` на `myVar`. ```js assert(/[-]{2}\s*myVar|myVar\s*[-]{2}/.test(code)); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md index 74f811a3d09..ed64933590c 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/delete-properties-from-a-javascript-object.md @@ -1,6 +1,6 @@ --- id: 56bbb991ad1ed5201cd392d3 -title: Видалення властивостей з об'єкту JavaScript +title: Видалення властивостей з об'єкта JavaScript challengeType: 1 videoUrl: 'https://scrimba.com/c/cDqKdTv' forumTopicId: 17560 @@ -9,13 +9,13 @@ dashedName: delete-properties-from-a-javascript-object # --description-- -Ми також можемо видалити властивості з таких об'єктів, як цей: +Ми також можемо видалити властивості з об'єктів, ось так: ```js delete ourDog.bark; ``` -До прикладу: +Приклад: ```js const ourDog = { @@ -29,7 +29,7 @@ const ourDog = { delete ourDog.bark; ``` -Після того, як зазначено останній рядок, `ourDog` виглядає так: +Після останнього рядка, показано вище, об'єкт `ourDog` виглядає ось так: ```js { @@ -46,7 +46,7 @@ delete ourDog.bark; # --hints-- -Вам слід видалити властивість `tails` з `myDog`. +Ви повинні видалити властивість `tails` з `myDog`. ```js assert(typeof myDog === 'object' && myDog.tails === undefined); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md index f639c4fb07f..63e502cf8c5 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-decimal-by-another-with-javascript.md @@ -1,6 +1,6 @@ --- id: bd7993c9ca9feddfaeb7bdef -title: Ділення одного десяткового на інше у JavaScript +title: Ділення одного десяткового числа на інше з JavaScript challengeType: 1 videoUrl: 'https://scrimba.com/c/cBZe9AW' forumTopicId: 18255 @@ -9,27 +9,27 @@ dashedName: divide-one-decimal-by-another-with-javascript # --description-- -Тепер давайте поділимо одне десяткове число на інше. +Тепер поділимо одне десяткове число на інше. # --instructions-- -Змініть `0.0` таким чином, щоб `quotient` дорівнювало `2.2`. +Змініть `0.0` таким чином, щоб частка (`quotient`) дорівнювала `2.2`. # --hints-- -Змінна `quotient` повинна дорівнювати `2.2` +Змінна `quotient` (частка) повинна дорівнювати `2.2` ```js assert(quotient === 2.2); ``` -Вам слід використовувати оператор `/`, щоб поділити 4.4 на 2 +Ви повинні використати оператор `/`, щоб поділити 4.4 на 2 ```js assert(/4\.40*\s*\/\s*2\.*0*/.test(code)); ``` -Коефіцієнтна змінна повинна бути визначена лише раз +Змінна-частка повинна бути присвоєна лише раз ```js assert(code.match(/quotient/g).length === 1); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md index 29ca524c0e1..1ee29e9c14d 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/divide-one-number-by-another-with-javascript.md @@ -1,6 +1,6 @@ --- id: cf1111c1c11feddfaeb6bdef -title: Ділення одного числа на інше за допомогою JavaScript +title: Ділення одного числа на інше з JavaScript challengeType: 1 videoUrl: 'https://scrimba.com/c/cqkbdAr' forumTopicId: 17566 @@ -9,7 +9,7 @@ dashedName: divide-one-number-by-another-with-javascript # --description-- -Також ми можемо поділити одне число на інше. +Ми можемо також поділити одне число на інше. JavaScript використовує символ `/` для ділення. @@ -19,14 +19,14 @@ JavaScript використовує символ `/` для ділення. const myVar = 16 / 2; ``` -`myVar` тепер набуває значення `8`. +Тепер `myVar` має значення `8`. # --instructions-- -Змініть `0` таким чином, щоб `quotient` дорівнювало `2`. +Змініть `0` таким чином, щоб частка (`quotient`) дорівнювала `2`. # --hints-- -Змінна `quotient` має дорівнювати 2. +Змінна `quotient` (частка) повинна дорівнювати 2. ```js assert(quotient === 2); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md index 4956a2f8596..8a4a165f385 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/escape-sequences-in-strings.md @@ -1,6 +1,6 @@ --- id: 56533eb9ac21ba0edf2244b6 -title: Екранування послідовностей у рядках +title: Керуючі послідовності у рядках challengeType: 1 videoUrl: 'https://scrimba.com/c/cvmqRh6' forumTopicId: 17567 @@ -9,36 +9,36 @@ dashedName: escape-sequences-in-strings # --description-- -Лапки - не єдині символи, що можуть бути екрановані в рядку. Існує дві причини використовувати екрановані символи: +Лапки – не єдині символи, що можуть бути екрановані в рядку. Існує дві причини використовувати екрановані символи: -1. To allow you to use characters you may not otherwise be able to type out, such as a newline. +1. Щоб дозволити вам використовувати символи, які ви не можете ввести по-іншому, як-от новий рядок. 2. Щоб дозволити вам відобразити декілька лапок в рядку без неправильного тлумачення JavaScript того, що ви маєте на увазі. -Ми вивчили це в попередньому завданні. +Ми дізналися про це в попередньому завданні. -
КодПри виведенні буде
\'одинарні лапки
\"подвійні лапки
\\зворотня коса риска
\nновий рядок
\ttab
\rcarriage return
\bграниці слова
\fрозрив сторінки
+
КодВивід
\'одинарні лапки
\"подвійні лапки
\\зворотна коса риска
\nновий рядок
\tтабуляція
\rповернення каретки
\bграниці слова
\fперевід сторінки
*Зверніть увагу, що сама зворотня коса риска повинна бути екранована для того, щоб вона відображалась.* # --instructions-- -Задайте наступні 3 рядки тексту в єдину змінну `myStr`, використовуючи екрановану послідовність. +Присвойте наступні 3 рядки тексту до єдиної змінної `myStr`, використовуючи екрановану послідовність.
FirstLine
    \SecondLine
ThirdLine
-Щоб правильно встановити спеціальні символи, потрібно використовувати екрановану послідовність. Також потрібно дотримуватись інтервалу, як це виглядає вище, без пробілів між екранованими послідовностями або словами. +Ви повинні використати керуючі послідовності, щоб правильно встановити спеціальні символи. Ви також повинні дотримуватись інтервалу, як показано вище, без пробілів між керуючими послідовностями або словами. -**Примітка:** Відступ для `SecondLine` досягається за допомогою символу екранування вкладки, а не пробілів. +**Примітка:** відступ для `SecondLine` досягається за допомогою символу табуляції, а не пробілів. # --hints-- -`myStr` не повинен містити пробілів +`myStr` не повинна містити пробілів ```js assert(!/ /.test(myStr)); ``` -`myStr` повинен містити рядки `FirstLine`, `SecondLine` та `ThirdLine` (пам'ятайте про врахування регістру) +`myStr` повинна містити рядки `FirstLine`, `SecondLine` та `ThirdLine` (пам'ятайте про регістр) ```js assert( @@ -46,19 +46,19 @@ assert( ); ``` -За `FirstLine` повинен слідувати символ нового рядка `\n` +Після `FirstLine` повинен бути символ нового рядка `\n` ```js assert(/FirstLine\n/.test(myStr)); ``` -`myStr` повинен містити символ вкладки `\t`, який слідує за символом нового рядка +`myStr` повинна містити символ табуляції `\t`, який йде після символу нового рядка ```js assert(/\n\t/.test(myStr)); ``` -За `SecondLine` повинен слідувати символ зворотної косої риски `\` +Перед `SecondLine` повинен бути символ зворотної косої риски `\` ```js assert(/\\SecondLine/.test(myStr)); @@ -70,7 +70,7 @@ assert(/\\SecondLine/.test(myStr)); assert(/SecondLine\nThirdLine/.test(myStr)); ``` -`myStr` повинен містити лише символи, показані в інструкціях +`myStr` повинна містити лише символи, вказані в інструкціях ```js assert(myStr === 'FirstLine\n\t\\SecondLine\nThirdLine'); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md index b2ff46849a4..f3647f90f5e 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/explore-differences-between-the-var-and-let-keywords.md @@ -1,6 +1,6 @@ --- id: 587d7b87367417b2b2512b3f -title: Дослідіть відмінності між ключовими словами var та let +title: Відмінності між ключовими словами var та let challengeType: 1 forumTopicId: 301202 dashedName: explore-differences-between-the-var-and-let-keywords @@ -18,7 +18,7 @@ console.log(camper); У вищезазначеному коді змінна `camper` спочатку була оголошена як `James`, а потім була переписана на `David`. Тому консоль показує рядок `David`. -У невеликому застосунку вам можливо і не загрожуватиме така проблема. Але з поступовим збільшенням кодової бази, ви можете випадково переписати якусь змінну. Оскільки така дія не вважається помилковою, то й знайти та виправити такі похибки буде складніше. +У невеликій програмі вам, можливо, і не загрожуватиме така проблема. Але з поступовим збільшенням кодової бази, ви можете випадково переписати якусь змінну. Оскільки така дія не вважається помилковою, то й знайти та виправити такі похибки буде складніше. Ключове слово `let` було введено в ES6 (важливе оновлення до JavaScript), щоб потенційно розв'язати цю проблему з ключовим словом `var`. Про інші функції ES6 ви дізнаєтеся у наступних завданнях. @@ -39,19 +39,19 @@ let camper = "David"; # --hints-- -`var` має бути відсутнім у коді. +`var` повинне бути відсутнім у коді. ```js assert.notMatch(code, /var/g); ``` -`catName` має бути рядком `Oliver`. +`catName` повинна бути рядком `Oliver`. ```js assert.equal(catName, 'Oliver'); ``` -`catSound` має бути рядком `Meow!` +`catSound` повинна бути рядком `Meow!` ```js assert.equal(catSound, 'Meow!'); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md index 1edce78a1f3..9be18e01990 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/find-the-length-of-a-string.md @@ -1,6 +1,6 @@ --- id: bd7123c9c448eddfaeb5bdef -title: Знайти довжину рядка +title: Пошук довжини рядка challengeType: 1 videoUrl: 'https://scrimba.com/c/cvmqEAd' forumTopicId: 18182 @@ -9,23 +9,23 @@ dashedName: find-the-length-of-a-string # --description-- -Ви можете знайти довжину `String` значення, написавши `.length` після рядкової змінної або рядкового літералу. +Ви можете знайти довжину значення `String`, написавши `.length` після рядкової змінної або рядкового літерала. ```js console.log("Alan Peter".length); ``` -The value `10` would be displayed in the console. Note that the space character between "Alan" and "Peter" is also counted. +На консолі відображатиметься значення `10`. Зауважте, що пробіл між «Alan» та «Peter» також враховується. Наприклад, якби ми створили змінну `const firstName = "Ada"`, ми б змогли визначити довжину рядка `Ada` за допомогою властивості `firstName.length`. # --instructions-- -Use the `.length` property to set `lastNameLength` to the number of characters in `lastName`. +Використайте властивість `.length`, щоб встановити `lastNameLength` на кількість символів у `lastName`. # --hints-- -Не слід змінювати оголошення змінних у розділі `// Setup`. +Ви не повинні змінювати оголошення змінних у розділі `// Setup`. ```js assert( @@ -34,13 +34,13 @@ assert( ); ``` -`lastNameLength` має дорівнювати вісім. +`lastNameLength` повинна дорівнювати 8. ```js assert(typeof lastNameLength !== 'undefined' && lastNameLength === 8); ``` -Ви повинні отримати довжину `lastName`, використовуючи `.length` таким чином: `lastName.length`. +Ви повинні отримати довжину `lastName`, використовуючи `.length`, ось так: `lastName.length`. ```js assert(code.match(/=\s*lastName\.length/g) && !code.match(/lastName\s*=\s*8/)); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md index 1735aaa35f3..f6cdfd82636 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/finding-a-remainder-in-javascript.md @@ -1,6 +1,6 @@ --- id: 56533eb9ac21ba0edf2244ae -title: Пошук залишку в JavaScript +title: Пошук остачі в JavaScript challengeType: 1 videoUrl: 'https://scrimba.com/c/cWP24Ub' forumTopicId: 18184 @@ -9,22 +9,22 @@ dashedName: finding-a-remainder-in-javascript # --description-- -Оператор remainder `%` надає залишки від ділення двох чисел. +Оператор остачі `%` надає залишок від ділення двох чисел. **Приклад** -
5 % 2 = 1 тому що
Math.floor(5 / 2) = 2 (Коефіцієнт)
2 * 2 = 4
5 - 4 = 1 (Залишок)
+
5 % 2 = 1, оскільки
Math.floor(5 / 2) = 2 (частка)
2 * 2 = 4
5 - 4 = 1 (остача)
-**Usage** -В математиці число може бути перевіреним на парність чи непарність шляхом перевірки залишку від ділення числа на `2`. +**Використання** +У математиці число можна перевірити як парне чи непарне, поділивши його на `2`. -
7 % 2 = 1 (17 є Непарним)
48 % 2 = 0 (48 є Парним)
+
17 % 2 = 1 (17 є непарним)
48 % 2 = 0 (48 є парним)
-**Примітка:** Оператор залишку іноді неправильно називають оператором модуля. Він є дуже схожим на модуль, але не працює належним чином з від'ємними числами. +**Примітка:** оператор остачі іноді неправильно називають оператором модуля. Він дуже схожий на модуль, але працює неправильно з від'ємними числами. # --instructions-- -Встановіть `remainder`, що дорівнює залишку `11` поділеного на `3` використовуючи оператор remainder (`%`). +Встановіть `remainder` рівною остачі від ділення `11` на `3`, використовуючи оператор остачі (`%`). # --hints-- @@ -34,7 +34,7 @@ dashedName: finding-a-remainder-in-javascript assert(/(const|let|var)\s+?remainder/.test(code)); ``` -Значення `remainder` повинне бути `2` +Значенням `remainder` повинне бути `2` ```js assert(remainder === 2); diff --git a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md index a31e0b5e33a..21b30d82dc5 100644 --- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md +++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/generate-random-fractions-with-javascript.md @@ -9,9 +9,9 @@ dashedName: generate-random-fractions-with-javascript # --description-- -Випадкові числа є корисними для створення випадкової поведінки об'єкта. +Випадкові числа корисні для створення випадкової поведінки. -JavaScript має функцію `Math.random()`, що генерує випадкові десяткові числа між `0` (включно) and `1` (виключно). Таким чином `Math.random()` може повернути `0` але ніколи не поверне `1`. +JavaScript має функцію `Math.random()`, яка генерує випадкові десяткові числа між `0` (включно) та `1` (виключно). Тому `Math.random()` може повернути `0`, але ніколи не поверне `1`. **Note:** Like Storing Values with the Assignment Operator, all function calls will be resolved before the `return` executes, so we can `return` the value of the `Math.random()` function. diff --git a/curriculum/challenges/ukrainian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md b/curriculum/challenges/ukrainian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md index cddf474092f..2d15f5ce215 100644 --- a/curriculum/challenges/ukrainian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md +++ b/curriculum/challenges/ukrainian/15-javascript-algorithms-and-data-structures-22/learn-basic-javascript-by-building-a-role-playing-game/62a3cfc8328d3351b95d4f61.md @@ -14,7 +14,7 @@ const info = document.querySelector("#info"); info.innerText = "Hello World"; ``` -Цей код змінить елемент, який призначено змінній `div`, щоб той мав текст `Hello World`. +This code would change the element assigned to the `info` variable to have the text `Hello World`. Якщо гравець натискає на кнопку `Go to store`, потрібно, щоб змінювались кнопки та текст. Видаліть код всередині функції `goStore` та додайте рядок, який оновлює текст для `button1` на `Buy 10 health (10 gold)`.