chore(i18n,curriculum): processed translations (#42504)
This commit is contained in:
camperbot
GitHub
@@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348bd9aed608826
|
||||
title: Use appendTo to Move Elements with jQuery
|
||||
title: Usa appendTo para mover elementos con jQuery
|
||||
challengeType: 6
|
||||
forumTopicId: 18340
|
||||
dashedName: use-appendto-to-move-elements-with-jquery
|
||||
@@ -8,31 +8,33 @@ dashedName: use-appendto-to-move-elements-with-jquery
|
||||
|
||||
# --description--
|
||||
|
||||
Now let's try moving elements from one `div` to another.
|
||||
Ahora intentemos mover elementos de un `div` a otro.
|
||||
|
||||
jQuery has a function called `appendTo()` that allows you to select HTML elements and append them to another element.
|
||||
jQuery tiene una función llamada `appendTo()` que te permite seleccionar elementos HTML y añadirlos a otro elemento.
|
||||
|
||||
For example, if we wanted to move `target4` from our right well to our left well, we would use:
|
||||
Por ejemplo, si quisiéramos mover `target4` desde nuestro "right well" a nuestro "left well", usaríamos:
|
||||
|
||||
`$("#target4").appendTo("#left-well");`
|
||||
```js
|
||||
$("#target4").appendTo("#left-well");
|
||||
```
|
||||
|
||||
Move your `target2` element from your `left-well` to your `right-well`.
|
||||
Mueve tu elemento `target2` desde tu `left-well` a tu `right-well`.
|
||||
|
||||
# --hints--
|
||||
|
||||
Your `target2` element should not be inside your `left-well`.
|
||||
Tu elemento `target2` debe estar dentro de `left-well`.
|
||||
|
||||
```js
|
||||
assert($('#left-well').children('#target2').length === 0);
|
||||
```
|
||||
|
||||
Your `target2` element should be inside your `right-well`.
|
||||
Tu elemento `target2` debe estar dentro de `right-well`.
|
||||
|
||||
```js
|
||||
assert($('#right-well').children('#target2').length > 0);
|
||||
```
|
||||
|
||||
You should only use jQuery to move these elements.
|
||||
Sólo debes usar jQuery para mover estos elementos.
|
||||
|
||||
```js
|
||||
assert(!code.match(/class.*animated/g));
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348bd9aecb08826
|
||||
title: Use jQuery to Modify the Entire Page
|
||||
title: Usa jQuery para modificar la página completa
|
||||
challengeType: 6
|
||||
forumTopicId: 18361
|
||||
required:
|
||||
@@ -11,17 +11,17 @@ dashedName: use-jquery-to-modify-the-entire-page
|
||||
|
||||
# --description--
|
||||
|
||||
We're done playing with our jQuery playground. Let's tear it down!
|
||||
Hemos terminado de jugar con nuestra área de juego de jQuery. ¡Vamos a derribarlo!
|
||||
|
||||
jQuery can target the `body` element as well.
|
||||
jQuery también puede seleccionar al elemento `body`.
|
||||
|
||||
Here's how we would make the entire body fade out: `$("body").addClass("animated fadeOut");`
|
||||
Así es como haríamos que el cuerpo entero se desvaneciera: `$("body").addClass("animated fadeOut");`
|
||||
|
||||
But let's do something more dramatic. Add the classes `animated` and `hinge` to your `body` element.
|
||||
Pero hagamos algo más dramático. Añade las clases `animated` y `hinge` a tu elemento `body`.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should add the classes `animated` and `hinge` to your `body` element.
|
||||
Debes añadir las clases `animated` y `hinge` a tu elemento `body`.
|
||||
|
||||
```js
|
||||
assert($('body').hasClass('animated') && $('body').hasClass('hinge'));
|
||||
|
||||
@@ -29,7 +29,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
O elemento `a` deve ter um atributo `href` com o valor de uma string vazia `""`.
|
||||
O elemento `a` deve ter o atributo `href` com o valor de uma string vazia `""`.
|
||||
|
||||
```js
|
||||
assert($('a').attr('href') === '');
|
||||
|
||||
@@ -37,7 +37,7 @@ O elemento ao qual você precisa aplicar a sombra tem um id de `thumbnail`. Com
|
||||
|
||||
# --hints--
|
||||
|
||||
O código deve adicionar uma propriedade `box-shadow` no elemento de id `thumbnail`.
|
||||
O código deve adicionar a propriedade `box-shadow` no elemento de id `thumbnail`.
|
||||
|
||||
```js
|
||||
assert(code.match(/#thumbnail\s*?{\s*?box-shadow/g));
|
||||
|
||||
@@ -26,13 +26,13 @@ Adicione as regras de estilo à classe `responsive-img` para torná-la responsiv
|
||||
|
||||
# --hints--
|
||||
|
||||
A classe `responsive-img` deve ter a propriedade `max-width` com o valor de `100%`.
|
||||
O elemento de classe `responsive-img` deve ter a propriedade `max-width` com o valor de `100%`.
|
||||
|
||||
```js
|
||||
assert(getComputedStyle($('.responsive-img')[0]).maxWidth === '100%');
|
||||
```
|
||||
|
||||
A classe `responsive-img` deve ter a propriedade `height` com o valor de `auto`.
|
||||
O elemento de classe `responsive-img` deve ter a propriedade `height` com o valor de `auto`.
|
||||
|
||||
```js
|
||||
assert(code.match(/height:\s*?auto;/g));
|
||||
|
||||
@@ -38,7 +38,7 @@ Você pode usar HTML, JavaScript e CSS para completar este projeto. É recomenda
|
||||
|
||||
Você pode fazer o seu projeto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>usando este modelo da CodePen</a> e, logo após, clicar em `Save` para criar seu próprio projeto. Como alternativa, use este link da nossa CDN para executar os testes em qualquer ambiente que você preferir: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
|
||||
|
||||
Quando tiver terminado, envie a URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
Quando tiver terminado, envie o URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
|
||||
# --solutions--
|
||||
|
||||
|
||||
@@ -46,7 +46,7 @@ Você pode usar HTML, JavaScript e CSS para completar este projeto. É recomenda
|
||||
|
||||
Você pode fazer o seu projeto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>usando este modelo da CodePen</a> e, logo após, clicar em `Save` para criar seu próprio projeto. Como alternativa, use este link da nossa CDN para executar os testes em qualquer ambiente que você preferir: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
|
||||
|
||||
Quando tiver terminado, envie a URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
Quando tiver terminado, envie o URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
|
||||
# --solutions--
|
||||
|
||||
|
||||
@@ -48,7 +48,7 @@ Você pode usar HTML, JavaScript e CSS para completar este projeto. É recomenda
|
||||
|
||||
Você pode fazer o seu projeto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>usando este modelo da CodePen</a> e, logo após, clicar em `Save` para criar seu próprio projeto. Como alternativa, use este link da nossa CDN para executar os testes em qualquer ambiente que você preferir: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
|
||||
|
||||
Quando tiver terminado, envie a URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
Quando tiver terminado, envie o URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
|
||||
# --solutions--
|
||||
|
||||
|
||||
@@ -46,7 +46,7 @@ Você pode usar HTML, JavaScript e CSS para completar este projeto. É recomenda
|
||||
|
||||
Você pode fazer o seu projeto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>usando este modelo da CodePen</a> e, logo após, clicar em `Save` para criar seu próprio projeto. Como alternativa, use este link da nossa CDN para executar os testes em qualquer ambiente que você preferir: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
|
||||
|
||||
Quando tiver terminado, envie a URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
Quando tiver terminado, envie o URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
|
||||
# --solutions--
|
||||
|
||||
|
||||
@@ -14,15 +14,15 @@ Atenda às [especificações de usuário](https://en.wikipedia.org/wiki/User_sto
|
||||
|
||||
Você pode usar HTML, JavaScript e CSS para completar este projeto. É recomendado utilizar CSS puro, pois é disso que trataram as lições até agora. É bom você adquirir alguma prática com CSS. Você pode usar Bootstrap ou SASS se quiser. Outras tecnologias (como, por exemplo, jQuery, React, Angular ou Vue) não são recomendadas para este projeto. Use-as por sua conta e risco. Outros projetos te darão uma chance de trabalhar com diferentes bibliotecas, como o React. Vamos aceitar e tentar corrigir todos os relatórios de problemas que usem a stack de tecnologias sugerida para esse projeto. Boa programação!
|
||||
|
||||
**Especificação de usuário nº 1:** a página de tributo deve ter um elemento com um `id="main"` que envolva todos os demais elementos.
|
||||
**Especificação de usuário nº 1:** a página de homenagem deve ter um elemento com um `id="main"` que envolva todos os demais elementos.
|
||||
|
||||
**Especificação de usuário nº 2:** deve haver um elemento com `id="title"`, que contenha um texto que descreva a pessoa a quem a página presta homenagem (por exemplo, "Dr. Norman Borlaug").
|
||||
|
||||
**Especificação de usuário nº 3:** deve haver uma `div` com um `id="img-div"`.
|
||||
|
||||
**Especificação de usuário nº 4:** dentro do elemento `img-div`, deve haver um elemento `img` com um `id="image"`.
|
||||
**Especificação de usuário nº 4:** dentro do elemento de id `img-div`, deve haver um elemento `img` com um `id="image"`.
|
||||
|
||||
**Especificação de usuário nº 5:** dentro do elemento `img-div`, deve haver um elemento com um `id="img-caption"` que contenha um conteúdo textual descrevendo a imagem mostrada em `img-div`.
|
||||
**Especificação de usuário nº 5:** dentro do elemento de id `img-div`, deve haver um elemento com um `id="img-caption"` que contenha um conteúdo textual descrevendo a imagem mostrada em `img-div`.
|
||||
|
||||
**Especificação de usuário nº 6:** deve haver um elemento com `id="tribute-info"`, que contenha conteúdo textual descrevendo a pessoa a quem a página presta homenagem.
|
||||
|
||||
@@ -34,7 +34,7 @@ Você pode usar HTML, JavaScript e CSS para completar este projeto. É recomenda
|
||||
|
||||
Você pode fazer o seu projeto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel='nofollow'>usando este modelo da CodePen</a> e, logo após, clicar em `Save` para criar seu próprio projeto. Como alternativa, use este link da nossa CDN para executar os testes em qualquer ambiente que você preferir: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`.
|
||||
|
||||
Quando tiver terminado, envie a URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
Quando tiver terminado, envie o URL do seu projeto depois de ele haver passado em todos os testes.
|
||||
|
||||
# --solutions--
|
||||
|
||||
|
||||
Reference in New Issue
Block a user