chore(i18n,curriculum): update translations (#41917)
This commit is contained in:
camperbot
GitHub
@ -57,7 +57,7 @@ assert(
|
||||
|
||||
```js
|
||||
assert(
|
||||
/\s*[^\.]h2\s*\{\s*font-family\:\s*(['"]?)Lobster\1\s*(;\s*\}|\})/gi.test(
|
||||
/\s*[^\.]h2\s*\{\s*font-family\s*:\s*('|"|)Lobster\1\s*(,\s*('|"|)[a-z -]+\3\s*)?(;\s*\}|\})/gi.test(
|
||||
code
|
||||
)
|
||||
);
|
||||
|
||||
@ -30,13 +30,21 @@ body { width: 30vw; }
|
||||
`h2` 元素的 `width` 应为 80vw。
|
||||
|
||||
```js
|
||||
assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g));
|
||||
assert(
|
||||
__helpers
|
||||
.removeCssComments(code)
|
||||
.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g)
|
||||
);
|
||||
```
|
||||
|
||||
`p` 元素的 `width` 应为 75vmin。
|
||||
|
||||
```js
|
||||
assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g));
|
||||
assert(
|
||||
__helpers
|
||||
.removeCssComments(code)
|
||||
.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g)
|
||||
);
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
@ -45,7 +45,7 @@ assert(
|
||||
`style` 结束标签后面的所有 HTML 元素都应该被嵌套在 `.container-fluid` 里面。
|
||||
|
||||
```js
|
||||
assert($('.container-fluid').children().length >= 8);
|
||||
assert($('.container-fluid').children().length >= 8 && !$('.container-fluid').has("style").length && !$('.container-fluid').has("link").length);
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
@ -57,7 +57,7 @@ Solo debes utilizar un selector de elementos `h2` para cambiar la fuente.
|
||||
|
||||
```js
|
||||
assert(
|
||||
/\s*[^\.]h2\s*\{\s*font-family\:\s*(['"]?)Lobster\1\s*(;\s*\}|\})/gi.test(
|
||||
/\s*[^\.]h2\s*\{\s*font-family\s*:\s*('|"|)Lobster\1\s*(,\s*('|"|)[a-z -]+\3\s*)?(;\s*\}|\})/gi.test(
|
||||
code
|
||||
)
|
||||
);
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
id: bad87fee1348bd9aede08817
|
||||
title: Anida un elemento anchor dentro de un párrafo
|
||||
challengeType: 0
|
||||
videoUrl: 'https://scrimba.com/p/pVMPUv/cb6k8Cb'
|
||||
forumTopicId: 18244
|
||||
dashedName: nest-an-anchor-element-within-a-paragraph
|
||||
---
|
||||
|
||||
@ -30,13 +30,21 @@ Establece el ancho `width` de la etiqueta `h2` al 80% del ancho del viewport y e
|
||||
Tu etiqueta `h2` debe tener un `width` de 80vw.
|
||||
|
||||
```js
|
||||
assert(code.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g));
|
||||
assert(
|
||||
__helpers
|
||||
.removeCssComments(code)
|
||||
.match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g)
|
||||
);
|
||||
```
|
||||
|
||||
Tu etiqueta `p` debe tener un `width` de 75vmin.
|
||||
|
||||
```js
|
||||
assert(code.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g));
|
||||
assert(
|
||||
__helpers
|
||||
.removeCssComments(code)
|
||||
.match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g)
|
||||
);
|
||||
```
|
||||
|
||||
# --seed--
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348bd9aedd08845
|
||||
title: Add Font Awesome Icons to our Buttons
|
||||
title: Agregaa íconos Font Awesome a nuestros botones
|
||||
challengeType: 0
|
||||
forumTopicId: 16638
|
||||
required:
|
||||
@ -12,33 +12,37 @@ dashedName: add-font-awesome-icons-to-our-buttons
|
||||
|
||||
# --description--
|
||||
|
||||
Font Awesome is a convenient library of icons. These icons can be webfonts or vector graphics. These icons are treated just like fonts. You can specify their size using pixels, and they will assume the font size of their parent HTML elements.
|
||||
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.
|
||||
|
||||
You can include Font Awesome in any app by adding the following code to the top of your HTML:
|
||||
Puedes incluir Font Awesome en cualquier aplicación agregando el siguiente código al principio de tu HTML:
|
||||
|
||||
`<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">`
|
||||
```html
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
|
||||
```
|
||||
|
||||
In this case, we've already added it for you to this page behind the scenes.
|
||||
En este caso, ya lo hemos añadido por ti en esta página detrás de escena.
|
||||
|
||||
The `i` element was originally used to make other elements italic, but is now commonly used for icons. You can add the Font Awesome classes to the `i` element to turn it into an icon, for example:
|
||||
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:
|
||||
|
||||
`<i class="fas fa-info-circle"></i>`
|
||||
```html
|
||||
<i class="fas fa-info-circle"></i>
|
||||
```
|
||||
|
||||
Note that the `span` element is also acceptable for use with icons.
|
||||
Ten en cuenta que el elemento `span` también es aceptable para usar con íconos.
|
||||
|
||||
# --instructions--
|
||||
|
||||
Use Font Awesome to add a `thumbs-up` icon to your like button by giving it an `i` element with the classes `fas` and `fa-thumbs-up`. Make sure to keep the text "Like" next to the icon.
|
||||
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.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should add an `i` element with the classes `fas` and `fa-thumbs-up`.
|
||||
Debes añadir un elemento `i` con las clases `fas` y `fa-thumbs-up`.
|
||||
|
||||
```js
|
||||
assert($('i').is('.fas.fa-thumbs-up') || $('span').is('.fas.fa-thumbs-up'));
|
||||
```
|
||||
|
||||
Your `fa-thumbs-up` icon should be located within the Like button.
|
||||
Tu ícono `fa-thumbs-up` debe estar ubicado dentro del botón "Like".
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -49,7 +53,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your `i` element should be nested within your `button` element.
|
||||
Tu elemento `i` debe estar anidado dentro de tu elemento `button`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -58,7 +62,7 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your icon element should have a closing tag.
|
||||
Tu ícono debe tener una etiqueta de cierre.
|
||||
|
||||
```js
|
||||
assert(code.match(/<\/i>|<\/span>/g));
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348cd8acdf08812
|
||||
title: Create a Bootstrap Button
|
||||
title: Crea un botón de Bootstrap
|
||||
challengeType: 0
|
||||
forumTopicId: 16811
|
||||
dashedName: create-a-bootstrap-button
|
||||
@ -8,13 +8,13 @@ dashedName: create-a-bootstrap-button
|
||||
|
||||
# --description--
|
||||
|
||||
Bootstrap has its own styles for `button` elements, which look much better than the plain HTML ones.
|
||||
Bootstrap tiene sus propios estilos para los elementos `button`, que se ven mucho mejor que el HTML plano.
|
||||
|
||||
Create a new `button` element below your large kitten photo. Give it the `btn` and `btn-default` classes, as well as the text of "Like".
|
||||
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`.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should create a new `button` element with the text "Like".
|
||||
Debes crear un nuevo elemento `button` con el texto `Like`.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -23,13 +23,13 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your new button should have two classes: `btn` and `btn-default`.
|
||||
Tu nuevo botón debería tener dos clases: `btn` y `btn-default`.
|
||||
|
||||
```js
|
||||
assert($('button').hasClass('btn') && $('button').hasClass('btn-default'));
|
||||
```
|
||||
|
||||
All of your `button` elements should have closing tags.
|
||||
Todos los elementos `button` deben tener etiquetas de cierre.
|
||||
|
||||
```js
|
||||
assert(
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
id: bad87fee1348bd9aec908846
|
||||
title: Create a Bootstrap Headline
|
||||
title: Crear un encabezado de Bootstrap
|
||||
challengeType: 0
|
||||
forumTopicId: 16812
|
||||
dashedName: create-a-bootstrap-headline
|
||||
@ -8,23 +8,23 @@ dashedName: create-a-bootstrap-headline
|
||||
|
||||
# --description--
|
||||
|
||||
Now let's build something from scratch to practice our HTML, CSS and Bootstrap skills.
|
||||
Ahora construyamos algo desde cero para practicar nuestras habilidades de HTML, CSS y Bootstrap.
|
||||
|
||||
We'll build a jQuery playground, which we'll soon put to use in our jQuery challenges.
|
||||
Construiremos una zona de juegos de jQuery, que pronto utilizaremos en nuestros desafíos de jQuery.
|
||||
|
||||
To start with, create an `h3` element, with the text `jQuery Playground`.
|
||||
Para empezar, crea un elemento `h3`, con el texto `jQuery Playground`.
|
||||
|
||||
Color your `h3` element with the `text-primary` Bootstrap class, and center it with the `text-center` Bootstrap class.
|
||||
Colorea tu elemento `h3` con la clase `text-primary` y céntralo con la clase `text-center` de Bootstrap.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should add an `h3` element to your page.
|
||||
Debes agregar un elemento `h3` a tu página.
|
||||
|
||||
```js
|
||||
assert($('h3') && $('h3').length > 0);
|
||||
```
|
||||
|
||||
Your `h3` element should have a closing tag.
|
||||
Tu elemento `h3` debe tener una etiqueta de cierre.
|
||||
|
||||
```js
|
||||
assert(
|
||||
@ -34,19 +34,19 @@ assert(
|
||||
);
|
||||
```
|
||||
|
||||
Your `h3` element should be colored by applying the class `text-primary`
|
||||
Tu elemento `h3` debe estar coloreado al aplicar la clase `text-primary`
|
||||
|
||||
```js
|
||||
assert($('h3').hasClass('text-primary'));
|
||||
```
|
||||
|
||||
Your `h3` element should be centered by applying the class `text-center`
|
||||
Tu elemento `h3` debe estar centrado al aplicar la clase `text-center`
|
||||
|
||||
```js
|
||||
assert($('h3').hasClass('text-center'));
|
||||
```
|
||||
|
||||
Your `h3` element should have the text `jQuery Playground`.
|
||||
Tu elemento `h3` debe tener el texto `jQuery Playground`.
|
||||
|
||||
```js
|
||||
assert.isTrue(/jquery(\s)+playground/gi.test($('h3').text()));
|
||||
@ -55,7 +55,9 @@ assert.isTrue(/jquery(\s)+playground/gi.test($('h3').text()));
|
||||
# --seed--
|
||||
|
||||
## --seed-contents--
|
||||
|
||||
```html
|
||||
|
||||
```
|
||||
|
||||
# --solutions--
|
||||
|
||||
Reference in New Issue
Block a user