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

This commit is contained in:
camperbot
2021-08-31 09:47:25 -07:00
committed by GitHub
parent 61b390d075
commit 374876325e
62 changed files with 232 additions and 238 deletions

View File

@ -1,6 +1,6 @@
---
id: bad87fee1348bd9aec908849
title: Agregar elementos dentro de tus recursos de Bootstrap
title: Agrega elementos dentro de tus recursos de Bootstrap
challengeType: 0
forumTopicId: 16636
dashedName: add-elements-within-your-bootstrap-wells
@ -8,13 +8,13 @@ dashedName: add-elements-within-your-bootstrap-wells
# --description--
Ahora estamos a varios elementos `div` de profundidad en cada columna de nuestras filas. Esto es todo lo que necesitamos. Ahora podemos agregar nuestros elementos `button`.
Ahora estamos a varios elementos `div` de profundidad en cada columna de nuestra fila. Esto es lo más profundo que necesitaremos ir. Ahora podemos agregar nuestros elementos `button`.
Anida tres elementos `button` dentro de cada uno de los elementos `div` que posean una clase `well`.
# --hints--
Tres elementos `button` deberían ser insertados dentro de cada uno de los elementos `div` con la clase `well`.
Tres elementos `button` deben estar anidados dentro de cada uno de tus elementos `div` con la clase `well`.
```js
assert(
@ -23,13 +23,13 @@ assert(
);
```
Debería haber un total de 6 elementos `button`.
Debes tener un total de 6 elementos `button`.
```js
assert($('button') && $('button').length > 5);
```
Todos los elementos `button` deben tener etiqueta de cierre.
Todos tus elementos `button` deben tener etiquetas de cierre.
```js
assert(

View File

@ -1,6 +1,6 @@
---
id: bad87fee1348bd9aedc08845
title: Agrega íconos Font Awesome a todos nuestros botones
title: Agrega iconos Font Awesome a todos nuestros botones
challengeType: 0
forumTopicId: 16637
required:
@ -12,17 +12,17 @@ dashedName: add-font-awesome-icons-to-all-of-our-buttons
# --description--
Font Awesome es una conveniente librería de íconos. Éstos pueden ser fuentes de la web o gráficos vectoriales. Los iconos son tratados como fuentes. Puedes especificar su tamaño usando píxeles y ellos asumirán el tamaño de fuente de su elemento HTML padre.
Font Awesome es una conveniente librería de iconos. Estos pueden ser fuentes web o gráficos vectoriales. Estos iconos son tratados como fuentes. Puedes especificar su tamaño usando píxeles, y ellos asumirán el tamaño de fuente de su elemento HTML padre.
# --instructions--
Utiliza Font Awesome para agregar un icono `info-circle` a su botón info y un icono `trash` al botón borrar.
** Nota: **El elemento `span` es una alternativa aceptable al elemento `i` para las direcciones a continuación.
**Nota:**El elemento `span` es una alternativa aceptable al elemento `i` para las direcciones a continuación.
# --hints--
Deberías añadir un elemento `<i class="fas fa-info-circle"></i>` dentro de tu elemento `info` botón info.
Debes añadir un elemento `<i class="fas fa-info-circle"></i>` dentro de tu elemento botón `info`.
```js
assert(
@ -31,7 +31,7 @@ assert(
);
```
Deberías añadir un elemento `<i class="fas fa-trash"></i>` dentro de tu elemento botón `delete`.
Debes añadir un elemento `<i class="fas fa-trash"></i>` dentro de tu elemento botón `delete`.
```js
assert(
@ -40,7 +40,7 @@ assert(
);
```
Cada uno de tus elementos `i` debe tener una etiqueta de cierre y `<i class="fas fa-thumbs-up"></i>` tiene que estar en el botón `like`.
Cada uno de tus elementos `i` debe tener una etiqueta de cierre y `<i class="fas fa-thumbs-up"></i>` tiene que estar en tu elemento botón `like`.
```js
assert(

View File

@ -1,6 +1,6 @@
---
id: bad87fee1348bd9aedd08845
title: Agrega íconos Font Awesome a nuestros botones
title: Agrega iconos Font Awesome a nuestros botones
challengeType: 0
forumTopicId: 16638
required:
@ -12,7 +12,7 @@ dashedName: add-font-awesome-icons-to-our-buttons
# --description--
Font Awesome es una librería de iconos muy conveniente. Estos iconos pueden ser fuentes web o gráficos vectoriales. Estos iconos son tratados como fuentes. Puedes especificar su tamaño usando píxeles, y ellos asumirán el tamaño de fuente de su elemento HTML padre.
Font Awesome es una conveniente librería de iconos. Estos iconos pueden ser fuentes web o gráficos vectoriales. Estos iconos son tratados como fuentes. Puedes especificar su tamaño usando píxeles, y ellos asumirán el tamaño de fuente de su elemento HTML padre.
Puedes incluir Font Awesome en cualquier aplicación agregando el siguiente código al principio de tu HTML:
@ -20,7 +20,7 @@ Puedes incluir Font Awesome en cualquier aplicación agregando el siguiente cód
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
```
En este caso, ya lo hemos añadido por ti en esta página detrás de escena.
En este caso, ya lo hemos añadido por ti en esta página tras bambalinas.
El elemento `i` fue originalmente usado para crear elementos itálicos, pero ahora es comúnmente usado para iconos. Puedes añadir las clases de Font Awesome al elemento `i` para convertirlo en un icono, por ejemplo:
@ -28,11 +28,11 @@ El elemento `i` fue originalmente usado para crear elementos itálicos, pero aho
<i class="fas fa-info-circle"></i>
```
Ten en cuenta que el elemento `span` también es aceptable para usar con íconos.
Ten en cuenta que el elemento `span` también es aceptable para usar con iconos.
# --instructions--
Usa Font Awesome para añadir un icono `thumbs-up` a tu botón de "Like", dandole un elemento `i` con las clases `fas` y `fa-thumbs-up`. Asegúrate de dejar el texto `Like` junto al icono.
Usa Font Awesome para añadir un icono `thumbs-up` a tu botón de "Like", dándole un elemento `i` con las clases `fas` y `fa-thumbs-up`. Asegúrate de dejar el texto `Like` junto al icono.
# --hints--
@ -42,7 +42,7 @@ Debes añadir un elemento `i` con las clases `fas` y `fa-thumbs-up`.
assert($('i').is('.fas.fa-thumbs-up') || $('span').is('.fas.fa-thumbs-up'));
```
Tu ícono `fa-thumbs-up` debe estar ubicado dentro del botón "Like".
Tu icono `fa-thumbs-up` debe estar ubicado dentro del botón "Like".
```js
assert(
@ -62,7 +62,7 @@ assert(
);
```
Tu ícono debe tener una etiqueta de cierre.
Tu elemento icono debe tener una etiqueta de cierre.
```js
assert(code.match(/<\/i>|<\/span>/g));

View File

@ -1,6 +1,6 @@
---
id: bad87fee1348bd9aec908853
title: Añade atributos de identificación a elementos de Bootstrap
title: Añade atributos de "id" a elementos de Bootstrap
challengeType: 0
forumTopicId: 16639
dashedName: add-id-attributes-to-bootstrap-elements
@ -8,11 +8,11 @@ dashedName: add-id-attributes-to-bootstrap-elements
# --description--
Recuerda que además de los atributos de clase, puedes darle a cada elemento un atributo `id`.
Recuerda que además de los atributos de clase, puedes darle a cada uno de tus elementos un atributo `id`.
Cada "id" debe ser único en un elemento específico y utilizarse una sola vez por página.
Vamos a dar un "id" único a cada uno de nuestros elementos `div` de la clase `well`.
Vamos a dar un "id" único a cada uno de nuestros elementos `div` con la clase `well`.
Recuerda que puedes dar un "id" a un elemento de esta manera:
@ -20,11 +20,11 @@ Recuerda que puedes dar un "id" a un elemento de esta manera:
<div class="well" id="center-well">
```
Agrega el "id" `left-well` al elemento de la izquierda de la clase "well". Agrega el "id" `right-well` al elemento de la derecha de la clase "well".
Agrega el "id" `left-well` al elemento de la izquierda con la clase "well". Agrega el "id" `right-well` al elemento de la derecha con la clase "well".
# --hints--
El elemento de la izquierda de la clase `well` debe tener el "id" `left-well`.
El elemento de la izquierda con la clase `well` debe tener el "id" `left-well`.
```js
assert(
@ -33,7 +33,7 @@ assert(
);
```
El elemento de la derecha de la clase `well` debe tener el "id" `right-well`.
El elemento de la derecha con la clase `well` debe tener el "id" `right-well`.
```js
assert(

View File

@ -8,7 +8,7 @@ dashedName: call-out-optional-actions-with-btn-info
# --description--
Bootstrap viene con diferentes colores predefinidos para botones. La clase `btn-info` se utiliza para llamar la atención sobre las acciones opcionales que el usuario puede realizar.
Bootstrap viene con varios colores predefinidos para los botones. La clase `btn-info` se utiliza para llamar la atención sobre las acciones opcionales que el usuario puede realizar.
Crea un nuevo botón de Bootstrap debajo de tu botón `Like` con el texto `Info` y añádele las clases de Bootstrap `btn-info` y `btn-block`.
@ -22,7 +22,7 @@ Debes crear un nuevo elemento `button` con el texto `Info`.
assert(new RegExp('info', 'gi').test($('button').text()));
```
Ambos botones deben tener las clases `btn` y `btn-block`.
Tus dos botones de Bootstrap deben tener las clases `btn` y `btn-block`.
```js
assert($('button.btn-block.btn').length > 1);

View File

@ -8,9 +8,9 @@ dashedName: center-text-with-bootstrap
# --description--
Ahora que estamos usando Bootstrap, podemos centrar el encabezado para que luzca mejor. Todo lo que necesitamos hacer es añadir la clase `text-center` a nuestro elemento `h2`.
Ahora que estamos usando Bootstrap, podemos centrar nuestro encabezado para que luzca mejor. Lo único que necesitamos hacer es agregar la clase `text-center` a nuestro elemento `h2`.
Recuerda que puedes añadir varias clases al mismo elemento separando cada una de ellas con un espacio:
Recuerda que puedes agregar varias clases al mismo elemento separando cada una de ellas con un espacio, de la siguiente manera:
```html
<h2 class="red-text text-center">your text</h2>

View File

@ -1,6 +1,6 @@
---
id: bad87fee1348cd8acef08812
title: Crear un botón Bootstrap como elemento de bloque
title: Crea un botón Bootstrap como elemento de bloque
challengeType: 0
forumTopicId: 16810
dashedName: create-a-block-element-bootstrap-button
@ -8,7 +8,7 @@ dashedName: create-a-block-element-bootstrap-button
# --description--
Normalmente, tus elementos `button` con las clases `btn` y `btn-default` son tan anchos como el texto que contienen. Por ejemplo:
Normalmente, tus elementos `button` con las clases `btn` y `btn-default` son tan anchos como el texto que los contiene. Por ejemplo:
```html
<button class="btn btn-default">Submit</button>
@ -16,9 +16,9 @@ Normalmente, tus elementos `button` con las clases `btn` y `btn-default` son tan
Este botón será tan ancho como la palabra `Submit`.
<button class='btn btn-default'>Enviar</button>
<button class='btn btn-default'>Submit</button>
Al hacer los elementos de bloque con la clase `btn-block`, tu botón ocupará el ancho horizontal de la página y cualquier elemento que lo siga se posicionará en una "nueva línea" debajo del bloque.
Al convertirlos en elementos de bloque con la clase adicional `btn-block`, tu botón se estirará para llenar completamente el espacio horizontal de tu página y cualquier elemento siguiente se posicionará en una "nueva línea" debajo del bloque.
```html
<button class="btn btn-default btn-block">Submit</button>
@ -26,27 +26,27 @@ Al hacer los elementos de bloque con la clase `btn-block`, tu botón ocupará el
Este botón tomará el 100% del ancho disponible.
<button class='btn btn-default btn-block'>Enviar</button>
<button class='btn btn-default btn-block'>Submit</button>
Ten en cuenta que estos botones aún necesitan la clase `btn`.
Añade la clase `btn-block` a tu botón Bootstrap.
Agrega la clase de Bootstrap `btn-block` a tu botón de Bootstrap.
# --hints--
Tu botón debe contener las clases `btn` y `btn-default`.
Tu botón debe conservar las clases `btn` y `btn-default`.
```js
assert($('button').hasClass('btn') && $('button').hasClass('btn-default'));
```
Tu botón debe contener la clase `btn-block`.
Tu botón debe conservar la clase `btn-block`.
```js
assert($('button').hasClass('btn-block'));
```
Todos tu elementos `button` deben tener etiquetas de cierre.
Todos tus elementos `button` deben tener etiquetas de cierre.
```js
assert(

View File

@ -8,7 +8,7 @@ dashedName: create-a-bootstrap-button
# --description--
Bootstrap tiene sus propios estilos para los elementos `button`, que se ven mucho mejor que el HTML plano.
Bootstrap tiene sus propios estilos para los elementos `button`, que se ven mucho mejor que los de HTML puro.
Crea un nuevo elemento `button` debajo de la foto grande de tu gatito. Dale las clases `btn` y `btn-default`, así como el texto de `Like`.
@ -23,13 +23,13 @@ assert(
);
```
Tu nuevo botón debería tener dos clases: `btn` y `btn-default`.
Tu nuevo botón debe tener dos clases: `btn` y `btn-default`.
```js
assert($('button').hasClass('btn') && $('button').hasClass('btn-default'));
```
Todos los elementos `button` deben tener etiquetas de cierre.
Todos los elementos de tu `button` deben tener etiquetas de cierre.
```js
assert(

View File

@ -1,6 +1,6 @@
---
id: bad87fee1348bd9aec908846
title: Crear un encabezado de Bootstrap
title: Crea un encabezado de Bootstrap
challengeType: 0
forumTopicId: 16812
dashedName: create-a-bootstrap-headline
@ -34,7 +34,7 @@ assert(
);
```
Tu elemento `h3` debe estar coloreado al aplicar la clase `text-primary`
Tu elemento `h3` debe ser coloreado aplicando la clase `text-primary`
```js
assert($('h3').hasClass('text-primary'));

View File

@ -1,6 +1,6 @@
---
id: bad87fee1348bd9aec908852
title: Crear una clase para apuntar con selectores jQuery
title: Crear una clase para seleccionar con selectores jQuery
challengeType: 0
forumTopicId: 16815
dashedName: create-a-class-to-target-with-jquery-selectors
@ -8,7 +8,7 @@ dashedName: create-a-class-to-target-with-jquery-selectors
# --description--
No todas las clases necesitan tener CSS correspondientes. A veces creamos clases sólo con el propósito de seleccionar aquellos elementos más fácilmente utilizando jQuery.
No es necesario que todas las clases tengan su correspondiente CSS. A veces creamos clases sólo con el propósito de seleccionar aquellos elementos más fácilmente utilizando jQuery.
Dale a cada uno de tus elementos `button` la clase `target`.

View File

@ -8,11 +8,11 @@ dashedName: create-a-custom-heading
# --description--
Crearemos un título simple para nuestra aplicación de fotos de gatos colocando el título y la imagen relajante del gato en la misma fila.
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, Bootstrap usa un sistema de cuadrícula responsivo, lo que facilita la colocación de elementos en filas y especifica el ancho relativo de cada elemento. La mayoría de las clases de Bootstrap se pueden aplicar a un elemento `div`.
Recuerda que Bootcamp 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`.
Anida tu primera imagen y tu elemento `h2` dentro de un solo elemento `<div class="row">`. Anida tu elemento `h2` dentro de un `<div class="col-xs-8">` y tu imagen en un `<div class="col-xs-4">` de modo que estén en la misma línea.
Anida tu primera imagen y tu elemento `h2` dentro de un solo elemento `<div class="row">`. Anida tu elemento `h2` dentro de `<div class="col-xs-8">` y tu imagen en un `<div class="col-xs-4">` para que estén en la misma línea.
¿Observas cómo la imagen ahora tiene el tamaño adecuado para ajustarse al texto?

View File

@ -8,25 +8,25 @@ dashedName: create-bootstrap-wells
# --description--
Bootstrap tiene una clase llamada `well` (pozo) que puede crear una ilusión visual de profundidad en las columnas.
Bootstrap tiene una clase llamada `well` que puede crear una sensación visual de profundidad en tus columnas.
Incrusta un elemento `div` con la clase `well` en cada uno de los elementos `col-xs-6` y `div`.
Anida un elemento `div` con la clase `well` dentro de cada uno de tus elementos `col-xs-6` `div`.
# --hints--
Debes añadir un elemento `div` con la clase `well` dentro de cada uno de los elementos `div` con la clase `col-xs-6`
Debes añadir un elemento `div` con la clase `well` dentro de cada uno de tus elementos `div` con la clase `col-xs-6`
```js
assert($('div.col-xs-6').not(':has(>div.well)').length < 1);
```
Ambos elementos `div` con la clase `col-xs-6` deben estar incrustados en el elemento `div` con la clase `row`.
Ambos de tus elementos `div` con la clase `col-xs-6` deben estar anidados dentro de tu elemento `div` con la clase `row`.
```js
assert($('div.row > div.col-xs-6').length > 1);
```
Todos los elementos `div` deben tener etiquetas de cierre.
Todos tus elementos `div` deben tener etiquetas de cierre.
```js
assert(

View File

@ -1,6 +1,6 @@
---
id: bad87fee1347bd9aedf08845
title: Deja de lado el CSS personalizado por Bootstrap
title: Adiós CSS Personalizado. Hola Bootstrap
challengeType: 0
forumTopicId: 17565
dashedName: ditch-custom-css-for-bootstrap
@ -8,31 +8,31 @@ dashedName: ditch-custom-css-for-bootstrap
# --description--
Podemos limpiar nuestro código y hacer que nuestra aplicación de fotos de gatos parezca más convencional, usando los estilos incorporados de Bootstrap, en lugar de los estilos personalizados que hemos creado antes.
Podemos limpiar nuestro código y hacer que nuestro 'Cat Photo App' se vea más convencional utilizando los estilos incorporados de Bootstrap en lugar de los estilos personalizados que creamos antes.
No te preocupes tendremos mucho tiempo para personalizar nuestro CSS más adelante.
No te preocupes - habrá mucho tiempo para personalizar nuestro CSS después.
Elimina las declaraciones de CSS `.red-text`, `p` y `.smaller-image` de tu elemento `style` para que la únicas declaraciones que queden en tu elemento `style` sean `h2` y `thick-green-border`.
Borra las declaraciones de CSS `.red-text`, `p` y `.smaller-image` de tu elemento `style` para que las únicas declaraciones en tu elemento `style` sean `h2` y `thick-green-border`.
A continuación elimina el elemento `p` que contiene un enlace roto. Después elimina la clase `red-text` de tu elemento `h2` y reemplázala con la clase `text-primary` de Bootstrap.
Luego, borra el elemento `p` que contiene un enlace muerto. Después, borra la clase `red-text` de tu elemento `h2` y reemplázalo con la clase de Bootstrap `text-primary`.
Finalmente elimina la clase `smaller-image` de tu primer elemento `img` y reemplázala con la clase `img-responsive`.
Finalmente, remueve la clase `smaller-image` de tu primer elemento `img` y reemplázalo con la clase `img-responsive`.
# --hints--
Tu elemento `h2` ya no debería incluir la clase `red-text`.
Tu elemento `h2` ya no debe tener la clase `red-text`.
```js
assert(!$('h2').hasClass('red-text'));
```
Tu elemento `h2` ahora debe incluir la clase `text-primary`.
Tu elemento `h2` ahora debe tener la clase `text-primary`.
```js
assert($('h2').hasClass('text-primary'));
```
Tus elementos p (párrafo) ya no deben usar la fuente `Monospace`.
Tus elementos de párrafo ya no deben usar la fuente `Monospace`.
```js
assert(
@ -42,7 +42,7 @@ assert(
);
```
La clase `smaller-image` debe ser eliminada de tu imagen superior.
La clase `smaller-image` debe ser removida de tu imagen superior.
```js
assert(!$('img').hasClass('smaller-image'));