Change:
"tests": [], "type": "Waypoint", "challengeType": 7, <del> "nameEs": "Prepárate para los Ziplines", </del> <ins> "nameEs": "Prepárate para los Proyectos de Desarrollo de Interfaces", </ins> "descriptionEs": [ [ <ins> "http://i.imgur.com/OAD6SJz.png", "Una imagen del juego Simón, uno de nuestros proyectos de interfaz.", "Nuestros proyectos de desarrollo de interfaces te darán oportunidad de aplicar las habilidades con interfaces que has desarrollado hasta este momento.  Usaremos un editor de código basado en el navegador llamado CodePen.", "" ], [ "http://i.imgur.com/WBetuBa.jpg", "Un programador frustado golpeando la pantalla de su computador.", "Nuestros desafíos sobre algoritmos son difíciles.  Algunos pueden requerir muchas horas para resolverse.  Podrás frustarte, pero no te rindas.", "" ], [ "http://i.imgur.com/p2TpOQd.jpg", "Un tierno perro que salta sobre un obstáculo, pica el ojo y te apunta con su pata.", "Cuando te atasques, usa la metodología Leer-Buscar-Preguntar.<br>No te preocupes -  ya lo has entendido.", "" ], [ </ins> "http://i.imgur.com/6WLULsC.gif", "Un gif que muestra cómo crear una cuenta en Codepen.", <del> "Para nuestros desafíos de front end, los Ziplines, usaremos un editor muy famoso llamado Codepen, el cual es completamente basado en el navegador. Abre CodePen y pulsa en "Sign up" en la esquina superior derecha, luego ve hacia abajo donde se encuentra el plan gratuito (free plan) y pulsa en "Sign up". Da clic en el botón que dice "Use info from GitHub", luego agrega tu dirección de correo electrónico y crea una contraseña. Pulsa el botón que dice "Sign up". Luego, en la esquina superior derecha , da clic en "New pen".", </del> <ins> "Para nuestros desafíos de interfaces, usaremos un editor muy famoso llamado Codepen, el cual es completamente basado en el navegador. Abre CodePen y pulsa en "Sign up" en la esquina superior derecha, luego ve hacia abajo donde se encuentra el plan gratuito (free plan) y pulsa en "Sign up". Da clic en el botón que dice "Use info from GitHub", luego agrega tu dirección de correo electrónico y crea una contraseña. Pulsa el botón que dice "Sign up". Luego, en la esquina superior derecha , da clic en "New pen".", </ins> "http://codepen.io" ], [ "http://i.imgur.com/U4y9RJ1.gif", "Un gif que muestra que puedes escribir "hello world" en el editor, lo cual escribirá "hello world" en la ventana de vista previa. También puedes mover las ventanas para cambiar su tamaño, y cambiar su orientación.", <del> "En la ventana de HTML, crea un elemento h1 con el texto "Hola mundo". Puedes arrastrar los bordes de las ventanas para cambiar su tamaño. Tambiénn puedes pulsar el botón de "Change View" para cambiar la orientación de las ventanas.", </del> <ins> "En la ventana de HTML, crea un elemento <code>h1</code> con el texto "Hola mundo". Puedes arrastrar los bordes de las ventanas para cambiar su tamaño. También puedes pulsar el botón de "Change View" para cambiar la orientación de las ventanas.", </ins> "" ], [ "http://i.imgur.com/G9KFQDL.gif", "Un gif que muestra el proceso de agregar Bootstrap a tu proyecto.", <del> "Pulsa el engrane en la esquina superior izquierda de la ventana de CSS, luego ve hacia abajo hasta donde dice "Quick add" y elige Bootstrap. Ahora dale a tu elemento h1 la clase "text-primary" para cambiar su color y verificar que Bootstrap está activado.", </del> <ins> "Pulsa el engrane en la esquina superior izquierda de la ventana de CSS, luego ve hacia abajo hasta donde dice "Quick add" y elige Bootstrap. Ahora dale a tu elemento <code>h1</code> la clase "text-primary" para cambiar su color y verificar que Bootstrap está activado.", </ins> "" ], [ "http://i.imgur.com/Gi3aig0.gif", "Un gif que muestra el proceso de agregar Animate.css y jQuery a tu proyecto.", <del> "Pulsa el engrane en la esquina superior izquierda de la ventana de CSS, luego ve hacia abajo hasta donde dice "Quick add" y elige Animate.css. Haz clic en el engrane en la esquina superior izquierda de la ventana de JS, luego ve hacia abajo hasta donde dice "Quick add" y elige jQuery. Provemos que Animate.css y jQuery se cargaron propiamente. En la ventana de JS, agrega el siguiente código para hacer tu elemento h1 rebotar: <code>$(document).ready(function(){ $("h1").addClass("animated bounce"); });</code>.", </del> <ins> "Pulsa el engrane en la esquina superior izquierda de la ventana de CSS, luego ve hacia abajo hasta donde dice "Quick add" y elige Animate.css. Haz clic en el engrane en la esquina superior izquierda de la ventana de JS, luego ve hacia abajo hasta donde dice "Quick add" y elige jQuery. Comprobemos que Animate.css y jQuery se cargaron propiamente. En la ventana de JS, agrega el siguiente código para hacer rebotar tu elemento <code>h1</code>: <code>$(document).ready(function(){ $("h1").addClass("animated bounce"); });</code>.", </ins> "" ], [

Discussion:
[x] Get Set for our Front End Development Projects [x] Build a Personal Portfolio Webpage [x] Build a Random Quote Machine [x] Build a JavaScript Calculator [x] Build a Pomodoro Clock
Working on this one