jiebi/CodeConvo huggingface dataset:
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "</div>" ], "challengeType": 0, <del> "type": "waypoint" </del> <ins> "type": "waypoint", "nameEs": "Activa eventos de pulsación con jQuery", "descriptionEs": [ "En esta sección, vamos a aprender cómo obtener datos de las APIs. Las APIs - o interfaces de programación de aplicaciones - son herramientas que utilizan los computadores para comunicarse entre sí.", "También aprenderemos cómo actualizar HTML con los datos que obtenemos de estas API usando una tecnología llamada Ajax.", "En primer lugar, vamos a revisar lo que hace la función <code>$(document).ready()</code>. Esta función hace que todo el código dentro de ella se ejecute sólo hasta que nuestra página ha sido cargada.", "Hagamos que nuestro botón "Get message" cambie el texto del elemento con clase <code>message</code>.", "Antes de poder hacer esto, tenemos que implementar un <code>evento de pulsación</code> dentro de nuestra función <code>$(document).ready()</code>, añadiendo este código:", "<code>$("#getMessage").on("click", function(){</code>", "", "<code>});</code>" ] </ins> }, { "id": "bc000000000000000000001", <del> "title":  "Change Text with Click Events", </del> <ins> "title": "Change Text with Click Events", </ins> "description": [ "When our click event happens, we can use Ajax to update an HTML element.", "Let's make it so that when a user clicks the "Get Message" button, we change the text of the element with the class <code>message</code> to say "Here is the message".",
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "</div>" ], "challengeType": 0, <del> "type": "waypoint" </del> <ins> "type": "waypoint", "nameEs": "Cambia texto con eventos de pulsación", "descriptionEs": [ "Cuando nuestro evento de pulsación ocurre, podemos utilizar Ajax para actualizar un elemento HTML.", "Hagamos que cuando un usuario pulse el botón "Get Message", el texto del elemento con la clase <code>message</code> cambie para decir "Here is the message".", "Podemos hacerlo añadiendo el siguiente código dentro de nuestro evento de pulsación:", "<code>&nbsp;&nbsp;$(".message").html("Here is the message");</code>" ] </ins> }, { "id": "bb000000000000000000002",
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "</div>" ], "challengeType": 0, <del> "type": "waypoint" </del> <ins> "type": "waypoint", "nameEs": "Obtén JSON con el método getJSON de jQuery", "descriptionEs": [ "También puedes solicitar los datos de una fuente externa. Aquí es donde entran en juego las API. ", "Recuerda que las API - o interfaces de programación de aplicaciones - son herramientas que utilizan los ordenadores para comunicarse entre sí.", "La mayoría de las API para el web transfieren datos en un formato llamado JSON. JSON significa notación de objeto JavaScript (<em>JavaScript Object Notation</em>).", "Tú ya has usado JSON al crear objetos en JavaScript. JSON no es más que las propiedades del objeto y sus valores actuales, intercalados entre un <code>{</code> y un <code>}</code>. ", "Estas propiedades y sus valores a menudo se denominan " pares llave-valor".", "Vamos a obtener el JSON de la API de fotos de gato de Free Code Camp.", "Aquí está el código que puedes poner en tu evento de pulsación para lograrlo:", "<code>&nbsp;&nbsp;$.getJSON("/json/cats.json", function(json) {</code>", "<code>&nbsp;&nbsp;&nbsp;&nbsp;$(".message").html(JSON.stringify(json));</code>", "<code>&nbsp;&nbsp;});</code>", "Una vez lo añadas, pulsa el botón "Get Message". Su función Ajax sustituirá el texto "The message will go here" con la salida JSON en bruto de la API de fotos de gato de Free Code Camp." ] </ins> }, { "id": "bb000000000000000000003", <del> "title":  "Convert JSON Data to HTML", </del> <ins> "title": "Convert JSON Data to HTML", </ins> "description": [ "Now that we're getting data from a JSON API, let's display it in our HTML.", "We can use the <code>.forEach()</code> method to loop through our data and modify our HTML elements.",
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "  </div>", "  <div class = "row text-center">", "    <div class = "col-xs-12 well message">", <del> "      The message will go here","   </div>", </del> <ins> "      The message will go here", "   </div>", </ins> "  </div>", "  <div class = "row text-center">", "    <div class = "col-xs-12">",
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "</div>" ], "challengeType": 0, <del> "type": "waypoint" </del> <ins> "type": "waypoint", "nameEs": "Convierte datos JSON a datos HTML", "descriptionEs": [ "Ahora que estamos obteniendo datos de una API JSON, mostremóslos en nuestro HTML.", "Podemos usar el método <code>.forEach()</code> para recorrer nuestros datos y modificar nuestros elementos HTML.", "En primer lugar, vamos a declarar una variable llamada <code>html</code> con <code>var html = "";</code>.", "Después, iteremos a traveś de nuestro JSON, añadiendo más HTML a esa variable. Cuando se termina el ciclo, vamos a presentarla. ", "Aquí está el código que hace esto:", "<code>json.forEach(function(val) {</code>", "<code>&nbsp;&nbsp;var keys = Object.keys(val);</code>", "<code>&nbsp;&nbsp;html += "&lt;div class = 'cat'&gt;";</code>", "<code>&nbsp;&nbsp;keys.forEach(function(key) {</code>", "<code>&nbsp;&nbsp;&nbsp;&nbsp;html += "&lt;b&gt;" + key + "&lt;/b&gt;: " + val[key] + "&lt;br&gt;";</code>", "<code>&nbsp;&nbsp;});</code>", "<code>&nbsp;&nbsp;html += "&lt;/div&gt;&lt;br&gt;";</code>", "<code>});</code>" ] </ins> }, { "id": "bb000000000000000000004", <del> "title":  "Render Images from Data Sources", </del> <ins> "title": "Render Images from Data Sources", </ins> "description": [ "In the JSON that we receive data from Free Code Camp's Cat Photo API.", "We've seen from the last two lessons that each object in our JSON array contains an <code>imageLink</code> key with a value that is the url of a cat's image.",
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "</div>" ], "challengeType": 0, <del> "type": "waypoint" </del> <ins> "type": "waypoint", "nameEs": "Presentar imágenes de fuentes de datos", "descriptionEs": [ "Tanto en el JSON que recibimos de la API de fotos de gato de Free Code Camp, como en ", "lo que hemos visto en las dos últimas lecciones, cada objeto en nuestro vector JSON contiene una llave <code>imageLink</code> con un valor que corresponde a la url de la imagen de un gato.", "Cuando estamos recorriendo estos objetos, usemos esta propiedad <code>imageLink</code> para visualizar la imagen en un elemento <code>img</code>.", "Aquí está el código que hace esto:", "<code>&nbsp;&nbsp;html += "&lt;img src = '" + val.imageLink + "'&gt;";</code>" ] </ins> }, { "id": "bb000000000000000000005", <del> "title":  "Prefilter JSON", </del> <ins> "title": "Prefilter JSON", </ins> "description": [ "If we don't want to render every cat photo we get from our Free Code Camp's Cat Photo JSON API, we can pre-filter the json before we loop through it.", "Let's filter out the cat who's "id" key has a value of 1.",
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "</div>" ], "challengeType": 0, <del> "type": "waypoint" </del> <ins> "type": "waypoint", "nameEs": "Pre-filtra JSON", "descriptionEs": [ "Si no queremos presentar cada foto de gato que obtengamos de la API JSON de fotos de gato de Free Code Camp, podemos pre-filtrar el json antes de iterar a través de este.", "Vamos a filtrar el gato cuya llave "id" tiene un valor de 1.", "Aquí está el código para hacer esto:", "<code>json = json.filter(function(val) {</code>", "<code>&nbsp;&nbsp;return(val.id !== 1);</code>", "<code>});</code>" ] </ins> }, { "id": "bb000000000000000000006", <del> "title":  "Get Geo-location Data", </del> <ins> "title": "Get Geo-location Data", </ins> "description": [ "Another cool thing we can do is access our user's current location. Every browser has a built in navigator that can give us this information.", "The navigator will get our user's current longitude and latitude.",
Code change:
[x] Trigger Click Events with jQuery [x] Change Text with Click Events [x] Get JSON with the jQuery getJSON Method [x] Convert JSON Data to HTML [x] Render Images from Data Sources [x] Prefilter JSON [x] Get Geo-location Data
Trabajando en esta

Related discussion:
text: "</div>" ], "challengeType": 0, <del> "type": "waypoint" </del> <ins> "type": "waypoint", "nameEs": "Recibir datos de Geo-localización", "descriptionEs": [ "Otra cosa interesante que podemos hacer es acceder a la ubicación actual de nuestros usuarios. Todos los navegadores han incorporado un geo-localizador que nos puede dar esta información. ", "El navegador puede obtener la longitud y latitud actual de nuestros usuarios.", "Como usuario verás un mensaje para permitir o evitar que el sitio conozca tu ubicación actual. El desafío se puede completar de cualquier manera, siempre y cuando el código sea correcto. ", "Si lo permites, verás que el texto en el teléfono de la derecha cambiará con tu latitud y longitud", "Aquí hay un código que hace esto:", "<code>if (navigator.geolocation) {</code>", "<code>&nbsp;&nbsp;navigator.geolocation.getCurrentPosition(function(position) {</code>", "<code>&nbsp;&nbsp;&nbsp;&nbsp;$("#data").html("latitude: " + position.coords.latitude + "&lt;br&gt;longitude: " + position.coords.longitude);</code>", "<code>&nbsp;&nbsp;});</code>", "<code>}</code>" ] </ins> } ] }
Code change:
Challenge [Bonfire: Validate US Telephone Numbers] Apparently the test case "telephoneCheck("555-555-5555") should return true." runs twice.

Related discussion:
text: "assert(telephoneCheck("(555)555-5555") === true, 'message: <code>telephoneCheck("(555)555-5555")</code> should return true.');", "assert(telephoneCheck("1(555)555-5555") === true, 'message: <code>telephoneCheck("1(555)555-5555")</code> should return true.');", "assert(telephoneCheck("1 555 555 5555") === true, 'message: <code>telephoneCheck("1 555 555 5555")</code> should return true.');", <del> "assert(telephoneCheck("555-555-5555") === true, 'message: <code>telephoneCheck("555-555-5555")</code> should return true.');", </del> "assert(telephoneCheck("1 456 789 4444") === true, 'message: <code>telephoneCheck("1 456 789 4444")</code> should return true.');", "assert(telephoneCheck("123**&!!asdf#") === false, 'message: <code>telephoneCheck("123**&!!asdf#")</code> should return false.');", "assert(telephoneCheck("55555555") === false, 'message: <code>telephoneCheck("55555555")</code> should return false.');",
Code change:
Challenge [Bonfire: Validate US Telephone Numbers] Apparently the test case "telephoneCheck("555-555-5555") should return true." runs twice.

Related discussion:
text: "assert(telephoneCheck("(275)76227382") === false, 'message: <code>telephoneCheck("(275)76227382")</code> should return false.');", "assert(telephoneCheck("2(757)6227382") === false, 'message: <code>telephoneCheck("2(757)6227382")</code> should return false.');", "assert(telephoneCheck("2(757)622-7382") === false, 'message: <code>telephoneCheck("2(757)622-7382")</code> should return false.');", <del> "assert(telephoneCheck("555)-555-5555") === false, 'message: <code>telephoneCheck("555)555-5555")</code> should return false.');", </del> <ins> "assert(telephoneCheck("555)-555-5555") === false, 'message: <code>telephoneCheck("555)-555-5555")</code> should return false.');", </ins> "assert(telephoneCheck("(555-555-5555") === false, 'message: <code>telephoneCheck("(555-555-5555")</code> should return false.');" ], "challengeSeed": [
Code change:
Challenge has an issue. User Agent is: <codeMozilla/5.0 (Macintosh; Intel Mac OS X ) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36</code. Please describe how to reproduce this issue, and include links to screenshots if possible. My code: This is a very minor issue, almost trivial, but this Waypoint initializes the editor with an unnecessary space right under . The space can be found if you look back at the code It should be instead of .
Easy enough. I'll grab this one.
So maybe I'm doing something wrong but I just fetched the latest from "staging" and there is no space between the quotation marks in the latest version. This appears to have already been corrected.
Hmmm, I'm not sure why you're not seeing it on your end. I still see it on github and in the most recent staging I just pulled down.
My mistake, I hadn't pushed to my forked repo and I guess that was keeping the latest fetched files from showing. Should be fixed with

Related discussion:
text: "var b = 2;", "", "// Only change code below this line", <del> " " </del> <ins> "" </ins> ], "tail": [ "(function(a,b){return "a = " + a + ", b = " + b;})(a,b);"
Code change:
and have text in code tags within a blockquote already. The code tagged strings need to be removed. You can see them because they are highlighted again within the code block. Access MultiDimensional Arrays with Indexes: ! Understand String Immutability: !
Agreed, these just just be in the block quote.

Related discussion:
text: "description": [ "In Javascript, <code>String</code> values are <dfn>immutable</dfn>, which means that they cannot be altered once created.", "For example, the following code:", <del> "<blockquote><code>var myStr = "Bob";<br>myStr[0] = "J";</code></blockquote>", </del> <ins> "<blockquote>var myStr = "Bob";<br>myStr[0] = "J";</blockquote>", </ins> "cannot change the value of <code>myStr</code> to "Job", because the contents of <code>myStr</code> cannot be altered. Note that this does <em>not</em> mean that <code>myStr</code> cannot be changed, just that the individual characters of a <dfn>string literal</dfn> cannot be changed. The only way to change <code>myStr</code> would be to assign it with a new string, like this:", <del> "<blockquote><code>var myStr = "Bob";<br>myStr = "Job";</code></blockquote>", </del> <ins> "<blockquote>var myStr = "Bob";<br>myStr = "Job";</blockquote>", </ins> "<h4>Instructions</h4>", "Correct the assignment to <code>myStr</code> to achieve the desired effect." ],
Code change:
and have text in code tags within a blockquote already. The code tagged strings need to be removed. You can see them because they are highlighted again within the code block. Access MultiDimensional Arrays with Indexes: ! Understand String Immutability: !
Agreed, these just just be in the block quote.

Related discussion:
text: "description": [ "One way to think of a <dfn>multi-dimensional</dfn> array, is as an <em>array of arrays</em>. When you use brackets to access your array, the first set of bracket refers to the entries in the outer-most array, and each subsequent level of brackets refers to the next level of entries inside.", "<strong>Example</strong>", <del> "<blockquote>var arr = [<br>    [1,2,3],<br>    [4,5,6],<br>    [7,8,9],<br>    [[10,11,12], 13, 14]<br>];<br><code>arr[0]; // equals [1,2,3]</code><br><code>arr[1][2]; // equals 6</code><br><code>arr[3][0][1]; // equals 11</code></blockquote>", </del> <ins> "<blockquote>var arr = [<br>    [1,2,3],<br>    [4,5,6],<br>    [7,8,9],<br>    [[10,11,12], 13, 14]<br>];<br>arr[0]; // equals [1,2,3]<br>arr[1][2]; // equals 6<br>arr[3][0][1]; // equals 11</blockquote>", </ins> "<h4>Instructions</h4>", "Read from <code>myArray</code> using bracket notation so that myData is equal to <code>8</code>" ],
Code change:
[x] Learn D3 Challenges
what should we do with these ones? I guess they are not finished, so there's no point in translating that one line, or am I wrong?

Related discussion:
text: "tests": [], "type": "waypoint", "challengeType": 3, <del> "nameEs": "Crea una aplicación de votaciones" </del> <ins> "nameEs": "Desafios para aprender D3", "descriptionEs": [] </ins> } ] }
Code change:
[x] Learn D3 Challenges
what should we do with these ones? I guess they are not finished, so there's no point in translating that one line, or am I wrong?

