diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/import-a-google-font.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/import-a-google-font.md index 4a7f585127..5afd40f540 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/basic-css/import-a-google-font.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-css/import-a-google-font.md @@ -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 ) ); diff --git a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md index 1844e1e810..b00e63e597 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md @@ -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-- diff --git a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md index 1cb56b0dcc..01545589ff 100644 --- a/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md +++ b/curriculum/challenges/chinese/03-front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers.md @@ -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-- diff --git a/curriculum/challenges/espanol/01-responsive-web-design/basic-css/import-a-google-font.md b/curriculum/challenges/espanol/01-responsive-web-design/basic-css/import-a-google-font.md index 79ff439873..7021f0df95 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/basic-css/import-a-google-font.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/basic-css/import-a-google-font.md @@ -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 ) ); diff --git a/curriculum/challenges/espanol/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md b/curriculum/challenges/espanol/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md index 972cc37338..0451d4ae01 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md @@ -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 --- diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md index 2e926f32bd..e81fcbdc26 100644 --- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md +++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md @@ -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-- diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md index 4cec89bf4c..d0b2d8f16d 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/add-font-awesome-icons-to-our-buttons.md @@ -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: -`` +```html + +``` -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: -`` +```html + +``` -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)); diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-button.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-button.md index 2cf8ce1aff..4c80afe699 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-button.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-button.md @@ -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( diff --git a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.md b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.md index 074aa2fc92..978760ec6b 100644 --- a/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.md +++ b/curriculum/challenges/espanol/03-front-end-libraries/bootstrap/create-a-bootstrap-headline.md @@ -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--