gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
camperbot
2021-05-06 00:09:17 +09:00
committed by GitHub
parent e7156dcc9e
commit a067bd15a1
4 changed files with 36 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
curriculum/challenges/espanol/03-front-end-libraries/bootstrap/line-up-form-elements-responsively-with-bootstrap.md
View File

@ -1,6 +1,6 @@
--- ---
id: bad87fee1348bd9aec908845 id: bad87fee1348bd9aec908845
title: Line up Form Elements Responsively with Bootstrap title: Alinee elementos de formulario de forma responsiva con Bootstrap
challengeType: 0 challengeType: 0
forumTopicId: 18225 forumTopicId: 18225
required: required:
@ -13,15 +13,15 @@ dashedName: line-up-form-elements-responsively-with-bootstrap
# --description-- # --description--
Now let's get your form `input` and your submission `button` on the same line. We'll do this the same way we have previously: by using a `div` element with the class `row`, and other `div` elements within it using the `col-xs-*` class. Ahora coloquemos tu formulario `input` y tu `button`de envío en la misma línea. Lo haremos de la misma forma que lo hemos hecho anteriormente: usando un elemento `div` con la clase `row`, y otros elementos `div` dentro de el usando la clase `col-xs-*`.
Nest both your form's text `input` and submit `button` within a `div` with the class `row`. Nest your form's text `input` within a div with the class of `col-xs-7`. Nest your form's submit `button` in a `div` with the class `col-xs-5`. Anida tanto el campo de texto `input` del formulario como el botón de envío `button` dentro de un `div` con la clase `row`. Incrusta tu campo de texto `input` del formulario dentro de un div con la clase `col-xs-7`. Incrusta tu botón de envió `button` del formulario dentro de un `div`con la clase `col-xs-5`.
This is the last challenge we'll do for our Cat Photo App for now. We hope you've enjoyed learning Font Awesome, Bootstrap, and responsive design! Este es el ultimo desafío que haremos para nuestra aplicación de fotos de gatos por ahora. ¡Esperamos que hayas disfrutado aprendiendo Font Awesome, Bootstrap y diseño responsivo!
# --hints-- # --hints--
Your form submission button and text input should be nested in a div with class `row`. Tu botón de envío del formulario y la entrada de texto deben anidarse en un div con la clase `row`.
```js ```js
assert( assert(
@ -30,19 +30,19 @@ assert(
); );
``` ```
Your form text input should be nested in a div with the class `col-xs-7`. Tu entrada de texto del formulario debe estar anidada en un div con la clase `col-xs-7`.
```js ```js
assert($('div.col-xs-7:has(input[type="text"])').length > 0); assert($('div.col-xs-7:has(input[type="text"])').length > 0);
``` ```
Your form submission button should be nested in a div with the class `col-xs-5`. Tu botón de envío del formulario debe estar anidado en un div con la clase `col-xs-5`.
```js ```js
assert($('div.col-xs-5:has(button[type="submit"])').length > 0); assert($('div.col-xs-5:has(button[type="submit"])').length > 0);
``` ```
All of your `div` elements should have closing tags. Todos sus elementos `div` deben tener etiquetas de cierre.
```js ```js
assert( assert(

10
curriculum/challenges/espanol/03-front-end-libraries/bootstrap/split-your-bootstrap-row.md
View File

@ -1,6 +1,6 @@
--- ---
id: bad87fee1348bd9aec908847 id: bad87fee1348bd9aec908847
title: Split Your Bootstrap Row title: Divide tu fila de Bootstrap
challengeType: 0 challengeType: 0
forumTopicId: 18306 forumTopicId: 18306
dashedName: split-your-bootstrap-row dashedName: split-your-bootstrap-row
@ -8,19 +8,19 @@ dashedName: split-your-bootstrap-row
# --description-- # --description--
Now that we have a Bootstrap Row, let's split it into two columns to house our elements. Ahora que tenemos una fila de Bootstrap, vamos a dividirla en dos columnas para albergar nuestros elementos.
Create two `div` elements within your row, both with the class `col-xs-6`. Crea dos elementos `div` dentro de tu fila, ambos con la clase `col-xs-6`.
# --hints-- # --hints--
Two `div class="col-xs-6"` elements should be nested within your `div class="row"` element. Dos elementos `div class="col-xs-6"` deben estar anidados dentro de tu elemento `div class="row"`.
```js ```js
assert($('div.row > div.col-xs-6').length > 1); assert($('div.row > div.col-xs-6').length > 1);
``` ```
All your `div` elements should have closing tags. Todos tus elementos `div` deben tener etiquetas de cierre.
```js ```js
assert( assert(

16
curriculum/challenges/espanol/03-front-end-libraries/bootstrap/style-text-inputs-as-form-controls.md
View File

@ -1,6 +1,6 @@
--- ---
id: bad87fee1348bd9aed908845 id: bad87fee1348bd9aed908845
title: Style Text Inputs as Form Controls title: Estilo de entradas de texto como controles de formulario
challengeType: 0 challengeType: 0
forumTopicId: 18312 forumTopicId: 18312
required: required:
@ -13,33 +13,33 @@ dashedName: style-text-inputs-as-form-controls
# --description-- # --description--
You can add the `fa-paper-plane` Font Awesome icon by adding `<i class="fa fa-paper-plane"></i>` within your submit `button` element. Puedes añadir el icono `fa-paper-plane` de Font Awesome, agregando `<i class="fa fa-paper-plane"></i>` dentro del elemento `button` de tipo `submit`.
Give your form's text input field a class of `form-control`. Give your form's submit button the classes `btn btn-primary`. Also give this button the Font Awesome icon of `fa-paper-plane`. Da al input(campo de entrada de texto) de tu formulario una clase `form-control`. Da el botón de envío(submit) de tu formulario las clases `btn btn-primary`. También da a este botón el icono de Font Awesome con `fa-paper-plane`.
All textual `<input>`, `<textarea>`, and `<select>` elements with the class `.form-control` have a width of 100%. Todo el texto en los elementos `<input>`, `<textarea>`, y `<select>` con la clase `.form-control` deben tener un ancho del 100%.
# --hints-- # --hints--
The submit button in your form should have the classes `btn btn-primary`. El botón de envío submit en tu formulario debe tener las clases `btn btn-primary`.
```js ```js
assert($('button[type="submit"]').hasClass('btn btn-primary')); assert($('button[type="submit"]').hasClass('btn btn-primary'));
``` ```
You should add a `<i class="fa fa-paper-plane"></i>` within your submit `button` element. Debes añadir `<i class="fa fa-paper-plane"></i>` dentro de tu elemento button.
```js ```js
assert($('button[type="submit"]:has(i.fa.fa-paper-plane)').length > 0); assert($('button[type="submit"]:has(i.fa.fa-paper-plane)').length > 0);
``` ```
The text `input` in your form should have the class `form-control`. El texto en `input` en tu formulario debe tener la clase `form-control`.
```js ```js
assert($('input[type="text"]').hasClass('form-control')); assert($('input[type="text"]').hasClass('form-control'));
``` ```
Each of your `i` elements should have a closing tag. Cada uno de tus elementos `i` debe tener una etiqueta de cierre.
```js ```js
assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3); assert(code.match(/<\/i>/g) && code.match(/<\/i/g).length > 3);

28
curriculum/challenges/espanol/03-front-end-libraries/bootstrap/use-a-span-to-target-inline-elements.md
View File

@ -1,6 +1,6 @@
--- ---
id: bad87fee1348bd9aedf08845 id: bad87fee1348bd9aedf08845
title: Use a span to Target Inline Elements title: Usa un span para apuntar a elementos en línea
challengeType: 0 challengeType: 0
forumTopicId: 18370 forumTopicId: 18370
dashedName: use-a-span-to-target-inline-elements dashedName: use-a-span-to-target-inline-elements
@ -8,31 +8,33 @@ dashedName: use-a-span-to-target-inline-elements
# --description-- # --description--
You can use spans to create inline elements. Remember when we used the `btn-block` class to make the button fill the entire row? Puedes usar spans para crear elementos en línea. ¿Recuerdas cuando usamos la clase `btn-block` para hacer que el botón ocupe toda la fila completa?
<button class='btn' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>normal button</button> <button class='btn' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>botón normal</button>
<button class='btn btn-block' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>btn-block button</button> <button class='btn btn-block' style='background-color: rgb(0, 100, 0); color: rgb(255, 255, 255);'>botón btn-block</button>
That illustrates the difference between an "inline" element and a "block" element. Esto ilustra la diferencia entre un elemento "en línea" y un elemento de "bloque".
By using the inline `span` element, you can put several elements on the same line, and even style different parts of the same line differently. Usando el elemento en línea `span`, puedes alinear varios elementos, e incluso estilizar diferentes partes de la misma línea de manera diferente.
Nest the word "love" in your "Things cats love" element below within a `span` element. Then give that `span` the class `text-danger` to make the text red. Usando un elemento `span`, anida la palabra `love` dentro del elemento `p` que actualmente contiene el texto `Things cats love`. Luego asigna al `span` la clase `text-danger` para hacer al texto rojo.
Here's how you would do this with the "Top 3 things cats hate" element: Así es como harías esto para el elemento `p` que tiene el texto `Top 3 things cats hate`:
`<p>Top 3 things cats <span class="text-danger">hate:</span></p>` ```html
<p>Top 3 things cats <span class="text-danger">hate:</span></p>
```
# --hints-- # --hints--
Your `span` element should be inside your `p` element. Tu elemento `span` debe estar dentro de tu elemento `p`.
```js ```js
assert($('p span') && $('p span').length > 0); assert($('p span') && $('p span').length > 0);
``` ```
Your `span` element should have just the text `love`. Tu elemento `span` solo debe tener el texto `love`.
```js ```js
assert( assert(
@ -44,13 +46,13 @@ assert(
); );
``` ```
Your `span` element should have class `text-danger`. Tu elemento `span` debe tener la clase `text-danger`.
```js ```js
assert($('span').hasClass('text-danger')); assert($('span').hasClass('text-danger'));
``` ```
Your `span` element should have a closing tag. Tu elemento `span` debe tener una etiqueta de cierre.
```js ```js
assert( assert(