Related discussion:
text: "tests": [], "type": "waypoint", "challengeType": 3, <del> "nameEs": "Crea una aplicación de votaciones" </del> <ins> "nameEs": "Desafios para aprender React", "descriptionEs": [] </ins> } ] }
Code change:
[x] Learn D3 Challenges
what should we do with these ones? I guess they are not finished, so there's no point in translating that one line, or am I wrong?

Related discussion:
text: "tests": [], "type": "waypoint", "challengeType": 3, <del> "nameEs": "Crea una aplicación de votaciones" </del> <ins> "nameEs": "Desafios para aprender Sass", "descriptionEs": [] </ins> } ] }
Code change:
[ ] JavaScript Lingo: MDN and Documentation [ ] JavaScript Lingo: Value Types [ ] JavaScript Lingo: Variables & camelCase [ ] JavaScript Lingo: Arrays & Objects [ ] JavaScript Lingo: Finding and Indexing Data in Arays [ ] JavaScript Lingo: Manipulating Data [ ] JavaScript Lingo: Math [ ] JavaScript Lingo: Loops [ ] JavaScript Lingo: Regular Expressions
Working on this one

Related discussion:
text: ] ], "type": "hike", <del> "challengeType": 6 </del> <ins> "challengeType": 6, "nameEs": "JavaScript Lingo: MDN y Documentación", "descriptionEs": [ "Esta es una introducción básica a MDN y el concepto de la documentación.", "MDN, Mozilla Developer Network, es una fantástica colaboración de fuentes abiertas que documenta no sólo JavaScript, sino muchos otros lenguajes y temas. Si no has oído hablar de ellos, deberías darles un vistazo ahora. Personalmente obtengo mucha información de developer.mozilla.org/en-US/docs/Web/JavaScript ", "Cuando digo documentación, estoy hablando acerca de la información que se proporciona sobre el producto a sus usuarios. La documentación de MDN no necesariamente está escrita por la gente detrás de JS. Brendan Eich creó JS en 1995, pero hoy en día el proyecto continúa creciendo gracias a un esfuerzo comunitario. ", "A medida que continúes aprendiendo JavaScript, jQuery, y prácticamente cualquier otro lenguaje o servicio para desarrollo o programación, la documentación será tu amiga.", "Cuanto más rápido te sientas cómodo leyendo y referenciando documentación, más rápido crecerás como desarrollador.", "Estos vídeos no van a enseñarte JavaScript - te presentan términos y conceptos que serán valiosos a medida que continúes practicando y aprendiendo." ] </ins> }, { "id": "56b15f15632298c12f31518d",
Code change:
[ ] JavaScript Lingo: MDN and Documentation [ ] JavaScript Lingo: Value Types [ ] JavaScript Lingo: Variables & camelCase [ ] JavaScript Lingo: Arrays & Objects [ ] JavaScript Lingo: Finding and Indexing Data in Arays [ ] JavaScript Lingo: Manipulating Data [ ] JavaScript Lingo: Math [ ] JavaScript Lingo: Loops [ ] JavaScript Lingo: Regular Expressions
Working on this one

Related discussion:
text: ] ], "type": "hike", <del> "challengeType": 6 </del> <ins> "challengeType": 6, "nameEs": "JavaScript Lingo: Tipos de valores", "descriptionEs": [ "Aprende sobre los tres tipos más básicos de valores: Booleanos, cadenas y números", "Un booleano es un valor <code>true</code> (verdadero) o <code>false</code> (falso). Estas palabras son especiales y reservadas. No puedes nombrar a una variable como "true", porque esa palabra es ya universal como un valor lógico (así como lo es "false"). ", "Una cadena es un conjunto de caracteres que se establecen entre apóstrofes (') o entre comillas ("). Una cadena puede ser "true", siempre y cuando sea con comillas o con apóstrofes. ", "Los números se explican por sí mismos - un número es un valor que se compone sólo de dígitos, aunque también puede contener un decimal o un signo negativo." ] </ins> }, { "id": "56b15f15632298c12f31518b",
Code change:
[ ] JavaScript Lingo: MDN and Documentation [ ] JavaScript Lingo: Value Types [ ] JavaScript Lingo: Variables & camelCase [ ] JavaScript Lingo: Arrays & Objects [ ] JavaScript Lingo: Finding and Indexing Data in Arays [ ] JavaScript Lingo: Manipulating Data [ ] JavaScript Lingo: Math [ ] JavaScript Lingo: Loops [ ] JavaScript Lingo: Regular Expressions
Working on this one

