diff --git a/seed/challenges/01-front-end-development-certification/jquery.json b/seed/challenges/01-front-end-development-certification/jquery.json
index 4d79fec7c2..8768e2427a 100644
--- a/seed/challenges/01-front-end-development-certification/jquery.json
+++ b/seed/challenges/01-front-end-development-certification/jquery.json
@@ -58,7 +58,7 @@
"Tu navegador ejecutará todo JavaScript dentro de un elemento script
, incluyendo jQuery.",
"Dentro de tu elemento script
, agrega este código: $(document).ready(function () {
A continuación, ciérralo en la línea siguiente (aún dentro de tu elemento script
) con: })
",
"Más adelante aprenderemos más acerca de funciones. Lo importante es saber que el código que pongas dentro de esta función (function
) se ejecutará tan pronto como tu navegador haya cargado la página.",
- "Esto es importante porque sin su función de documento listo
, su código puede ejecutarse antes de que se haya presentado el HTML, lo que podría causar errores."
+ "Esto es importante porque sin tu función de documento listo
, tu código puede ejecutarse antes de que se haya presentado el HTML, lo que podría causar errores."
]
},
{
@@ -111,12 +111,12 @@
"challengeType": 0,
"nameEs": "Elige elementos HTML usando selectores y jQuery",
"descriptionEs": [
- "Ahora tenemos una función de documento listo
.",
- "Ahora vamos a escribir nuestra primera instrucción jQuery. Todas las funciones de jQuery comienzan con un $
, al que suele referirse como operador de signo de dólar
, o simplemente como bling
. ",
- "jQuery a menudo selecciona un elemento HTML con un selector
, y luego hace algo a ese elemento.",
+ "Ya tenemos una función de documento listo
.",
+ "Ahora vamos a escribir nuestra primera instrucción jQuery. Todas las funciones de jQuery comienzan con un $
, al que suele referirse como operador dólar
, o simplemente como bling
. ",
+ "jQuery a menudo selecciona un elemento HTML con un selector
, y luego le hace algo a ese elemento.",
"Por ejemplo, hagamos que todos tus elementos button
reboten. Sólo tienes que añadir este código dentro de la función de documento listo: ",
"$(\"button\").addClass(\"animated bounce\")
",
- "Ten en cuenta que ya hemos incluido tanto la biblioteca jQuery como la biblioteca Animate.css en segundo plano para que pueda utilizarlos en el editor. Así que estás usando jQuery para aplicar la clase bounce
de Animate.css a sus elementos button
."
+ "Ten en cuenta que ya hemos incluido tanto la biblioteca jQuery como la biblioteca Animate.css en segundo plano para que pueda utilizarlos en el editor. Así que estás usando jQuery para aplicar la clase bounce
de Animate.css a tus elementos button
."
]
},
{
@@ -293,7 +293,7 @@
"nameEs": "Elimina tus funciones jQuery",
"descriptionEs": [
"Estas animaciones eran divertidas al principio, pero ahora se están volviendo una distracción.",
- "Elimina esas tres funciones de jQuery de tu función de documento listo
, pero deja intacta la declaración de la función de documento listo
."
+ "Elimina esas tres funciones jQuery de tu función de documento listo
, pero deja intacta la declaración de la función de documento listo
."
]
},
{
@@ -350,12 +350,12 @@
"challengeType": 0,
"nameEs": "Elige un mismo elemento con múltiples selectores jQuery",
"descriptionEs": [
- "Ahora ya sabes tres formas de seleccionar elementos: por tipo: $(\"button\")
, por clase: $(\".btn\")
, y por identificación $(\"#target1\")
. ",
+ "Ahora ya sabes tres formas de seleccionar elementos: por tipo $(\"button\")
, por clase $(\".btn\")
, y por identificación $(\"#target1\")
. ",
"Aunque es posible agregar varias clases en una sola llamada a .addClass()
, vamos a añadirlas al mismo elemento de tres maneras diferentes.",
- "Usa cada uno de los selectores jQuery vistos y la función addClass()
:",
- "Agrega la clase animated
a todos los elementos con tipo button
.",
- "Agrega la clase shake
a todos los botones con clase .btn
.",
- "Agrega la clase btn-primary
al botón con identificación #target1
."
+ "Usa cada uno de los selectores jQuery vistos y la función addClass()
para:",
+ "Agregar la clase animated
a todos los elementos con tipo button
.",
+ "Agregar la clase shake
a todos los botones con clase .btn
.",
+ "Agregar la clase btn-primary
al botón con identificación #target1
."
]
},
{
@@ -590,7 +590,16 @@
"assert.isFalse((//gi).test($(\"h3\").html()), 'message: Do not alter any other text.');"
],
"type": "waypoint",
- "challengeType": 0
+ "challengeType": 0,
+ "nameEs": "Cambia el texto de un elemento usando jQuery",
+ "descriptionEs": [
+ "Con jQuery, puedes cambiar el texto que está entre las etiquetas de apertura y cierre de un elemento. Incluso puedes cambiar marcado HTML.",
+ "jQuery tiene una función llamada .html()
que te permite añadir etiquetas HTML y texto dentro de un elemento. Cualquier contenido que estuviese previamente dentro del elemento será remplazado por completo con el contenido que proveas usando esta función.",
+ "He aquí como reescribes y pones en itálicas el texto de nuestro encabezado:",
+ "$(\"h3\").html(\"<i>jQuery Playground</i>\");
",
+ "jQuery también tiene una función similar llamada .text()
que sólo altera el texto sin añadir etiquetas.",
+ "Cambia el botón con identificación target4
de forma que su texto quede en itálicas."
+ ]
},
{
"id": "bad87fee1348bd9aed708826",
@@ -643,7 +652,7 @@
"descriptionEs": [
"Ahora quitemos un elemento HTML de tu página usando jQuery.",
"jQuery tiene una función llamada .remove()
que eliminará un elemento HTML por completo",
- "Elimina el elemento target4
de la página utilizando la función .remove()
."
+ "Elimina el elemento con identificación target4
de la página utilizando la función .remove()
."
]
},
{
@@ -700,7 +709,7 @@
"nameEs": "Usa appendTo para mover elementos con jQuery",
"descriptionEs": [
"Ahora intentemos mover elementos de un div
a otro.",
- "jQuery tiene una función llamada appendTo()
que le permite seleccionar elementos HTML y anexarlos a otro elemento.",
+ "jQuery tiene una función llamada appendTo()
que te permite seleccionar elementos HTML y anexarlos a otro elemento.",
"Por ejemplo, si quisiéramos mover target4
de nuestro pozo (well) derecho a nuestro pozo izquierdo, usaríamos:",
"$(\"#target4\").appendTo(\"#left-well\");
",
"Mueve tu elemento target2
de tu left-well
a tu right-well
."
@@ -961,10 +970,10 @@
"descriptionEs": [
"Seguramente habrás entendido porque los atributos id son tan convenientes para elegir con selectores jQuery. Pero no siempre contarás con estos agradables identificadores para trabajar. ",
"Afortunadamente, jQuery tiene algunos otros trucos para elegir los elementos adecuados.",
- "jQuery usa selectores CSS para elegir elementos, El selector CSS .clase:nth-child(i)
le permite seleccionar de los elementos con la clase dada, los que sean los i-ésimos hijos de su elemento padre. En lugar de una clase también puede usarse un elemento",
+ "jQuery usa selectores CSS para elegir elementos, El selector CSS .clase:nth-child(i)
te permite seleccionar de los elementos con la clase dada, los que sean los i-ésimos hijos de su elemento padre. En lugar de una clase también puedes usar un elemento",
"He aquí cómo le asignarás la clase bounce
al tercer elemento de cada pozo:",
"$(\".target:nth-child(3)\").addClass(\"animated bounce\");
",
- "Haz que rebote el segundo hijo de cada uno de los elementos de tus pozos. Debes elegir los hijos con la clase target
."
+ "Haz que rebote el segundo hijo de cada uno de los elementos de tus pozos. Debes elegir los hijos de elementos con clase target
."
]
},
{