fix(curriculum): Read-search-ask link now point to correct url as noted in the issue (#37753)

* fix: broken Read-search-ask link now point to correct url

* fix: changed link to original forum link with more views

* fix: changed http links to correct version

* fix: link in help modal
This commit is contained in:
Mo Zargham
2019-11-19 19:54:48 -05:00
committed by Manish Giri
parent 62aa54efba
commit 437ba8b103
400 changed files with 400 additions and 401 deletions

View File

@@ -7,7 +7,7 @@ localeTitle: Encuentra la diferencia simétrica
---
## Description
<section id="description"> Cree una función que tome dos o más matrices y devuelva una matriz que contenga la <dfn>diferencia simétrica</dfn> ( <code></code> o <code></code> ) de las matrices proporcionadas. Dados dos conjuntos (por ejemplo, conjunto <code>A = {1, 2, 3}</code> y conjunto <code>B = {2, 3, 4}</code> ), el término matemático &quot;diferencia simétrica&quot; es el conjunto de elementos que se encuentran en cualquiera de los dos conjuntos, pero no en ambos ( <code>A △ B = C = {1, 4}</code> ). Por cada diferencia simétrica adicional que tome (por ejemplo, en un conjunto <code>D = {2, 3}</code> ), debe obtener el conjunto de los elementos que están en cualquiera de los dos pero no en ambos ( <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ). La matriz resultante debe contener solo valores únicos ( <em>no duplicados</em> ). Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Trata de realizar el programa. Escribe tu propio código. </section>
<section id="description"> Cree una función que tome dos o más matrices y devuelva una matriz que contenga la <dfn>diferencia simétrica</dfn> ( <code></code> o <code></code> ) de las matrices proporcionadas. Dados dos conjuntos (por ejemplo, conjunto <code>A = {1, 2, 3}</code> y conjunto <code>B = {2, 3, 4}</code> ), el término matemático &quot;diferencia simétrica&quot; es el conjunto de elementos que se encuentran en cualquiera de los dos conjuntos, pero no en ambos ( <code>A △ B = C = {1, 4}</code> ). Por cada diferencia simétrica adicional que tome (por ejemplo, en un conjunto <code>D = {2, 3}</code> ), debe obtener el conjunto de los elementos que están en cualquiera de los dos pero no en ambos ( <code>C △ D = {1, 4} △ {2, 3} = {1, 2, 3, 4}</code> ). La matriz resultante debe contener solo valores únicos ( <em>no duplicados</em> ). Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Trata de realizar el programa. Escribe tu propio código. </section>
## Instructions
<section id="instructions">

View File

@@ -7,7 +7,7 @@ localeTitle: Actualización de inventario
---
## Description
<section id="description"> Compare y actualice el inventario almacenado en una matriz 2D con una segunda matriz 2D de una entrega nueva. Actualice las cantidades de artículos de inventario existentes actuales (en <code>arr1</code> ). Si no se puede encontrar un artículo, agregue el nuevo artículo y la cantidad en la matriz de inventario. La matriz de inventario devuelta debe estar ordenada alfabéticamente por artículo. Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Trate de hacer programación en pareja. Escribe tu propio código. </section>
<section id="description"> Compare y actualice el inventario almacenado en una matriz 2D con una segunda matriz 2D de una entrega nueva. Actualice las cantidades de artículos de inventario existentes actuales (en <code>arr1</code> ). Si no se puede encontrar un artículo, agregue el nuevo artículo y la cantidad en la matriz de inventario. La matriz de inventario devuelta debe estar ordenada alfabéticamente por artículo. Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Trate de hacer programación en pareja. Escribe tu propio código. </section>
## Instructions
<section id="instructions">

View File

@@ -7,7 +7,7 @@ localeTitle: No se repite por favor
---
## Description
<section id="description"> Devuelve el número de permutaciones totales de la cadena proporcionada que no tienen letras consecutivas repetidas. Supongamos que todos los caracteres de la cadena proporcionada son únicos. Por ejemplo, <code>aab</code> debe devolver 2 porque tiene 6 permutaciones totales ( <code>aab</code> , <code>aab</code> , <code>aba</code> , <code>aba</code> , <code>baa</code> , <code>baa</code> ), pero solo 2 de ellas ( <code>aba</code> y <code>aba</code> ) no tienen la misma letra (en este caso <code>a</code> ) repitiendo Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Trate de hacer programación en pareja. Escribe tu propio código. </section>
<section id="description"> Devuelve el número de permutaciones totales de la cadena proporcionada que no tienen letras consecutivas repetidas. Supongamos que todos los caracteres de la cadena proporcionada son únicos. Por ejemplo, <code>aab</code> debe devolver 2 porque tiene 6 permutaciones totales ( <code>aab</code> , <code>aab</code> , <code>aba</code> , <code>aba</code> , <code>baa</code> , <code>baa</code> ), pero solo 2 de ellas ( <code>aba</code> y <code>aba</code> ) no tienen la misma letra (en este caso <code>a</code> ) repitiendo Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Trate de hacer programación en pareja. Escribe tu propio código. </section>
## Instructions
<section id="instructions">

View File

@@ -7,7 +7,7 @@ localeTitle: Por pares
---
## Description
<section id="description"> Dada una matriz <code>arr</code> , encuentre pares de elementos cuya suma sea igual al segundo argumento <code>arg</code> y devuelva la suma de sus índices. Puede usar varios pares que tengan los mismos elementos numéricos pero diferentes índices. Cada par debe usar los índices disponibles más bajos posibles. Una vez que se ha utilizado un elemento, no puede reutilizarse para emparejarse con otro elemento. Por ejemplo, por <code>pairwise([1, 1, 2], 3)</code> crea un par <code>[2, 1]</code> usando el 1 en el índice 0 en lugar del 1 en el índice 1, porque 0 + 2 &lt;1 + 2. Por ejemplo, por <code>pairwise([7, 9, 11, 13, 15], 20)</code> devuelve <code>6</code> . Los pares que suman 20 son <code>[7, 13]</code> y <code>[9, 11]</code> . Luego podemos escribir la matriz con sus índices y valores. <table class="table"><tbody><tr><th> <strong>Índice</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td> Valor </td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table> A continuación tomaremos sus índices correspondientes y los añadiremos. 7 + 13 = 20 → Índices 0 + 3 = 3 <br> 9 + 11 = 20 → Índices 1 + 2 = 3 <br> 3 + 3 = 6 → Volver <code>6</code> Recuerde usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Lectura-Búsqueda-Preguntar</a> si se atasca. Trate de hacer programación en pareja. Escribe tu propio código. </section>
<section id="description"> Dada una matriz <code>arr</code> , encuentre pares de elementos cuya suma sea igual al segundo argumento <code>arg</code> y devuelva la suma de sus índices. Puede usar varios pares que tengan los mismos elementos numéricos pero diferentes índices. Cada par debe usar los índices disponibles más bajos posibles. Una vez que se ha utilizado un elemento, no puede reutilizarse para emparejarse con otro elemento. Por ejemplo, por <code>pairwise([1, 1, 2], 3)</code> crea un par <code>[2, 1]</code> usando el 1 en el índice 0 en lugar del 1 en el índice 1, porque 0 + 2 &lt;1 + 2. Por ejemplo, por <code>pairwise([7, 9, 11, 13, 15], 20)</code> devuelve <code>6</code> . Los pares que suman 20 son <code>[7, 13]</code> y <code>[9, 11]</code> . Luego podemos escribir la matriz con sus índices y valores. <table class="table"><tbody><tr><th> <strong>Índice</strong> </th><th> 0 </th><th> 1 </th><th> 2 </th><th> 3 </th><th> 4 </th></tr><tr><td> Valor </td><td> 7 </td><td> 9 </td><td> 11 </td><td> 13 </td><td> 15 </td></tr></tbody></table> A continuación tomaremos sus índices correspondientes y los añadiremos. 7 + 13 = 20 → Índices 0 + 3 = 3 <br> 9 + 11 = 20 → Índices 1 + 2 = 3 <br> 3 + 3 = 6 → Volver <code>6</code> Recuerde usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Lectura-Búsqueda-Preguntar</a> si se atasca. Trate de hacer programación en pareja. Escribe tu propio código. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construir una tabla de clasificación campista
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación en <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https://codepen.io/freeCodeCamp/full/eZGMjp/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que se necesita. Dale su propio estilo. <strong>Historia de usuario:</strong> Puedo ver una tabla de los campistas de freeCodeCamp que han ganado más puntos de brownie en los últimos 30 días. <strong>Historia de usuario:</strong> Puedo ver cuántos puntos de brownie han ganado en los últimos 30 días y cuántos han ganado en total. <strong>Historia de usuario:</strong> Puedo alternar entre la clasificación de la lista según la cantidad de puntos brownie que hayan ganado en los últimos 30 días y la cantidad total de puntos brownie que hayan obtenido. <strong>Sugerencia:</strong> para obtener los 100 mejores campistas en los últimos 30 días: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/recent</a> . <strong>Sugerencia:</strong> para obtener los mejores 100 campistas de todos los tiempos: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/alltime</a> . Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si se atasca. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puede obtener comentarios sobre su proyecto compartiéndolo con sus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación en <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/eZGMjp/" target="_blank">https://codepen.io/freeCodeCamp/full/eZGMjp/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que se necesita. Dale su propio estilo. <strong>Historia de usuario:</strong> Puedo ver una tabla de los campistas de freeCodeCamp que han ganado más puntos de brownie en los últimos 30 días. <strong>Historia de usuario:</strong> Puedo ver cuántos puntos de brownie han ganado en los últimos 30 días y cuántos han ganado en total. <strong>Historia de usuario:</strong> Puedo alternar entre la clasificación de la lista según la cantidad de puntos brownie que hayan ganado en los últimos 30 días y la cantidad total de puntos brownie que hayan obtenido. <strong>Sugerencia:</strong> para obtener los 100 mejores campistas en los últimos 30 días: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/recent" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/recent</a> . <strong>Sugerencia:</strong> para obtener los mejores 100 campistas de todos los tiempos: <a href="https://fcctop100.herokuapp.com/api/fccusers/top/alltime" target="_blank">https://fcctop100.herokuapp.com/api/fccusers/top/alltime</a> . Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si se atasca. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puede obtener comentarios sobre su proyecto compartiéndolo con sus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -28,7 +28,7 @@ localeTitle: Construir una aplicación de luces de colores
7. Puedes hacer clic en el botón &quot;Restablecer todo&quot; para eliminar todos los colores de los círculos.
Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando hayas terminado, haz clic en el botón &quot;He completado este desafío&quot; e incluye un enlace a tu CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando hayas terminado, haz clic en el botón &quot;He completado este desafío&quot; e incluye un enlace a tu CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construir un juego de pong
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https://codepen.io/satyamdev/full/pdMmBp</a> . <strong>Regla # 1:</strong> No mire el código del proyecto de ejemplo. Descúbrelo por ti mismo. <strong>Regla # 2:</strong> Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo controlar una paleta. <strong>Historia de usuario:</strong> La computadora puede controlar la otra paleta. <strong>Historia de usuario:</strong> la paleta de la computadora es inmejorable. Nunca debe faltar el balón. <strong>Historia del usuario:</strong> el juego realiza un seguimiento de la puntuación del jugador y de la computadora. Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/satyamdev/full/pdMmBp" target="_blank">https://codepen.io/satyamdev/full/pdMmBp</a> . <strong>Regla # 1:</strong> No mire el código del proyecto de ejemplo. Descúbrelo por ti mismo. <strong>Regla # 2:</strong> Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo controlar una paleta. <strong>Historia de usuario:</strong> La computadora puede controlar la otra paleta. <strong>Historia de usuario:</strong> la paleta de la computadora es inmejorable. Nunca debe faltar el balón. <strong>Historia del usuario:</strong> el juego realiza un seguimiento de la puntuación del jugador y de la computadora. Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construye un juego Roguelike Dungeon Crawler
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https://codepen.io/freeCodeCamp/full/apLXEJ/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Tengo salud, un nivel y un arma. Puedo recoger un arma mejor. Puedo recoger artículos de salud. <strong>Historia de usuario:</strong> todos los elementos y enemigos en el mapa están dispuestos al azar. <strong>Historia de usuario:</strong> Puedo moverme por un mapa, descubriendo elementos. <strong>Historia de usuario:</strong> puedo moverme a cualquier lugar dentro de los límites del mapa, pero no puedo moverme a través de un enemigo hasta que lo derrote. <strong>Historia de usuario:</strong> gran parte del mapa está oculto. Cuando doy un paso, se revelan todos los espacios que están dentro de un cierto número de espacios míos. <strong>Historia de usuario:</strong> cuando derroto a un enemigo, el enemigo desaparece y obtengo XP, lo que eventualmente aumenta mi nivel. <strong>Historia de usuario:</strong> cuando me enfrento a un enemigo, nos turnamos para dañarnos mutuamente hasta que uno de nosotros pierde. Hago daño basado en mi nivel y mi arma. El enemigo hace daño basado en su nivel. El daño es algo aleatorio dentro de un rango. <strong>Historia de usuario:</strong> Cuando encuentro y derroto al jefe, gano. <strong>Historia de usuario:</strong> el juego debe ser desafiante, pero teóricamente ganable. Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/apLXEJ/" target="_blank">https://codepen.io/freeCodeCamp/full/apLXEJ/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Tengo salud, un nivel y un arma. Puedo recoger un arma mejor. Puedo recoger artículos de salud. <strong>Historia de usuario:</strong> todos los elementos y enemigos en el mapa están dispuestos al azar. <strong>Historia de usuario:</strong> Puedo moverme por un mapa, descubriendo elementos. <strong>Historia de usuario:</strong> puedo moverme a cualquier lugar dentro de los límites del mapa, pero no puedo moverme a través de un enemigo hasta que lo derrote. <strong>Historia de usuario:</strong> gran parte del mapa está oculto. Cuando doy un paso, se revelan todos los espacios que están dentro de un cierto número de espacios míos. <strong>Historia de usuario:</strong> cuando derroto a un enemigo, el enemigo desaparece y obtengo XP, lo que eventualmente aumenta mi nivel. <strong>Historia de usuario:</strong> cuando me enfrento a un enemigo, nos turnamos para dañarnos mutuamente hasta que uno de nosotros pierde. Hago daño basado en mi nivel y mi arma. El enemigo hace daño basado en su nivel. El daño es algo aleatorio dentro de un rango. <strong>Historia de usuario:</strong> Cuando encuentro y derroto al jefe, gano. <strong>Historia de usuario:</strong> el juego debe ser desafiante, pero teóricamente ganable. Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construir un juego de simon
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https://codepen.io/freeCodeCamp/full/obYBjE</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Me presentan una serie aleatoria de pulsaciones de botones. <strong>Historia de usuario:</strong> Cada vez que ingreso una serie de pulsaciones de botones correctamente, veo la misma serie de pulsaciones de botones pero con un paso adicional. <strong>Historia de usuario:</strong> escucho un sonido que corresponde a cada botón cuando se toca la serie de pulsaciones y cuando personalmente presiono un botón. <strong>Historia de usuario:</strong> si presiono el botón incorrecto, se me notifica que lo he hecho, y esa serie de pulsaciones de botón comienza de nuevo para recordarme el patrón para que pueda volver a intentarlo. <strong>Historia de usuario:</strong> Puedo ver cuántos pasos hay en la serie actual de pulsaciones de botones. <strong>Historia de usuario:</strong> si quiero reiniciar, puedo presionar un botón para hacerlo, y el juego volverá a un solo paso. <strong>Historia de usuario:</strong> puedo jugar en modo estricto donde si me presiona mal un botón, me avisa de que lo he hecho y el juego se reinicia con una nueva serie de pulsaciones de botones al azar. <strong>Historia de usuario:</strong> puedo ganar el juego al obtener una serie de 20 pasos correctos. Soy notificado de mi victoria, entonces el juego comienza de nuevo. <strong>Sugerencia:</strong> Aquí hay mp3 que puede usar para cada botón: <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> . Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/Em-Ant/full/QbRyqq/" target="_blank">https://codepen.io/freeCodeCamp/full/obYBjE</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Me presentan una serie aleatoria de pulsaciones de botones. <strong>Historia de usuario:</strong> Cada vez que ingreso una serie de pulsaciones de botones correctamente, veo la misma serie de pulsaciones de botones pero con un paso adicional. <strong>Historia de usuario:</strong> escucho un sonido que corresponde a cada botón cuando se toca la serie de pulsaciones y cuando personalmente presiono un botón. <strong>Historia de usuario:</strong> si presiono el botón incorrecto, se me notifica que lo he hecho, y esa serie de pulsaciones de botón comienza de nuevo para recordarme el patrón para que pueda volver a intentarlo. <strong>Historia de usuario:</strong> Puedo ver cuántos pasos hay en la serie actual de pulsaciones de botones. <strong>Historia de usuario:</strong> si quiero reiniciar, puedo presionar un botón para hacerlo, y el juego volverá a un solo paso. <strong>Historia de usuario:</strong> puedo jugar en modo estricto donde si me presiona mal un botón, me avisa de que lo he hecho y el juego se reinicia con una nueva serie de pulsaciones de botones al azar. <strong>Historia de usuario:</strong> puedo ganar el juego al obtener una serie de 20 pasos correctos. Soy notificado de mi victoria, entonces el juego comienza de nuevo. <strong>Sugerencia:</strong> Aquí hay mp3 que puede usar para cada botón: <code>https://s3.amazonaws.com/freecodecamp/simonSound1.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound2.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound3.mp3</code> , <code>https://s3.amazonaws.com/freecodecamp/simonSound4.mp3</code> . Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construir un juego de Tic Tac Toe
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https://codepen.io/freeCodeCamp/full/KzXQgy/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo jugar un juego de Tic Tac Toe con la computadora. <strong>Historia de usuario:</strong> mi juego se reiniciará tan pronto como termine para que pueda jugar de nuevo. <strong>Historia de usuario:</strong> puedo elegir si quiero jugar como X u O. Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te quedas atascado. Cuando hayas terminado, haz clic en el botón &quot;He completado este desafío&quot; e incluye un enlace a tu CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/KzXQgy/" target="_blank">https://codepen.io/freeCodeCamp/full/KzXQgy/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo jugar un juego de Tic Tac Toe con la computadora. <strong>Historia de usuario:</strong> mi juego se reiniciará tan pronto como termine para que pueda jugar de nuevo. <strong>Historia de usuario:</strong> puedo elegir si quiero jugar como X u O. Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te quedas atascado. Cuando hayas terminado, haz clic en el botón &quot;He completado este desafío&quot; e incluye un enlace a tu CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Construye un visor de Wikipedia
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https://codepen.io/freeCodeCamp/full/wGqEga/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo buscar entradas de Wikipedia en un cuadro de búsqueda y ver las entradas de Wikipedia resultantes. <strong>Historia de usuario:</strong> puedo hacer clic en un botón para ver una entrada aleatoria de Wikipedia. <span class="text-info">Consejo # 1:</span> Aquí hay una URL que puede usar para obtener un artículo aleatorio de Wikipedia: <code>https://en.wikipedia.org/wiki/Special:Random</code> . <span class="text-info">Pista # 2:</span> Aquí hay una entrada sobre el uso de la API de Wikipedia: <code>https://www.mediawiki.org/wiki/API:Main_page</code> . <span class="text-info">Sugerencia # 3:</span> Usa este <a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&#x26;titles=Main%20Page&#x26;prop=revisions&#x26;rvprop=content&#x26;format=jsonfm" target="_blank">enlace</a> para experimentar con la API de Wikipedia. Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/wGqEga/" target="_blank">https://codepen.io/freeCodeCamp/full/wGqEga/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo buscar entradas de Wikipedia en un cuadro de búsqueda y ver las entradas de Wikipedia resultantes. <strong>Historia de usuario:</strong> puedo hacer clic en un botón para ver una entrada aleatoria de Wikipedia. <span class="text-info">Consejo # 1:</span> Aquí hay una URL que puede usar para obtener un artículo aleatorio de Wikipedia: <code>https://en.wikipedia.org/wiki/Special:Random</code> . <span class="text-info">Pista # 2:</span> Aquí hay una entrada sobre el uso de la API de Wikipedia: <code>https://www.mediawiki.org/wiki/API:Main_page</code> . <span class="text-info">Sugerencia # 3:</span> Usa este <a href="https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&#x26;titles=Main%20Page&#x26;prop=revisions&#x26;rvprop=content&#x26;format=jsonfm" target="_blank">enlace</a> para experimentar con la API de Wikipedia. Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Mapa de datos en todo el mundo
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https://codepen.io/freeCodeCamp/full/mVEJag</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver dónde aterrizaron todos los meteoritos en un mapa del mundo. <strong>Historia de usuario:</strong> Puedo decir el tamaño relativo del meteorito, solo mirando la forma en que está representado en el mapa. <strong>Historia de usuario:</strong> puedo pasar el ratón sobre el punto de datos del meteorito para obtener datos adicionales. <strong>Sugerencia:</strong> Aquí hay un conjunto de datos que puede usar para construir esto: <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a> Recuerde usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si se atasca. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank">https://codepen.io/freeCodeCamp/full/mVEJag</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver dónde aterrizaron todos los meteoritos en un mapa del mundo. <strong>Historia de usuario:</strong> Puedo decir el tamaño relativo del meteorito, solo mirando la forma en que está representado en el mapa. <strong>Historia de usuario:</strong> puedo pasar el ratón sobre el punto de datos del meteorito para obtener datos adicionales. <strong>Sugerencia:</strong> Aquí hay un conjunto de datos que puede usar para construir esto: <a href="https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json" target="_blank">https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json</a> Recuerde usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si se atasca. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Aplicación de video chat P2P
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación de <a href="https://glitch.com" target="_blank">Glitch</a> que sea funcionalmente similar a esta: <a href="https://grove-voice.glitch.me/" target="_blank">https://grove-voice.glitch.me</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Al llegar, el navegador me indicará que acceda a mi cámara y micrófono. <strong>Historia de usuario:</strong> Después de que le doy permiso, se me pide que escriba el nombre de una habitación. <strong>Historia de usuario: una</strong> vez que escribo el nombre de la sala, se creará una sala si no existía antes ninguna sala con ese nombre. <strong>Historia de usuario:</strong> un amigo mío puede ir posteriormente al mismo sitio web, escribir en la misma sala que ingresé y unirse a la misma sala, luego ingresar a un video chat conmigo. <strong>Historia de usuario:</strong> si escribo el nombre de una sala y ya hay dos personas en esa sala, recibo una notificación de que la sala está llena. <strong>Historia de usuario:</strong> cualquiera puede crear o unirse a cualquier sala. Y puede haber cualquier número de habitaciones, pero todas deben tener nombres únicos. <strong>Historia de usuario:</strong> puedo optar por no permitir que el sitio acceda a mi micrófono y cámara web. Si elijo no hacer esto, si ocurre algún otro problema con el controlador, veo un mensaje de error que indica que son necesarios. <strong>Historia de usuario:</strong> cuando elijo cancelar el paso de entrada del nombre de la habitación, o si no escribo ningún nombre, o solo espacios, debería pedirme nuevamente que escriba un nombre de habitación válido. <strong>Historia de usuario:</strong> si una de las dos personas en la sala se desconecta, pueden volver a conectarse a la misma sala y seguir conversando. Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su aplicación de Glitch. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación de <a href="https://glitch.com" target="_blank">Glitch</a> que sea funcionalmente similar a esta: <a href="https://grove-voice.glitch.me/" target="_blank">https://grove-voice.glitch.me</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Al llegar, el navegador me indicará que acceda a mi cámara y micrófono. <strong>Historia de usuario:</strong> Después de que le doy permiso, se me pide que escriba el nombre de una habitación. <strong>Historia de usuario: una</strong> vez que escribo el nombre de la sala, se creará una sala si no existía antes ninguna sala con ese nombre. <strong>Historia de usuario:</strong> un amigo mío puede ir posteriormente al mismo sitio web, escribir en la misma sala que ingresé y unirse a la misma sala, luego ingresar a un video chat conmigo. <strong>Historia de usuario:</strong> si escribo el nombre de una sala y ya hay dos personas en esa sala, recibo una notificación de que la sala está llena. <strong>Historia de usuario:</strong> cualquiera puede crear o unirse a cualquier sala. Y puede haber cualquier número de habitaciones, pero todas deben tener nombres únicos. <strong>Historia de usuario:</strong> puedo optar por no permitir que el sitio acceda a mi micrófono y cámara web. Si elijo no hacer esto, si ocurre algún otro problema con el controlador, veo un mensaje de error que indica que son necesarios. <strong>Historia de usuario:</strong> cuando elijo cancelar el paso de entrada del nombre de la habitación, o si no escribo ningún nombre, o solo espacios, debería pedirme nuevamente que escriba un nombre de habitación válido. <strong>Historia de usuario:</strong> si una de las dos personas en la sala se desconecta, pueden volver a conectarse a la misma sala y seguir conversando. Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su aplicación de Glitch. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Mostrar la contigüidad nacional con un gráfico dirigido por la fu
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https://codepen.io/freeCodeCamp/full/xVopBo</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver un gráfico dirigido por la fuerza que muestra qué países comparten fronteras. <strong>Historia de usuario:</strong> Puedo ver la bandera de cada país en su nodo. <strong>Sugerencia:</strong> aquí hay un conjunto de datos que puede usar para crear esto: <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a> <strong>Sugerencia:</strong> puede crear una hoja de notas con las banderas nacionales en <a href="https://www.flag-sprites.com" target="_blank">https: //www.flag- sprites.com</a> . Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/xVopBo" target="_blank">https://codepen.io/freeCodeCamp/full/xVopBo</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver un gráfico dirigido por la fuerza que muestra qué países comparten fronteras. <strong>Historia de usuario:</strong> Puedo ver la bandera de cada país en su nodo. <strong>Sugerencia:</strong> aquí hay un conjunto de datos que puede usar para crear esto: <a href="https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json" target="_blank">https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json</a> <strong>Sugerencia:</strong> puede crear una hoja de notas con las banderas nacionales en <a href="https://www.flag-sprites.com" target="_blank">https: //www.flag- sprites.com</a> . Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Mostrar el clima local
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https://codepen.io/freeCodeCamp/full/bELRjV</a> . <strong>Regla # 1:</strong> No mire el código del proyecto de ejemplo. Descúbrelo por ti mismo. <strong>Regla # 2:</strong> Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver el clima en mi ubicación actual. <strong>Historia de usuario:</strong> Puedo ver un ícono o imagen de fondo diferente (por ejemplo, montaña nevada, desierto caluroso) dependiendo del clima. <strong>Historia de usuario:</strong> Puedo presionar un botón para alternar entre Fahrenheit y Celsius. <strong>Nota:</strong> muchos navegadores de Internet ahora requieren una conexión HTTP segura ( <code>https://</code> ) para obtener la configuración regional de un usuario a través de la geolocalización HTML5. Por este motivo, recomendamos utilizar la geolocalización HTML5 para obtener la ubicación del usuario y luego usar la API del tiempo libre de códigoCampo <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me</a> que usa una conexión HTTP segura para el clima. Además, asegúrese de conectarse a <a href="https://codepen.io" target="_blank">CodePen.io a</a> través de <code>https://</code> . Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/bELRjV" target="_blank">https://codepen.io/freeCodeCamp/full/bELRjV</a> . <strong>Regla # 1:</strong> No mire el código del proyecto de ejemplo. Descúbrelo por ti mismo. <strong>Regla # 2:</strong> Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver el clima en mi ubicación actual. <strong>Historia de usuario:</strong> Puedo ver un ícono o imagen de fondo diferente (por ejemplo, montaña nevada, desierto caluroso) dependiendo del clima. <strong>Historia de usuario:</strong> Puedo presionar un botón para alternar entre Fahrenheit y Celsius. <strong>Nota:</strong> muchos navegadores de Internet ahora requieren una conexión HTTP segura ( <code>https://</code> ) para obtener la configuración regional de un usuario a través de la geolocalización HTML5. Por este motivo, recomendamos utilizar la geolocalización HTML5 para obtener la ubicación del usuario y luego usar la API del tiempo libre de códigoCampo <a href="https://fcc-weather-api.glitch.me" target="_blank">https://fcc-weather-api.glitch.me</a> que usa una conexión HTTP segura para el clima. Además, asegúrese de conectarse a <a href="https://codepen.io" target="_blank">CodePen.io a</a> través de <code>https://</code> . Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">

View File

@@ -8,7 +8,7 @@ localeTitle: Utilice la API de JLS de Twitch
---
## Description
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver si freeCodeCamp se está transmitiendo actualmente en Twitch.tv. <strong>Historia de usuario:</strong> puedo hacer clic en la salida de estado y enviarme directamente al canal Twitch.tv de freeCodeCamp. <strong>Historia de usuario:</strong> si un usuario de Twitch está actualmente transmitiendo, puedo ver detalles adicionales sobre lo que están transmitiendo. <strong>Sugerencia:</strong> vea un ejemplo de llamada a la API JSONP de Twitch.tv en <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Sugerencia:</strong> la documentación relevante sobre esta llamada a la API se encuentra aquí: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Sugerencia:</strong> Aquí hay una serie de nombres de usuario de Twitch.tv de personas que transmiten regularmente: <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ACTUALIZACIÓN:</strong> debido a un cambio en las condiciones del uso de la API que se explica <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">aquí,</a> Twitch.tv ahora requiere una clave API, pero hemos creado una solución alternativa. Use <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api en</a> lugar de la URL base de la API de twitch (es decir, https://api.twitch.tv/kraken) y aún podrá obtener información de la cuenta, sin necesidad de para registrarse en una clave API. Recuerda usar <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
<section id="description"> <strong>Objetivo:</strong> crear una aplicación <a href="https://codepen.io" target="_blank">CodePen.io</a> que sea funcionalmente similar a esta: <a href="https://codepen.io/freeCodeCamp/full/Myvqmo/" target="_blank">https://codepen.io/freeCodeCamp/full/Myvqmo/</a> . Cumplir las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> . Utilice las bibliotecas o API que necesite. Dale tu propio estilo personal. <strong>Historia de usuario:</strong> Puedo ver si freeCodeCamp se está transmitiendo actualmente en Twitch.tv. <strong>Historia de usuario:</strong> puedo hacer clic en la salida de estado y enviarme directamente al canal Twitch.tv de freeCodeCamp. <strong>Historia de usuario:</strong> si un usuario de Twitch está actualmente transmitiendo, puedo ver detalles adicionales sobre lo que están transmitiendo. <strong>Sugerencia:</strong> vea un ejemplo de llamada a la API JSONP de Twitch.tv en <a href="http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541" target="_blank">http://forum.freecodecamp.org/t/use-the-twitchtv-json-api/19541</a> . <strong>Sugerencia:</strong> la documentación relevante sobre esta llamada a la API se encuentra aquí: <a href="https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user" target="_blank">https://dev.twitch.tv/docs/v5/reference/streams/#get-stream-by-user</a> . <strong>Sugerencia:</strong> Aquí hay una serie de nombres de usuario de Twitch.tv de personas que transmiten regularmente: <code>[&quot;ESL_SC2&quot;, &quot;OgamingSC2&quot;, &quot;cretetion&quot;, &quot;freecodecamp&quot;, &quot;storbeck&quot;, &quot;habathcx&quot;, &quot;RobotCaleb&quot;, &quot;noobs2ninjas&quot;]</code> <strong>ACTUALIZACIÓN:</strong> debido a un cambio en las condiciones del uso de la API que se explica <a href="https://blog.twitch.tv/client-id-required-for-kraken-api-calls-afbb8e95f843#.f8hipkht1" target="_blank">aquí,</a> Twitch.tv ahora requiere una clave API, pero hemos creado una solución alternativa. Use <a href="https://wind-bow.glitch.me" target="_blank">https://wind-bow.glitch.me/twitch-api en</a> lugar de la URL base de la API de twitch (es decir, https://api.twitch.tv/kraken) y aún podrá obtener información de la cuenta, sin necesidad de para registrarse en una clave API. Recuerda usar <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Read-Search-Ask</a> si te atascas. Cuando haya terminado, haga clic en el botón &quot;He completado este desafío&quot; e incluya un enlace a su CodePen. Puedes obtener comentarios sobre tu proyecto compartiéndolo con tus amigos en Facebook. </section>
## Instructions
<section id="instructions">