Related discussion:
text: ] ], "type": "hike", <del> "challengeType": 6 </del> <ins> "challengeType": 6, "nameEs": "JavaScript Lingo: Variables y capitalizaciónCamello", "descriptionEs": [ "Vamos a cubrir lo que constituye una variable, y el razonamiento detrás de la capitalizaciónCamello (<em>camelCase</em>).", "Una variable, también conocida como una 'var', es el nombre o el espacio para un booleano, una cadena, un número, u otra pieza de información estática.", "Puedes usar las Herramientas de desarrollo de Google para inspeccionar la página principal de FreeCodeCamp y buscar algunas variables.", "Tu 'declaras' variables por primera vez con <code>var</code> en frente de ella, pero después puedes referenciarla más adelante en tu programa.", "capitalizaciónCamello es una forma en la que juntas varias palabras y aún así las mantienes legibles. La primera letra de la primera palabra va en minúsculas al igual que el resto de la primera palabra, pero la primera letra de cada palabra que siga se escribe en mayúsculas. No hay espacios. Ejemplos: brianaAmaSusMascotas, laMejorComidaEsElQueso, y valeLaPenaAprenderProgramacion.", "Al asignar un nombre de variable, usa capitalizaciónCamello. Además, trata de mantener los nombres descriptivos y cortos para que los demás (¡e incluso tu!) puedan entender a lo que se refiere la variable simplemente por el nombre." ] </ins> }, { "id": "56b15f15632298c12f31518a",