chore(i18n,curriculum): update translations (#43556)

This commit is contained in:
camperbot
2021-09-24 06:31:25 -07:00
committed by GitHub
parent 42e88ac281
commit 9f2595ec0b
9 changed files with 19 additions and 19 deletions

View File

@ -22,7 +22,7 @@ dashedName: center-an-element-horizontally-using-the-margin-property
`div` 應有一個 `margin`,設置爲 `auto` `div` 應有一個 `margin`,設置爲 `auto`
```js ```js
assert(code.match(/margin:\s*?auto;/g)); assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');
``` ```
# --seed-- # --seed--

View File

@ -22,7 +22,7 @@ dashedName: center-an-element-horizontally-using-the-margin-property
`div` 应有一个 `margin`,设置为 `auto` `div` 应有一个 `margin`,设置为 `auto`
```js ```js
assert(code.match(/margin:\s*?auto;/g)); assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');
``` ```
# --seed-- # --seed--

View File

@ -22,7 +22,7 @@ Centra el `div` en la página agregando una propiedad `margin` con un valor de `
El `div` debe tener un `margin` establecido en `auto`. El `div` debe tener un `margin` establecido en `auto`.
```js ```js
assert(code.match(/margin:\s*?auto;/g)); assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');
``` ```
# --seed-- # --seed--

View File

@ -42,10 +42,10 @@ assert.deepEqual(addTogether(23, 30), 53);
assert.deepEqual(addTogether(5)(7), 12); assert.deepEqual(addTogether(5)(7), 12);
``` ```
`addTogether("http://bit.ly/IqT6zt")` debe devolver `undefined`. `addTogether("https://www.youtube.com/watch?v=dQw4w9WgXcQ")` debe devolver `undefined`.
```js ```js
assert.isUndefined(addTogether('http://bit.ly/IqT6zt')); assert.isUndefined(addTogether('https://www.youtube.com/watch?v=dQw4w9WgXcQ'));
``` ```
`addTogether(2, "3")` debe devolver `undefined`. `addTogether(2, "3")` debe devolver `undefined`.

View File

@ -8,7 +8,7 @@ dashedName: make-images-mobile-responsive
# --description-- # --description--
Primero, agrega una nueva imagen debajo de la existente. Establece su atributo `src` a `https://bit.ly/fcc-running-cats`. Primero, agrega una nueva imagen debajo de la existente. Establece su atributo `src` a `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
Sería genial si esta imagen pudiera tener exactamente el ancho de la pantalla de nuestro teléfono. Sería genial si esta imagen pudiera tener exactamente el ancho de la pantalla de nuestro teléfono.
@ -34,10 +34,10 @@ Tu nueva imagen no debe tener la clase `smaller-image`.
assert(!$('img:eq(1)').hasClass('smaller-image')); assert(!$('img:eq(1)').hasClass('smaller-image'));
``` ```
Tu nueva imagen debe tener el atributo `src` con el valor `https://bit.ly/fcc-running-cats`. Tu nueva imagen debe tener el atributo `src` con el valor `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
```js ```js
assert($('img:eq(1)').attr('src') === 'https://bit.ly/fcc-running-cats'); assert($('img:eq(1)').attr('src') === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg');
``` ```
Tu nuevo elemento `img` debe tener etiqueta de cierre. Tu nuevo elemento `img` debe tener etiqueta de cierre.
@ -87,7 +87,7 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -148,8 +148,8 @@ assert(
<p>Click here for <a href="#">cat photos</a>.</p> <p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive"> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg" class="img-responsive">
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -8,7 +8,7 @@ dashedName: render-conditionally-from-props
# --description-- # --description--
Hasta ahora, has visto cómo utilizar `if/else`, `&&`, y el operador ternario (`condition ? expressionIfTrue : expressionIfFalse`) para tomar decisiones condicionales sobre qué renderizar y cuándo. Sin embargo, queda un tema importante por discutir que te permite combinar cualquier o todos estos conceptos con otra poderosa característica de React: los props. El uso de props para renderizar condicionalmente el código es muy común entre los desarrolladores de React, es decir, utilizan el valor de una prop dada para automáticamente tomar decisiones sobre qué renderizar. Hasta ahora, has visto cómo usar `if/else`, `&&`y el operador ternario (`condition ? expressionIfTrue : expressionIfFalse`) para tomar decisiones condicionales sobre qué renderizar y cuándo. Sin embargo, queda un tema importante por discutir que te permite combinar cualquier o todos estos conceptos con otra poderosa característica de React: los props. El uso de props para renderizar condicionalmente el código es muy común entre los desarrolladores de React, es decir, utilizan el valor de una prop dada para automáticamente tomar decisiones sobre qué renderizar.
En este desafío, configurarás un componente hijo para tomar decisiones de renderizado basadas en props. También usarás el operador ternario, pero puedes ver cómo varios de los otros conceptos que se cubrieron en los últimos desafíos podrían ser igual de útiles en este contexto. En este desafío, configurarás un componente hijo para tomar decisiones de renderizado basadas en props. También usarás el operador ternario, pero puedes ver cómo varios de los otros conceptos que se cubrieron en los últimos desafíos podrían ser igual de útiles en este contexto.

View File

@ -1,6 +1,6 @@
--- ---
id: 587d7faa367417b2b2512bd4 id: 587d7faa367417b2b2512bd4
title: Add a Hover Effect to a D3 Element title: Añade un efecto "Hover" a un elemento D3
challengeType: 6 challengeType: 6
forumTopicId: 301469 forumTopicId: 301469
dashedName: add-a-hover-effect-to-a-d3-element dashedName: add-a-hover-effect-to-a-d3-element
@ -8,17 +8,17 @@ dashedName: add-a-hover-effect-to-a-d3-element
# --description-- # --description--
It's possible to add effects that highlight a bar when the user hovers over it with the mouse. So far, the styling for the rectangles is applied with the built-in D3 and SVG methods, but you can use CSS as well. Es posible añadir efectos que resalten una barra cuando el usuario pasa mouse sobre ella. Hasta ahora, el estilo de los rectángulos se aplica con los métodos incorporados en D3 y SVG, pero también puedes usar CSS.
You set the CSS class on the SVG elements with the `attr()` method. Then the `:hover` pseudo-class for your new class holds the style rules for any hover effects. Tú estableces la clase CSS en los elementos SVG con el método `attr()`. Después la clase pseudo `:hover` para tu nueva clase mantiene las reglas de estilo para cualquier efecto hover.
# --instructions-- # --instructions--
Use the `attr()` method to add a class of `bar` to all the `rect` elements. This changes the `fill` color of the bar to brown when you mouse over it. Utiliza el método `attr()` para añadir una clase de `bar` a todos los elementos `rect`. Esto cambia el color de (relleno) `fill` de la barra a marrón cuando pases el mouse sobre ella.
# --hints-- # --hints--
Your `rect` elements should have a class of `bar`. Tu elemento `rect` debe tener una clase de `bar`.
```js ```js
assert($('rect').attr('class').trim().split(/\s+/g).includes('bar')); assert($('rect').attr('class').trim().split(/\s+/g).includes('bar'));

View File

@ -22,7 +22,7 @@ Centra il `div` sulla pagina aggiungendo una proprietà `margin` con un valore `
Il `div` dovrebbe avere un `margin` impostato su `auto`. Il `div` dovrebbe avere un `margin` impostato su `auto`.
```js ```js
assert(code.match(/margin:\s*?auto;/g)); assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');
``` ```
# --seed-- # --seed--

View File

@ -22,7 +22,7 @@ Centralize a `div` na página adicionando a propriedade `margin` com o valor `au
Esta `div` deve conter a propriedade `margin` definida com o valor `auto`. Esta `div` deve conter a propriedade `margin` definida com o valor `auto`.
```js ```js
assert(code.match(/margin:\s*?auto;/g)); assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');
``` ```
# --seed-- # --seed--