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
Manish Giri
@@ -8,7 +8,7 @@ localeTitle: Crear una página de portafolio personal
|
||||
---
|
||||
|
||||
## Descripción
|
||||
<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/zNBOYG" target="_blank">https://codepen.io/freeCodeCamp/full/zNBOYG</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debes obtener algo de práctica con CSS simple. Puedes utilizar Bootstrap o SASS si lo deseas. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Mi portafolio debe tener una sección de bienvenida con un ID de <code>welcome-section</code> de <code>welcome-section</code> . <strong>Historia de usuario n. ° 2:</strong> La sección de bienvenida debe tener un elemento <code>h1</code> que contenga texto. <strong>Historia de usuario n. ° 3:</strong> Mi portafolio debe tener una sección de proyectos con una identificación de <code>projects</code> . <strong>Historia de usuario n. ° 4:</strong> La sección de proyectos debe contener al menos un elemento con una clase de <code>project-tile</code> para contener un proyecto. <strong>Historia de usuario n. ° 5:</strong> La sección de proyectos debe contener al menos un enlace a un proyecto. <strong>Historia de usuario n. ° 6:</strong> Mi portafolio debe tener una barra de navegación con un ID de <code>navbar</code> de <code>navbar</code> . <strong>Historia de usuario n. ° 7:</strong> La barra de navegación debe contener al menos un enlace en el que pueda hacer clic para navegar a diferentes secciones de la página. <strong>Historia de usuario n. ° 8:</strong> Mi portafolio debe tener un enlace con un ID de <code>profile-link</code> , que abre mi perfil de GitHub o FCC en una nueva pestaña. <strong>Historia de usuario n. ° 9:</strong> Mi portafolio debe tener al menos una consulta de medios. <strong>Historia de usuario n. ° 10:</strong> La altura de la sección de bienvenida debe ser igual a la altura de la ventana gráfica. <strong>Historia de usuario n. ° 11:</strong> la barra de navegación siempre debe estar en la parte superior de la ventana gráfica. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/zNBOYG" target="_blank">https://codepen.io/freeCodeCamp/full/zNBOYG</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debes obtener algo de práctica con CSS simple. Puedes utilizar Bootstrap o SASS si lo deseas. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Mi portafolio debe tener una sección de bienvenida con un ID de <code>welcome-section</code> de <code>welcome-section</code> . <strong>Historia de usuario n. ° 2:</strong> La sección de bienvenida debe tener un elemento <code>h1</code> que contenga texto. <strong>Historia de usuario n. ° 3:</strong> Mi portafolio debe tener una sección de proyectos con una identificación de <code>projects</code> . <strong>Historia de usuario n. ° 4:</strong> La sección de proyectos debe contener al menos un elemento con una clase de <code>project-tile</code> para contener un proyecto. <strong>Historia de usuario n. ° 5:</strong> La sección de proyectos debe contener al menos un enlace a un proyecto. <strong>Historia de usuario n. ° 6:</strong> Mi portafolio debe tener una barra de navegación con un ID de <code>navbar</code> de <code>navbar</code> . <strong>Historia de usuario n. ° 7:</strong> La barra de navegación debe contener al menos un enlace en el que pueda hacer clic para navegar a diferentes secciones de la página. <strong>Historia de usuario n. ° 8:</strong> Mi portafolio debe tener un enlace con un ID de <code>profile-link</code> , que abre mi perfil de GitHub o FCC en una nueva pestaña. <strong>Historia de usuario n. ° 9:</strong> Mi portafolio debe tener al menos una consulta de medios. <strong>Historia de usuario n. ° 10:</strong> La altura de la sección de bienvenida debe ser igual a la altura de la ventana gráfica. <strong>Historia de usuario n. ° 11:</strong> la barra de navegación siempre debe estar en la parte superior de la ventana gráfica. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instrucciones
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Construir una página de inicio de producto
|
||||
---
|
||||
|
||||
## 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/RKRbwL" target="_blank">https://codepen.io/freeCodeCamp/full/RKRbwL</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> La página de destino de mi producto debe tener un elemento de <code>header</code> con un <code>id="header"</code> . <strong>Historia de usuario n. ° 2:</strong> Puedo ver una imagen dentro del elemento del <code>header</code> con un <code>id="header-img"</code> correspondiente <code>id="header-img"</code> . Un logo de empresa sería una buena imagen aquí. <strong>Historia de usuario n. ° 3:</strong> Dentro del elemento <code>#header</code> puedo ver un elemento de <code>nav</code> con una <code>id="nav-bar"</code> correspondiente <code>id="nav-bar"</code> . <strong>Historia de usuario n. ° 4:</strong> Puedo ver al menos tres elementos seleccionables dentro del elemento de <code>nav</code> , cada uno con la clase <code>nav-link</code> . <strong>Historia de usuario n. ° 5:</strong> Cuando hago clic en un botón <code>.nav-link</code> en el elemento de <code>nav</code> , me lleva a la sección correspondiente de la página de destino. <strong>Historia de usuario n. ° 6:</strong> Puedo ver un video de un producto integrado con <code>id="video"</code> . <strong>Historia de usuario n. ° 7:</strong> Mi página de destino tiene un elemento de <code>form</code> con una <code>id="form"</code> correspondiente <code>id="form"</code> . <strong>Historia de usuario n. ° 8:</strong> Dentro del formulario, hay un campo de <code>input</code> con <code>id="email"</code> donde puedo ingresar una dirección de correo electrónico. <strong>Historia de usuario n. ° 9:</strong> el campo de entrada <code>#email</code> debe tener un texto de marcador de posición para que el usuario sepa para qué sirve el campo. <strong>Historia de usuario n. ° 10:</strong> el campo de entrada <code>#email</code> usa validación HTML5 para confirmar que el texto ingresado es una dirección de correo electrónico. <strong>Historia de usuario n. ° 11:</strong> Dentro del formulario, hay una <code>input</code> envío con una <code>id="submit"</code> correspondiente <code>id="submit"</code> . <strong>Historia de usuario n. ° 12:</strong> Cuando hago clic en el elemento <code>#submit</code> , el correo electrónico se envía a una página estática (use esta URL simulada: <a href="https://www.freecodecamp.com/email-submit" target="_blank">https://www.freecodecamp.com/email-submit</a> ) que confirma que se ingresó la dirección de correo electrónico y que Se publicó con éxito. <strong>Historia de usuario n. ° 13:</strong> la barra de navegación siempre debe estar en la parte superior de la ventana gráfica. <strong>Historia de usuario n. ° 14:</strong> La página de inicio de mi producto debe tener al menos una consulta de medios. <strong>Historia de usuario n. ° 15:</strong> La página de inicio de mi producto debe utilizar CSS Flexbox al menos una vez. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/full/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/RKRbwL" target="_blank">https://codepen.io/freeCodeCamp/full/RKRbwL</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> La página de destino de mi producto debe tener un elemento de <code>header</code> con un <code>id="header"</code> . <strong>Historia de usuario n. ° 2:</strong> Puedo ver una imagen dentro del elemento del <code>header</code> con un <code>id="header-img"</code> correspondiente <code>id="header-img"</code> . Un logo de empresa sería una buena imagen aquí. <strong>Historia de usuario n. ° 3:</strong> Dentro del elemento <code>#header</code> puedo ver un elemento de <code>nav</code> con una <code>id="nav-bar"</code> correspondiente <code>id="nav-bar"</code> . <strong>Historia de usuario n. ° 4:</strong> Puedo ver al menos tres elementos seleccionables dentro del elemento de <code>nav</code> , cada uno con la clase <code>nav-link</code> . <strong>Historia de usuario n. ° 5:</strong> Cuando hago clic en un botón <code>.nav-link</code> en el elemento de <code>nav</code> , me lleva a la sección correspondiente de la página de destino. <strong>Historia de usuario n. ° 6:</strong> Puedo ver un video de un producto integrado con <code>id="video"</code> . <strong>Historia de usuario n. ° 7:</strong> Mi página de destino tiene un elemento de <code>form</code> con una <code>id="form"</code> correspondiente <code>id="form"</code> . <strong>Historia de usuario n. ° 8:</strong> Dentro del formulario, hay un campo de <code>input</code> con <code>id="email"</code> donde puedo ingresar una dirección de correo electrónico. <strong>Historia de usuario n. ° 9:</strong> el campo de entrada <code>#email</code> debe tener un texto de marcador de posición para que el usuario sepa para qué sirve el campo. <strong>Historia de usuario n. ° 10:</strong> el campo de entrada <code>#email</code> usa validación HTML5 para confirmar que el texto ingresado es una dirección de correo electrónico. <strong>Historia de usuario n. ° 11:</strong> Dentro del formulario, hay una <code>input</code> envío con una <code>id="submit"</code> correspondiente <code>id="submit"</code> . <strong>Historia de usuario n. ° 12:</strong> Cuando hago clic en el elemento <code>#submit</code> , el correo electrónico se envía a una página estática (use esta URL simulada: <a href="https://www.freecodecamp.com/email-submit" target="_blank">https://www.freecodecamp.com/email-submit</a> ) que confirma que se ingresó la dirección de correo electrónico y que Se publicó con éxito. <strong>Historia de usuario n. ° 13:</strong> la barra de navegación siempre debe estar en la parte superior de la ventana gráfica. <strong>Historia de usuario n. ° 14:</strong> La página de inicio de mi producto debe tener al menos una consulta de medios. <strong>Historia de usuario n. ° 15:</strong> La página de inicio de mi producto debe utilizar CSS Flexbox al menos una vez. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/full/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Crear un formulario de encuesta
|
||||
---
|
||||
|
||||
## 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/VPaoNP" target="_blank">https://codepen.io/freeCodeCamp/full/VPaoNP</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un título con <code>id="title"</code> en texto de tamaño H1. <strong>Historia de usuario n. ° 2:</strong> Puedo ver una breve explicación con <code>id="description"</code> en texto de tamaño P. <strong>Historia de usuario n. ° 3:</strong> Puedo ver un <code>form</code> con <code>id="survey-form"</code> . <strong>Historia de usuario # 4:</strong> Dentro del elemento del formulario, debo ingresar mi nombre en un campo con <code>id="name"</code> . <strong>Historia de usuario n. ° 5:</strong> Dentro del elemento del formulario, debo ingresar un correo electrónico en un campo con <code>id="email"</code> . <strong>Historia de usuario n. ° 6:</strong> Si ingreso un correo electrónico que no tiene el formato correcto, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 7:</strong> Dentro del formulario, puedo ingresar un número en un campo con <code>id="number"</code> . <strong>Historia de usuario n. ° 8:</strong> Si ingreso números que no son números en la entrada del número, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 9:</strong> si ingreso números fuera del rango del ingreso de números, que están definidos por los atributos <code>min</code> y <code>max</code> , veré un error de validación de HTML5. <strong>Historia de usuario n. ° 10:</strong> Para los campos de ingreso de nombre, correo electrónico y número dentro del formulario, puedo ver las etiquetas correspondientes que describen el propósito de cada campo con los siguientes <code>id="name-label"</code> : <code>id="name-label"</code> , <code>id="email-label"</code> , y <code>id="number-label"</code> . <strong>Historia de usuario n. ° 11:</strong> Para los campos de ingreso de nombre, correo electrónico y número, puedo ver el texto del marcador de posición que me da una descripción o instrucciones para cada campo. <strong>Historia del usuario n. ° 12:</strong> Dentro del elemento del formulario, puedo seleccionar una opción de un menú desplegable que tiene un <code>id="dropdown"</code> correspondiente <code>id="dropdown"</code> . <strong>Historia de usuario n. ° 13:</strong> Dentro del elemento del formulario, puedo seleccionar un campo de uno o más grupos de botones de radio. Cada grupo debe agruparse usando el atributo de <code>name</code> . <strong>Historia de usuario n. ° 14:</strong> Dentro del elemento del formulario, puedo seleccionar varios campos de una serie de casillas de verificación, cada una de las cuales debe tener un atributo de <code>value</code> . <strong>Historia de usuario # 15:</strong> Dentro del elemento del formulario, me presentan un área de <code>textarea</code> al final para comentarios adicionales. <strong>Historia de usuario n. ° 16:</strong> Dentro del elemento de formulario, se me presenta un botón con <code>id="submit"</code> para enviar todas mis entradas. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/VPaoNP" target="_blank">https://codepen.io/freeCodeCamp/full/VPaoNP</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar HTML, JavaScript y CSS para completar este proyecto. Se recomienda CSS simple porque eso es lo que las lecciones han cubierto hasta ahora y debe obtener algo de práctica con CSS simple. Puede utilizar Bootstrap o SASS si lo desea. No se recomiendan tecnologías adicionales (solo por ejemplo, jQuery, React, Angular o Vue) para este proyecto, y su uso es bajo su propio riesgo. Otros proyectos te darán la oportunidad de trabajar con diferentes pilas de tecnología como React. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un título con <code>id="title"</code> en texto de tamaño H1. <strong>Historia de usuario n. ° 2:</strong> Puedo ver una breve explicación con <code>id="description"</code> en texto de tamaño P. <strong>Historia de usuario n. ° 3:</strong> Puedo ver un <code>form</code> con <code>id="survey-form"</code> . <strong>Historia de usuario # 4:</strong> Dentro del elemento del formulario, debo ingresar mi nombre en un campo con <code>id="name"</code> . <strong>Historia de usuario n. ° 5:</strong> Dentro del elemento del formulario, debo ingresar un correo electrónico en un campo con <code>id="email"</code> . <strong>Historia de usuario n. ° 6:</strong> Si ingreso un correo electrónico que no tiene el formato correcto, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 7:</strong> Dentro del formulario, puedo ingresar un número en un campo con <code>id="number"</code> . <strong>Historia de usuario n. ° 8:</strong> Si ingreso números que no son números en la entrada del número, veré un error de validación de HTML5. <strong>Historia de usuario n. ° 9:</strong> si ingreso números fuera del rango del ingreso de números, que están definidos por los atributos <code>min</code> y <code>max</code> , veré un error de validación de HTML5. <strong>Historia de usuario n. ° 10:</strong> Para los campos de ingreso de nombre, correo electrónico y número dentro del formulario, puedo ver las etiquetas correspondientes que describen el propósito de cada campo con los siguientes <code>id="name-label"</code> : <code>id="name-label"</code> , <code>id="email-label"</code> , y <code>id="number-label"</code> . <strong>Historia de usuario n. ° 11:</strong> Para los campos de ingreso de nombre, correo electrónico y número, puedo ver el texto del marcador de posición que me da una descripción o instrucciones para cada campo. <strong>Historia del usuario n. ° 12:</strong> Dentro del elemento del formulario, puedo seleccionar una opción de un menú desplegable que tiene un <code>id="dropdown"</code> correspondiente <code>id="dropdown"</code> . <strong>Historia de usuario n. ° 13:</strong> Dentro del elemento del formulario, puedo seleccionar un campo de uno o más grupos de botones de radio. Cada grupo debe agruparse usando el atributo de <code>name</code> . <strong>Historia de usuario n. ° 14:</strong> Dentro del elemento del formulario, puedo seleccionar varios campos de una serie de casillas de verificación, cada una de las cuales debe tener un atributo de <code>value</code> . <strong>Historia de usuario # 15:</strong> Dentro del elemento del formulario, me presentan un área de <code>textarea</code> al final para comentarios adicionales. <strong>Historia de usuario n. ° 16:</strong> Dentro del elemento de formulario, se me presenta un botón con <code>id="submit"</code> para enviar todas mis entradas. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -30,7 +30,7 @@ Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target=
|
||||
|
||||
<strong>Historia de usuario no. 8:</strong> el elemento <code>img</code> debe redimensionarse responsivamente, en relación con el ancho de su elemento principal, sin exceder su tamaño original.
|
||||
|
||||
<strong>Historia de usuario no. 9:</strong> el elemento <code>img</code> debe estar centrado dentro de su elemento primario. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . Una vez que haya terminado, envíe la URL a su proyecto de trabajo con todas las pruebas aprobadas. Recuerde usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si se atasca. </section>
|
||||
<strong>Historia de usuario no. 9:</strong> el elemento <code>img</code> debe estar centrado dentro de su elemento primario. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . Una vez que haya terminado, envíe la URL a su proyecto de trabajo con todas las pruebas aprobadas. Recuerde usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si se atasca. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Boo quien
|
||||
---
|
||||
|
||||
## Descripción
|
||||
<section id="description"> Compruebe si un valor es clasificado como un primitivo booleano. Devuelve verdadero o falso. Los primitivos booleanos son verdaderos y falsos. Recuerda usar la técnica de <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Compruebe si un valor es clasificado como un primitivo booleano. Devuelve verdadero o falso. Los primitivos booleanos son verdaderos y falsos. Recuerda usar la técnica de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instrucciones
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Mono fornido
|
||||
---
|
||||
|
||||
## Descripción
|
||||
<section id="description"> Escriba una función que divida un vector (primer argumento) en grupos de la longitud del <code>size</code> (segundo argumento) y los devuelva como una matriz bidimensional. Recuerda usar la técnica de <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Escribe tu propio código. </section>
|
||||
<section id="description"> Escriba una función que divida un vector (primer argumento) en grupos de la longitud del <code>size</code> (segundo argumento) y los devuelva como una matriz bidimensional. Recuerda usar la técnica de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Escribe tu propio código. </section>
|
||||
|
||||
## Instrucciones
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Confirmar la terminación
|
||||
---
|
||||
|
||||
## Descripción
|
||||
<section id="description"> Compruebe si una cadena (primer argumento, <code>str</code> ) termina con la cadena de destino dada (segundo argumento, <code>target</code> ). Este desafío <em>se</em> se puede resolver con el método <code>.endsWith()</code> , que se introdujo en ES2015. Pero para el propósito de este desafío, nos gustaría que utilices uno de los métodos de subcadena de JavaScript. Recuerda usar la técnica de <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Escribe tu propio código. </section>
|
||||
<section id="description"> Compruebe si una cadena (primer argumento, <code>str</code> ) termina con la cadena de destino dada (segundo argumento, <code>target</code> ). Este desafío <em>se</em> se puede resolver con el método <code>.endsWith()</code> , que se introdujo en ES2015. Pero para el propósito de este desafío, nos gustaría que utilices uno de los métodos de subcadena de JavaScript. Recuerda usar la técnica de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Escribe tu propio código. </section>
|
||||
|
||||
## Instrucciones
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Factorializar un número
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelve el factorial del entero proporcionado. Si el número entero se representa con la letra n, un factorial es el producto de todos los números enteros positivos menores o iguales a n. Los factoriales a menudo se representan con la notación abreviada <code>n!</code> Por ejemplo: <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> Solo se proporcionarán a la función números enteros mayores o iguales a cero. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelve el factorial del entero proporcionado. Si el número entero se representa con la letra n, un factorial es el producto de todos los números enteros positivos menores o iguales a n. Los factoriales a menudo se representan con la notación abreviada <code>n!</code> Por ejemplo: <code>5! = 1 * 2 * 3 * 4 * 5 = 120</code> Solo se proporcionarán a la función números enteros mayores o iguales a cero. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Falsy Bouncer
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Eliminar todos los valores falsos de una matriz. Los valores de <code>false</code> en JavaScript son <code>false</code> , <code>null</code> , <code>0</code> , <code>""</code> , <code>undefined</code> y <code>NaN</code> . Sugerencia: intente convertir cada valor a un booleano. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Eliminar todos los valores falsos de una matriz. Los valores de <code>false</code> en JavaScript son <code>false</code> , <code>null</code> , <code>0</code> , <code>""</code> , <code>undefined</code> y <code>NaN</code> . Sugerencia: intente convertir cada valor a un booleano. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Encuentra la palabra más larga en una cadena
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelve la longitud de la palabra más larga en la oración provista. Tu respuesta debe ser un número. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelve la longitud de la palabra más larga en la oración provista. Tu respuesta debe ser un número. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Buscadores guardianes
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Cree una función que examine una matriz (primer argumento) y devuelva el primer elemento de la matriz que pase una prueba de verdad (segundo argumento). Si ningún elemento pasa la prueba, devuelva indefinido. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Cree una función que examine una matriz (primer argumento) y devuelva el primer elemento de la matriz que pase una prueba de verdad (segundo argumento). Si ningún elemento pasa la prueba, devuelva indefinido. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Mutaciones
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelva verdadero si la cadena en el primer elemento de la matriz contiene todas las letras de la cadena en el segundo elemento de la matriz. Por ejemplo, <code>["hello", "Hello"]</code> , debería devolver verdadero porque todas las letras en la segunda cadena están presentes en la primera, sin distinción de mayúsculas y minúsculas. Los argumentos <code>["hello", "hey"]</code> deben devolver falso porque la cadena "hola" no contiene una "y". Por último, <code>["Alien", "line"]</code> , debe devolver verdadero porque todas las letras en "line" están presentes en "Alien". 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelva verdadero si la cadena en el primer elemento de la matriz contiene todas las letras de la cadena en el segundo elemento de la matriz. Por ejemplo, <code>["hello", "Hello"]</code> , debería devolver verdadero porque todas las letras en la segunda cadena están presentes en la primera, sin distinción de mayúsculas y minúsculas. Los argumentos <code>["hello", "hey"]</code> deben devolver falso porque la cadena "hola" no contiene una "y". Por último, <code>["Alien", "line"]</code> , debe devolver verdadero porque todas las letras en "line" están presentes en "Alien". 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Repetir una cadena Repetir una cadena
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Repetir una determinada cadena <code>str</code> (primer argumento) para <code>num</code> veces (segundo argumento). Devuelve una cadena vacía si <code>num</code> no es un número positivo. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Repetir una determinada cadena <code>str</code> (primer argumento) para <code>num</code> veces (segundo argumento). Devuelve una cadena vacía si <code>num</code> no es un número positivo. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Devolver los números más grandes en matrices
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelve una matriz que consiste del número más grande de cada sub-matriz proporcionada. Por simplicidad, la matriz provista contendrá exactamente 4 sub-matrices. Recuerde, puede recorrer una matriz con un simple bucle for, y acceder a cada miembro con la sintaxis de matriz <code>arr[i]</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 se atasca. Escribe su propio código. </section>
|
||||
<section id="description"> Devuelve una matriz que consiste del número más grande de cada sub-matriz proporcionada. Por simplicidad, la matriz provista contendrá exactamente 4 sub-matrices. Recuerde, puede recorrer una matriz con un simple bucle for, y acceder a cada miembro con la sintaxis de matriz <code>arr[i]</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 se atasca. Escribe su propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Revertir una cadena
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Invierta la cadena provista. Es posible que deba convertir la cadena en una matriz antes de poder revertirla. Su resultado debe ser una cadena. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Invierta la cadena provista. Es posible que deba convertir la cadena en una matriz antes de poder revertirla. Su resultado debe ser una cadena. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -9,7 +9,7 @@ localeTitle: Rebanada y empalme
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Te dan dos matrices y un índice. Utilizar los métodos de matriz <code>slice</code> y <code>splice</code> para copiar cada elemento de la primera matriz en la segunda matriz, en orden. Comience a insertar elementos en el índice <code>n</code> de la segunda matriz. Devuelve la matriz resultante. Las matrices de entrada deben permanecer iguales después de que se ejecute la función. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Te dan dos matrices y un índice. Utilizar los métodos de matriz <code>slice</code> y <code>splice</code> para copiar cada elemento de la primera matriz en la segunda matriz, en orden. Comience a insertar elementos en el índice <code>n</code> de la segunda matriz. Devuelve la matriz resultante. Las matrices de entrada deben permanecer iguales después de que se ejecute la función. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Título Caso una oración
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelva la cadena provista con la primera letra de cada palabra en mayúscula. Asegúrese de que el resto de la palabra esté en minúscula. Para el propósito de este ejercicio, también debe usar mayúsculas para conectar palabras como "el" y "de". 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelva la cadena provista con la primera letra de cada palabra en mayúscula. Asegúrese de que el resto de la palabra esté en minúscula. Para el propósito de este ejercicio, también debe usar mayúsculas para conectar palabras como "el" y "de". 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Truncar una cadena
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Truncar una cadena (primer argumento) si es más larga que la longitud de cadena máxima dada (segundo argumento). Devuelve la cadena truncada con un <code>...</code> final. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Truncar una cadena (primer argumento) si es más larga que la longitud de cadena máxima dada (segundo argumento). Devuelve la cadena truncada con un <code>...</code> final. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Dónde pertenezco
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelve el índice más bajo en el que se debe insertar un valor (segundo argumento) en una matriz (primer argumento) una vez que se haya ordenado. El valor devuelto debe ser un número. Por ejemplo, <code>getIndexToIns([1,2,3,4], 1.5)</code> debe devolver <code>1</code> porque es mayor que <code>1</code> (índice 0), pero menor que <code>2</code> (índice 1). Del mismo modo, <code>getIndexToIns([20,3,5], 19)</code> debe devolver <code>2</code> porque una vez que se ha ordenado la matriz se verá como <code>[3,5,20]</code> y <code>19</code> es menor que <code>20</code> (índice 2) y mayor que <code>5</code> ( índice 1). 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelve el índice más bajo en el que se debe insertar un valor (segundo argumento) en una matriz (primer argumento) una vez que se haya ordenado. El valor devuelto debe ser un número. Por ejemplo, <code>getIndexToIns([1,2,3,4], 1.5)</code> debe devolver <code>1</code> porque es mayor que <code>1</code> (índice 0), pero menor que <code>2</code> (índice 1). Del mismo modo, <code>getIndexToIns([20,3,5], 19)</code> debe devolver <code>2</code> porque una vez que se ha ordenado la matriz se verá como <code>[3,5,20]</code> y <code>19</code> es menor que <code>20</code> (índice 2) y mayor que <code>5</code> ( índice 1). 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Argumentos Opcionales
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Crear una función que suma dos argumentos juntos. Si solo se proporciona un argumento, entonces devuelva una función que espere un argumento y devuelva la suma. Por ejemplo, <code>addTogether(2, 3)</code> debe devolver <code>5</code> y <code>addTogether(2)</code> debe devolver una función. Llamar a esta función devuelta con un solo argumento devolverá la suma: <code>var sumTwoAnd = addTogether(2);</code> <code>sumTwoAnd(3)</code> devuelve <code>5</code> . Si cualquiera de los argumentos no es un número válido, devuelva indefinido. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Crear una función que suma dos argumentos juntos. Si solo se proporciona un argumento, entonces devuelva una función que espere un argumento y devuelva la suma. Por ejemplo, <code>addTogether(2, 3)</code> debe devolver <code>5</code> y <code>addTogether(2)</code> debe devolver una función. Llamar a esta función devuelta con un solo argumento devolverá la suma: <code>var sumTwoAnd = addTogether(2);</code> <code>sumTwoAnd(3)</code> devuelve <code>5</code> . Si cualquiera de los argumentos no es un número válido, devuelva indefinido. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Agentes binarios
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelve una frase traducida al inglés de la cadena binaria pasada. La cadena binaria estará separada por espacios. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelve una frase traducida al inglés de la cadena binaria pasada. La cadena binaria estará separada por espacios. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Convertir entidades HTML
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Convierta los caracteres <code>&</code> , <code><</code> , <code>></code> , <code>"</code> (comillas dobles) y <code>'</code> (apóstrofe), en una cadena con sus correspondientes entidades en HTML. Recuerde usar la <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Lectura-Búsqueda-Preguntar</a> si tiene dificultades. Intente vincular el programa. Escriba su propio código. </section>
|
||||
<section id="description"> Convierta los caracteres <code>&</code> , <code><</code> , <code>></code> , <code>"</code> (comillas dobles) y <code>'</code> (apóstrofe), en una cadena con sus correspondientes entidades en HTML. Recuerde usar la <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 tiene dificultades. Intente vincular el programa. Escriba su propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Diferencia dos matrices
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Compare dos matrices y devuelva una nueva matriz con cualquier elemento que solo se encuentre en una de las dos matrices, pero no en ambas. En otras palabras, devuelva la diferencia simétrica de las dos matrices. 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 emparejar el programa. Escribe tu propio código. <strong>Nota</strong> <br> Puede devolver la matriz con sus elementos en cualquier orden. </section>
|
||||
<section id="description"> Compare dos matrices y devuelva una nueva matriz con cualquier elemento que solo se encuentre en una de las dos matrices, pero no en ambas. En otras palabras, devuelva la diferencia simétrica de las dos matrices. 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 emparejar el programa. Escribe tu propio código. <strong>Nota</strong> <br> Puede devolver la matriz con sus elementos en cualquier orden. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Apareamiento de ADN
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> A la cadena de ADN le falta el elemento de emparejamiento. Tome cada carácter, obtenga su par y devuelva los resultados como una matriz 2d. <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">Los pares de bases</a> son un par de AT y CG. Empareja el elemento que falta con el carácter proporcionado. Devuelve el carácter proporcionado como el primer elemento en cada matriz. Por ejemplo, para la entrada GCG, devuelva [["G", "C"], ["C", "G"], ["G", "C"]] El carácter y su par están emparejados en una matriz, y todas las matrices se agrupan en una matriz de encapsulación. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> A la cadena de ADN le falta el elemento de emparejamiento. Tome cada carácter, obtenga su par y devuelva los resultados como una matriz 2d. <a href="http://en.wikipedia.org/wiki/Base_pair" target="_blank">Los pares de bases</a> son un par de AT y CG. Empareja el elemento que falta con el carácter proporcionado. Devuelve el carácter proporcionado como el primer elemento en cada matriz. Por ejemplo, para la entrada GCG, devuelva [["G", "C"], ["C", "G"], ["G", "C"]] El carácter y su par están emparejados en una matriz, y todas las matrices se agrupan en una matriz de encapsulación. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Déjalo caer
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Dada la matriz <code>arr</code> , iterar a través y eliminar cada elemento a partir del primer elemento (el índice 0) hasta que la función <code>func</code> devuelva <code>true</code> cuando el elemento iterado se pasa a través de él. Luego, devuelva el resto de la matriz una vez que se cumpla la condición; de lo contrario, <code>arr</code> debe devolverse como una matriz vací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. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Dada la matriz <code>arr</code> , iterar a través y eliminar cada elemento a partir del primer elemento (el índice 0) hasta que la función <code>func</code> devuelva <code>true</code> cuando el elemento iterado se pasa a través de él. Luego, devuelva el resto de la matriz una vez que se cumpla la condición; de lo contrario, <code>arr</code> debe devolverse como una matriz vací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. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Todo sea verdad
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Compruebe si el predicado (segundo argumento) es <dfn>verdadero</dfn> en todos los elementos de una colección (primer argumento). En otras palabras, se le da una colección de objetos de matriz. El predicado <code>pre</code> será una propiedad de objeto y debe devolver <code>true</code> si su valor es <code>truthy</code> . De lo contrario, devuelve <code>false</code> . En JavaScript, los valores de <code>truthy</code> son valores que se convierten en <code>true</code> cuando se evalúan en un contexto booleano. Recuerde, puede acceder a las propiedades del objeto a través de la notación de puntos o la notación <code>[]</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. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Compruebe si el predicado (segundo argumento) es <dfn>verdadero</dfn> en todos los elementos de una colección (primer argumento). En otras palabras, se le da una colección de objetos de matriz. El predicado <code>pre</code> será una propiedad de objeto y debe devolver <code>true</code> si su valor es <code>truthy</code> . De lo contrario, devuelve <code>false</code> . En JavaScript, los valores de <code>truthy</code> son valores que se convierten en <code>true</code> cuando se evalúan en un contexto booleano. Recuerde, puede acceder a las propiedades del objeto a través de la notación de puntos o la notación <code>[]</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. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: Hacer una persona
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Rellene el constructor de objetos con los siguientes métodos a continuación: <blockquote> getFirstName () getLastName () getFullName () setFirstName (primero) setLastName (último) setFullName (firstAndLast) </blockquote> Ejecute las pruebas para ver el resultado esperado para cada método. Los métodos que toman un argumento deben aceptar solo un argumento y tiene que ser una cadena. Estos métodos deben ser los únicos medios disponibles para interactuar con el objeto. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Rellene el constructor de objetos con los siguientes métodos a continuación: <blockquote> getFirstName () getLastName () getFullName () setFirstName (primero) setLastName (último) setFullName (firstAndLast) </blockquote> Ejecute las pruebas para ver el resultado esperado para cada método. Los métodos que toman un argumento deben aceptar solo un argumento y tiene que ser una cadena. Estos métodos deben ser los únicos medios disponibles para interactuar con el objeto. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -7,7 +7,7 @@ localeTitle: Mapa de los escombros
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelve una nueva matriz que transforma la altitud promedio de los elementos en sus períodos orbitales (en segundos). La matriz contendrá objetos en el formato <code>{name: 'name', avgAlt: avgAlt}</code> . Puedes leer sobre periodos orbitales <a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">en Wikipedia</a> . Los valores se deben redondear al número entero más cercano. El cuerpo que está siendo orbitado es la Tierra. El radio de la Tierra es de 6367,4447 kilómetros, y el valor GM de la Tierra es de 398600.4418 km <sup>3</sup> s <sup>-2</sup> . 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelve una nueva matriz que transforma la altitud promedio de los elementos en sus períodos orbitales (en segundos). La matriz contendrá objetos en el formato <code>{name: 'name', avgAlt: avgAlt}</code> . Puedes leer sobre periodos orbitales <a href="http://en.wikipedia.org/wiki/Orbital_period" target="_blank">en Wikipedia</a> . Los valores se deben redondear al número entero más cercano. El cuerpo que está siendo orbitado es la Tierra. El radio de la Tierra es de 6367,4447 kilómetros, y el valor GM de la Tierra es de 398600.4418 km <sup>3</sup> s <sup>-2</sup> . 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Cartas perdidas
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Encuentra la letra que falta en el rango de letras aprobadas y devuélvela. Si todas las letras están presentes en el rango, devuelve indefinido. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Encuentra la letra que falta en el rango de letras aprobadas y devuélvela. Si todas las letras están presentes en el rango, devuelve indefinido. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Jerga
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Traducir la cadena proporcionada a cerdo latino. <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a> toma la primera consonante (o grupo de consonantes) de una palabra en inglés, la mueve al final de la palabra y los sufijos "ay". Si una palabra comienza con una vocal, simplemente agrega "camino" al final. Las cadenas de entrada están garantizadas para ser palabras en inglés en minúsculas. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Traducir la cadena proporcionada a cerdo latino. <a href="http://en.wikipedia.org/wiki/Pig_Latin" target="_blank">Pig Latin</a> toma la primera consonante (o grupo de consonantes) de una palabra en inglés, la mueve al final de la palabra y los sufijos "ay". Si una palabra comienza con una vocal, simplemente agrega "camino" al final. Las cadenas de entrada están garantizadas para ser palabras en inglés en minúsculas. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Buscar y reemplazar
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Realice una búsqueda y reemplace la oración utilizando los argumentos proporcionados y devuelva la nueva oración. El primer argumento es la oración para realizar la búsqueda y reemplazar. El segundo argumento es la palabra que reemplazará (antes). El tercer argumento es con lo que reemplazará el segundo argumento con (después). <strong>Nota</strong> <br> Conserve el caso del primer carácter en la palabra original cuando lo reemplace. Por ejemplo, si quiere reemplazar la palabra "Libro" con la palabra "perro", debe ser reemplazada como "Perro" 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Realice una búsqueda y reemplace la oración utilizando los argumentos proporcionados y devuelva la nueva oración. El primer argumento es la oración para realizar la búsqueda y reemplazar. El segundo argumento es la palabra que reemplazará (antes). El tercer argumento es con lo que reemplazará el segundo argumento con (después). <strong>Nota</strong> <br> Conserve el caso del primer carácter en la palabra original cuando lo reemplace. Por ejemplo, si quiere reemplazar la palabra "Libro" con la palabra "perro", debe ser reemplazada como "Perro" 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Buscar y destruir
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Se le proporcionará una matriz inicial (el primer argumento en la función del destructor), seguido de uno o más argumentos. Elimine todos los elementos de la matriz inicial que tengan el mismo valor que estos argumentos. <strong>Nota</strong> <br> Tienes que usar el objeto <code>arguments</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. Escribe tu propio código. </section>
|
||||
<section id="description"> Se le proporcionará una matriz inicial (el primer argumento en la función del destructor), seguido de uno o más argumentos. Elimine todos los elementos de la matriz inicial que tengan el mismo valor que estos argumentos. <strong>Nota</strong> <br> Tienes que usar el objeto <code>arguments</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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: El múltiplo común más pequeño
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Encuentre el múltiplo común más pequeño de los parámetros provistos que se pueden dividir en partes iguales por ambos, así como por todos los números secuenciales en el rango entre estos parámetros. El rango será una matriz de dos números que no necesariamente estarán en orden numérico. Por ejemplo, si le dan 1 y 3, encuentre el múltiplo común más pequeño de 1 y 3 que también sea divisible por todos los números <em>entre</em> 1 y 3. La respuesta aquí sería 6. 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 obtiene atascado. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Encuentre el múltiplo común más pequeño de los parámetros provistos que se pueden dividir en partes iguales por ambos, así como por todos los números secuenciales en el rango entre estos parámetros. El rango será una matriz de dos números que no necesariamente estarán en orden numérico. Por ejemplo, si le dan 1 y 3, encuentre el múltiplo común más pequeño de 1 y 3 que también sea divisible por todos los números <em>entre</em> 1 y 3. La respuesta aquí sería 6. 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 obtiene atascado. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Unión ordenada
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Escriba una función que tome dos o más matrices y devuelva una nueva matriz de valores únicos en el orden de las matrices originales proporcionadas. En otras palabras, todos los valores presentes de todas las matrices deben incluirse en su orden original, pero sin duplicados en la matriz final. Los números únicos deben ordenarse según su orden original, pero la matriz final no debe ordenarse en orden numérico. Verifique las pruebas de aserción para ver ejemplos. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Escriba una función que tome dos o más matrices y devuelva una nueva matriz de valores únicos en el orden de las matrices originales proporcionadas. En otras palabras, todos los valores presentes de todas las matrices deben incluirse en su orden original, pero sin duplicados en la matriz final. Los números únicos deben ordenarse según su orden original, pero la matriz final no debe ordenarse en orden numérico. Verifique las pruebas de aserción para ver ejemplos. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Caja del grifo espinal
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Convertir una cadena a la caja espinal. El caso de la columna vertebral está compuesto por guiones en minúsculas. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Convertir una cadena a la caja espinal. El caso de la columna vertebral está compuesto por guiones en minúsculas. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Apisonadora
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Aplanar una matriz anidada. Debe tener en cuenta los diferentes niveles de anidación. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Aplanar una matriz anidada. Debe tener en cuenta los diferentes niveles de anidación. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Suma todos los números en un rango
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Te pasaremos una serie de dos números. Devuelve la suma de esos dos números más la suma de todos los números entre ellos. El número más bajo no siempre vendrá primero. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Te pasaremos una serie de dos números. Devuelve la suma de esos dos números más la suma de todos los números entre ellos. El número más bajo no siempre vendrá primero. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Suma todos los números impares de Fibonacci
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Dado un número entero positivo <code>num</code> , devolver la suma de todos los números impares de Fibonacci que son menos que o igual a <code>num</code> . Los primeros dos números en la secuencia de Fibonacci son 1 y 1. Cada número adicional en la secuencia es la suma de los dos números anteriores. Los primeros seis números de la secuencia de Fibonacci son 1, 1, 2, 3, 5 y 8. Por ejemplo, <code>sumFibs(10)</code> debe devolver <code>10</code> porque todos los números de Fibonacci impares menores o iguales a <code>10</code> son 1, 1, 3 y 5. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Dado un número entero positivo <code>num</code> , devolver la suma de todos los números impares de Fibonacci que son menos que o igual a <code>num</code> . Los primeros dos números en la secuencia de Fibonacci son 1 y 1. Cada número adicional en la secuencia es la suma de los dos números anteriores. Los primeros seis números de la secuencia de Fibonacci son 1, 1, 2, 3, 5 y 8. Por ejemplo, <code>sumFibs(10)</code> debe devolver <code>10</code> porque todos los números de Fibonacci impares menores o iguales a <code>10</code> son 1, 1, 3 y 5. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Suma todos los premios
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Suma todos los números primos hasta e incluyendo el número provisto. Un número primo se define como un número mayor que uno y tiene solo dos divisores, uno y el mismo. Por ejemplo, 2 es un número primo porque solo es divisible entre uno y dos. El número proporcionado puede no ser un número primo. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Suma todos los números primos hasta e incluyendo el número provisto. Un número primo se define como un número mayor que uno y tiene solo dos divisores, uno y el mismo. Por ejemplo, 2 es un número primo porque solo es divisible entre uno y dos. El número proporcionado puede no ser un número primo. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Donde estás
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Cree una función que examine una matriz de objetos (primer argumento) y devuelva una matriz de todos los objetos que tengan pares de nombre y valor coincidentes (segundo argumento). Cada par de nombre y valor del objeto de origen debe estar presente en el objeto de la colección si se va a incluir en la matriz devuelta. Por ejemplo, si el primer argumento es <code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> , y el segundo argumento es <code>{ last: "Capulet" }</code> , luego debe devolver el tercer objeto de la matriz (el primer argumento), porque contiene el nombre y su valor, que se pasó como el segundo argumento. 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. Escribe tu propio código. </section>
|
||||
<section id="description"> Cree una función que examine una matriz de objetos (primer argumento) y devuelva una matriz de todos los objetos que tengan pares de nombre y valor coincidentes (segundo argumento). Cada par de nombre y valor del objeto de origen debe estar presente en el objeto de la colección si se va a incluir en la matriz devuelta. Por ejemplo, si el primer argumento es <code>[{ first: "Romeo", last: "Montague" }, { first: "Mercutio", last: null }, { first: "Tybalt", last: "Capulet" }]</code> , y el segundo argumento es <code>{ last: "Capulet" }</code> , luego debe devolver el tercer objeto de la matriz (el primer argumento), porque contiene el nombre y su valor, que se pasó como el segundo argumento. 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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Cifrado de Caesars
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Uno de los <dfn>cifrados</dfn> más simples y más conocidos es el <code>cifrado César</code>, también conocido como <code>shift cipher</code>. En un <code>shift cipher</code> los significados de las letras se desplazan en una cantidad determinada. Un uso moderno común es el cifrado <a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>, donde los valores de las letras se desplazan en 13 lugares. Así, 'A' ↔ 'N', 'B' ↔ 'O' y así sucesivamente. Escribe una función que tome una cadena codificada <a href="https://es.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a> como entrada y devuelva una cadena decodificada. Todas las letras serán mayúsculas. No transformes ningún carácter no alfabético (es decir, espacios, signos de puntuación), pero sí pásalos. Recuerda <a href="http://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Intenta programando con alguien. Escribe tu propio código.</section>
|
||||
<section id="description"> Uno de los <dfn>cifrados</dfn> más simples y más conocidos es el <code>cifrado César</code>, también conocido como <code>shift cipher</code>. En un <code>shift cipher</code> los significados de las letras se desplazan en una cantidad determinada. Un uso moderno común es el cifrado <a href="https://en.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a>, donde los valores de las letras se desplazan en 13 lugares. Así, 'A' ↔ 'N', 'B' ↔ 'O' y así sucesivamente. Escribe una función que tome una cadena codificada <a href="https://es.wikipedia.org/wiki/ROT13" target="_blank">ROT13</a> como entrada y devuelva una cadena decodificada. Todas las letras serán mayúsculas. No transformes ningún carácter no alfabético (es decir, espacios, signos de puntuación), pero sí pásalos. Recuerda <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">Leer-Buscar-Preguntar</a> si te atascas. Intenta programando con alguien. Escribe tu propio código.</section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Caja registradora
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Diseñe una función de caja registradora <code>checkCashRegister()</code> que acepte el precio de compra como primer argumento ( <code>price</code> ), el pago como segundo argumento ( <code>cash</code> ) y el efectivo en caja ( <code>cid</code> ) como tercer argumento. <code>cid</code> es una matriz 2D que muestra el dinero disponible. La función <code>checkCashRegister()</code> siempre debe devolver un objeto con una clave de <code>status</code> y una clave de <code>change</code> . Devuelva <code>{status: "INSUFFICIENT_FUNDS", change: []}</code> si el efectivo en caja es inferior al cambio debido, o si no puede devolver el cambio exacto. Devuelva <code>{status: "CLOSED", change: [...]}</code> con <code>cid</code> como el valor para la clave <code>change</code> si este es igual al cambio debido. De lo contrario, devuelva <code>{status: "OPEN", change: [...]}</code> , con el cambio en monedas y billetes, ordenados de mayor a menor, como el valor de la clave <code>change</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. Trate de emparejar el programa. Escribe tu propio código. <table class="table table-striped"><tbody><tr><th> Unidad monetaria </th><th> Cantidad </th></tr><tr><td> Centavo </td><td> $ 0.01 (PENNY) </td></tr><tr><td> Níquel </td><td> $ 0.05 (níquel) </td></tr><tr><td> Moneda de diez centavos </td><td> $ 0.1 (DIME) </td></tr><tr><td> Trimestre </td><td> $ 0.25 (TRIMESTRE) </td></tr><tr><td> Dólar </td><td> $ 1 (DÓLAR) </td></tr><tr><td> Cinco dólares </td><td> $ 5 (CINCO) </td></tr><tr><td> Diez dólares </td><td> $ 10 (DIEZ) </td></tr><tr><td> Veinte dólares </td><td> $ 20 (VEINTE) </td></tr><tr><td> Cien dolares </td><td> $ 100 (100) </td></tr></tbody></table></section>
|
||||
<section id="description"> Diseñe una función de caja registradora <code>checkCashRegister()</code> que acepte el precio de compra como primer argumento ( <code>price</code> ), el pago como segundo argumento ( <code>cash</code> ) y el efectivo en caja ( <code>cid</code> ) como tercer argumento. <code>cid</code> es una matriz 2D que muestra el dinero disponible. La función <code>checkCashRegister()</code> siempre debe devolver un objeto con una clave de <code>status</code> y una clave de <code>change</code> . Devuelva <code>{status: "INSUFFICIENT_FUNDS", change: []}</code> si el efectivo en caja es inferior al cambio debido, o si no puede devolver el cambio exacto. Devuelva <code>{status: "CLOSED", change: [...]}</code> con <code>cid</code> como el valor para la clave <code>change</code> si este es igual al cambio debido. De lo contrario, devuelva <code>{status: "OPEN", change: [...]}</code> , con el cambio en monedas y billetes, ordenados de mayor a menor, como el valor de la clave <code>change</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. Trate de emparejar el programa. Escribe tu propio código. <table class="table table-striped"><tbody><tr><th> Unidad monetaria </th><th> Cantidad </th></tr><tr><td> Centavo </td><td> $ 0.01 (PENNY) </td></tr><tr><td> Níquel </td><td> $ 0.05 (níquel) </td></tr><tr><td> Moneda de diez centavos </td><td> $ 0.1 (DIME) </td></tr><tr><td> Trimestre </td><td> $ 0.25 (TRIMESTRE) </td></tr><tr><td> Dólar </td><td> $ 1 (DÓLAR) </td></tr><tr><td> Cinco dólares </td><td> $ 5 (CINCO) </td></tr><tr><td> Diez dólares </td><td> $ 10 (DIEZ) </td></tr><tr><td> Veinte dólares </td><td> $ 20 (VEINTE) </td></tr><tr><td> Cien dolares </td><td> $ 100 (100) </td></tr></tbody></table></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Comprobador de palíndromo
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelve <code>true</code> si la cadena dada es un palíndromo. De lo contrario, devuelve <code>false</code> . Un <dfn>palíndromo</dfn> es una palabra u oración que se escribe de la misma manera tanto hacia adelante como hacia atrás, ignorando la puntuación, el caso y el espaciado. <strong>Nota</strong> <br> Deberá eliminar <strong>todos los caracteres no alfanuméricos</strong> (puntuación, espacios y símbolos) y convertir todo en el mismo caso (mayúsculas o minúsculas) para comprobar si hay palíndromos. Pasaremos cadenas con distintos formatos, como <code>"racecar"</code> , <code>"RaceCar"</code> y <code>"race CAR"</code> entre otros. También pasaremos cadenas con símbolos especiales, como <code>"2A3*3a2"</code> , <code>"2A3 3a2"</code> y <code>"2_A3*3#A2"</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. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelve <code>true</code> si la cadena dada es un palíndromo. De lo contrario, devuelve <code>false</code> . Un <dfn>palíndromo</dfn> es una palabra u oración que se escribe de la misma manera tanto hacia adelante como hacia atrás, ignorando la puntuación, el caso y el espaciado. <strong>Nota</strong> <br> Deberá eliminar <strong>todos los caracteres no alfanuméricos</strong> (puntuación, espacios y símbolos) y convertir todo en el mismo caso (mayúsculas o minúsculas) para comprobar si hay palíndromos. Pasaremos cadenas con distintos formatos, como <code>"racecar"</code> , <code>"RaceCar"</code> y <code>"race CAR"</code> entre otros. También pasaremos cadenas con símbolos especiales, como <code>"2A3*3a2"</code> , <code>"2A3 3a2"</code> y <code>"2_A3*3#A2"</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. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Convertidor de números romanos
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Convertir el número dado en un número romano. Todas las respuestas de los <a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">números romanos</a> deben proporcionarse en mayúsculas. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Convertir el número dado en un número romano. Todas las respuestas de los <a href="http://www.mathsisfun.com/roman-numerals.html" target="_blank">números romanos</a> deben proporcionarse en mayúsculas. 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 emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Validador de números de teléfono
|
||||
---
|
||||
|
||||
## Description
|
||||
<section id="description"> Devuelva <code>true</code> si la cadena pasada parece un número de teléfono válido de EE. UU. El usuario puede completar el campo del formulario de la forma que elija, siempre que tenga el formato de un número de EE. UU. Válido. Los siguientes son ejemplos de formatos válidos para números de EE. UU. (Consulte las siguientes pruebas para otras variantes): <blockquote> 555-555-5555 <br> (555) 555-5555 <br> (555) 555-5555 <br> 555 555 5555 <br> 5555555555 <br> 1 555 555 5555 </blockquote> Para este desafío, se te presentará una cadena como <code>800-692-7753</code> o <code>8oo-six427676;laskdjf</code> . Su trabajo es validar o rechazar el número de teléfono de los EE. UU. En función de cualquier combinación de los formatos proporcionados anteriormente. El código de área es obligatorio. Si se proporciona el código de país, debe confirmar que el código de país es <code>1</code> . Devuelva <code>true</code> si la cadena es un número de teléfono de EE. UU. Válido; de lo contrario devuelve <code>false</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. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
<section id="description"> Devuelva <code>true</code> si la cadena pasada parece un número de teléfono válido de EE. UU. El usuario puede completar el campo del formulario de la forma que elija, siempre que tenga el formato de un número de EE. UU. Válido. Los siguientes son ejemplos de formatos válidos para números de EE. UU. (Consulte las siguientes pruebas para otras variantes): <blockquote> 555-555-5555 <br> (555) 555-5555 <br> (555) 555-5555 <br> 555 555 5555 <br> 5555555555 <br> 1 555 555 5555 </blockquote> Para este desafío, se te presentará una cadena como <code>800-692-7753</code> o <code>8oo-six427676;laskdjf</code> . Su trabajo es validar o rechazar el número de teléfono de los EE. UU. En función de cualquier combinación de los formatos proporcionados anteriormente. El código de área es obligatorio. Si se proporciona el código de país, debe confirmar que el código de país es <code>1</code> . Devuelva <code>true</code> si la cadena es un número de teléfono de EE. UU. Válido; de lo contrario devuelve <code>false</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. Trate de emparejar el programa. Escribe tu propio código. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Construir una máquina de tambor
|
||||
---
|
||||
|
||||
## 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/MJyNMd" target="_blank">https://codepen.io/freeCodeCamp/full/MJyNMd</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede completar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un marco frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de marcos frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros marcos de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Debería poder ver un contenedor externo con un <code>id="drum-machine"</code> que contiene todos los demás elementos. <strong>Historia de usuario n. ° 2:</strong> Dentro de <code>#drum-machine</code> puedo ver un elemento con el correspondiente <code>id="display"</code> . <strong>Historia de usuario n. ° 3:</strong> Dentro de <code>#drum-machine</code> puedo ver 9 elementos de pad de batería que se pueden hacer clic, cada uno con un nombre de clase de <code>drum-pad</code> , una identificación única que describe el clip de audio que la almohadilla de batería se configurará para disparar, y un interior Texto que corresponde a una de las siguientes teclas del teclado: Q, W, E, A, S, D, Z, X, C. Los pads de batería DEBEN estar en este orden. <strong>Historia de usuario # 4:</strong> Dentro de cada <code>.drum-pad</code> , debe haber un elemento de <code>audio</code> HTML5 que tenga un atributo <code>src</code> apunte a un clip de audio, un nombre de clase de <code>clip</code> y una identificación correspondiente al texto interno de su <code>.drum-pad</code> primario <code>.drum-pad</code> (por ejemplo, <code>id="Q"</code> , <code>id="W"</code> , <code>id="E"</code> etc.). <strong>Historia de usuario n. ° 5:</strong> Cuando hago clic en un elemento <code>.drum-pad</code> , se debe activar el clip de audio contenido en su elemento de <code>audio</code> secundario. <strong>Historia de usuario n. ° 6:</strong> Cuando <code>.drum-pad</code> la tecla de activación asociada con cada <code>.drum-pad</code> , el clip de audio contenido en su elemento de <code>audio</code> secundario debe activarse (por ejemplo, al presionar la tecla Q debe activar la batería que contiene la cadena "Q", presionando la tecla W debería activar el pad de batería que contiene la cuerda "W", etc.). <strong>Historia de usuario # 7:</strong> cuando se <code>.drum-pad</code> un <code>.drum-pad</code> , una cadena que describe el clip de audio asociado se muestra como el texto interno del elemento <code>#display</code> (cada cadena debe ser única). Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/MJyNMd" target="_blank">https://codepen.io/freeCodeCamp/full/MJyNMd</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede completar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un marco frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de marcos frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros marcos de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Debería poder ver un contenedor externo con un <code>id="drum-machine"</code> que contiene todos los demás elementos. <strong>Historia de usuario n. ° 2:</strong> Dentro de <code>#drum-machine</code> puedo ver un elemento con el correspondiente <code>id="display"</code> . <strong>Historia de usuario n. ° 3:</strong> Dentro de <code>#drum-machine</code> puedo ver 9 elementos de pad de batería que se pueden hacer clic, cada uno con un nombre de clase de <code>drum-pad</code> , una identificación única que describe el clip de audio que la almohadilla de batería se configurará para disparar, y un interior Texto que corresponde a una de las siguientes teclas del teclado: Q, W, E, A, S, D, Z, X, C. Los pads de batería DEBEN estar en este orden. <strong>Historia de usuario # 4:</strong> Dentro de cada <code>.drum-pad</code> , debe haber un elemento de <code>audio</code> HTML5 que tenga un atributo <code>src</code> apunte a un clip de audio, un nombre de clase de <code>clip</code> y una identificación correspondiente al texto interno de su <code>.drum-pad</code> primario <code>.drum-pad</code> (por ejemplo, <code>id="Q"</code> , <code>id="W"</code> , <code>id="E"</code> etc.). <strong>Historia de usuario n. ° 5:</strong> Cuando hago clic en un elemento <code>.drum-pad</code> , se debe activar el clip de audio contenido en su elemento de <code>audio</code> secundario. <strong>Historia de usuario n. ° 6:</strong> Cuando <code>.drum-pad</code> la tecla de activación asociada con cada <code>.drum-pad</code> , el clip de audio contenido en su elemento de <code>audio</code> secundario debe activarse (por ejemplo, al presionar la tecla Q debe activar la batería que contiene la cadena "Q", presionando la tecla W debería activar el pad de batería que contiene la cuerda "W", etc.). <strong>Historia de usuario # 7:</strong> cuando se <code>.drum-pad</code> un <code>.drum-pad</code> , una cadena que describe el clip de audio asociado se muestra como el texto interno del elemento <code>#display</code> (cada cadena debe ser única). Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -8,7 +8,7 @@ localeTitle: Construir un previsualizador de rebajas
|
||||
---
|
||||
|
||||
## 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/GrZVVO" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVVO</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede completar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un marco frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de marcos frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros marcos de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un elemento de área de <code>textarea</code> con un <code>id="editor"</code> . <strong>Historia de usuario n. ° 2:</strong> Puedo ver un elemento con un <code>id="preview"</code> correspondiente <code>id="preview"</code> . <strong>Historia de usuario # 3:</strong> Cuando ingreso texto en el elemento <code>#editor</code> , el elemento <code>#preview</code> se actualiza a medida que <code>#preview</code> para mostrar el contenido del área de texto. <strong>Historia de usuario n. ° 4:</strong> cuando ingrese la <code>#editor</code> GitHub en el elemento <code>#editor</code> , el texto se representa como HTML en el elemento <code>#preview</code> mientras <code>#preview</code> (SUGERENCIA: No necesita analizar Markdown usted mismo: puede importar la biblioteca marcada para esto: <a href="https://cdnjs.com/libraries/marked" target="_blank">https://cdnjs.com/libraries/marked</a> ). <strong>Historia de usuario n. ° 5:</strong> Cuando mi previsualizador de markdown se carga por primera vez, el texto predeterminado en el campo <code>#editor</code> debe contener un markdown válido que represente al menos uno de cada uno de los siguientes elementos: un encabezado (tamaño H1), un encabezado secundario (tamaño H2) , un enlace, código en línea, un bloque de código, un elemento de la lista, una nota de bloque, una imagen y texto en negrita. <strong>Historia de usuario n. ° 6:</strong> Cuando mi previsualizador de markdown se carga por primera vez, el markdown predeterminado en el campo <code>#editor</code> debe representarse como HTML en el elemento <code>#preview</code> . <strong>Bonificación opcional (no es necesario que pase esta prueba):</strong> mi previsualizador markdown interpreta los retornos de carro y los presenta como elementos <code>br</code> (salto de línea). Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/GrZVVO" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVVO</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede completar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un marco frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de marcos frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros marcos de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan la pila de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un elemento de área de <code>textarea</code> con un <code>id="editor"</code> . <strong>Historia de usuario n. ° 2:</strong> Puedo ver un elemento con un <code>id="preview"</code> correspondiente <code>id="preview"</code> . <strong>Historia de usuario # 3:</strong> Cuando ingreso texto en el elemento <code>#editor</code> , el elemento <code>#preview</code> se actualiza a medida que <code>#preview</code> para mostrar el contenido del área de texto. <strong>Historia de usuario n. ° 4:</strong> cuando ingrese la <code>#editor</code> GitHub en el elemento <code>#editor</code> , el texto se representa como HTML en el elemento <code>#preview</code> mientras <code>#preview</code> (SUGERENCIA: No necesita analizar Markdown usted mismo: puede importar la biblioteca marcada para esto: <a href="https://cdnjs.com/libraries/marked" target="_blank">https://cdnjs.com/libraries/marked</a> ). <strong>Historia de usuario n. ° 5:</strong> Cuando mi previsualizador de markdown se carga por primera vez, el texto predeterminado en el campo <code>#editor</code> debe contener un markdown válido que represente al menos uno de cada uno de los siguientes elementos: un encabezado (tamaño H1), un encabezado secundario (tamaño H2) , un enlace, código en línea, un bloque de código, un elemento de la lista, una nota de bloque, una imagen y texto en negrita. <strong>Historia de usuario n. ° 6:</strong> Cuando mi previsualizador de markdown se carga por primera vez, el markdown predeterminado en el campo <code>#editor</code> debe representarse como HTML en el elemento <code>#preview</code> . <strong>Bonificación opcional (no es necesario que pase esta prueba):</strong> mi previsualizador markdown interpreta los retornos de carro y los presenta como elementos <code>br</code> (salto de línea). Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -8,7 +8,7 @@ localeTitle: Construir una máquina de citas aleatorias
|
||||
---
|
||||
|
||||
## Descripción
|
||||
<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/qRZeGZ" target="_blank">https://codepen.io/freeCodeCamp/full/qRZeGZ</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un framework frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de frameworks frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros frameworks de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan el stack de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un elemento contenedor con su <code>id="quote-box"</code> correspondiente <code>id="quote-box"</code> . <strong>Historia de usuario n. ° 2:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento con su <code>id="text"</code> correspondiente <code>id="text"</code> . <strong>Historia de usuario # 3:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento con su <code>id="author"</code> correspondiente <code>id="author"</code> . <strong>Historia de usuario # 4:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento clickable con su <code>id="new-quote"</code> correspondiente <code>id="new-quote"</code> . <strong>Historia de usuario n. ° 5:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento clickable <codea< code=""> con su <code>id="tweet-quote"</code> correspondiente <code>id="tweet-quote"</code> . <strong>Historia de usuario n. ° 6:</strong> En la primera carga, mi máquina de citas muestra una cita aleatoria en el elemento con <code>id="text"</code> . <strong>Historia de usuario n. ° 7:</strong> En la primera carga, mi máquina de citas muestra el autor de la cita aleatoria en el elemento con <code>id="author"</code> . <strong>Historia de usuario n. ° 8:</strong> cuando se hace clic en el botón <code>#new-quote</code> , mi máquina de citas debería buscar una nueva cita y mostrarla en el elemento <code>#text</code> . <strong>Historia de usuario n. ° 9:</strong> Mi máquina de citas debe buscar al autor de la nueva cita cuando se hace clic en el botón <code>#new-quote</code> y mostrarla en el elemento <code>#author</code> . <strong>Historia usuario # 10:</strong> Puedo Twittear la cita actual haciendo clic en el elemento <code>#tweet-quote</code> <code>a</code>. Este elemento <code>a</code> debe incluir la ruta de acceso <code>"twitter.com/intent/tweet"</code> en su atributo <code>href</code> para twittear la cita actual. <strong>Historia de usuario n. ° 11:</strong> El elemento contenedor <code>#quote-box</code> debe estar centrado horizontalmente. Ejecute las pruebas con el nivel de zoom del navegador al 100% y la página maximizada. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este pen de CodePen</a> . O puedes usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL de su Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lee-busca-pregunta</a> si te atascas. </codea<></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/qRZeGZ" target="_blank">https://codepen.io/freeCodeCamp/full/qRZeGZ</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puedes usar cualquier combinación de HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux y jQuery para completar este proyecto. Debería usar un framework frontend (como React, por ejemplo) porque esta sección trata sobre el aprendizaje de frameworks frontend. No se recomiendan las tecnologías adicionales no enumeradas anteriormente y su uso es bajo su propio riesgo. Estamos considerando la compatibilidad con otros frameworks de frontend, como Angular y Vue, pero actualmente no se admiten. Aceptaremos e intentaremos solucionar todos los informes de problemas que utilizan el stack de tecnología sugerida para este proyecto. ¡Feliz codificación! <strong>Historia de usuario n. ° 1:</strong> Puedo ver un elemento contenedor con su <code>id="quote-box"</code> correspondiente <code>id="quote-box"</code> . <strong>Historia de usuario n. ° 2:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento con su <code>id="text"</code> correspondiente <code>id="text"</code> . <strong>Historia de usuario # 3:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento con su <code>id="author"</code> correspondiente <code>id="author"</code> . <strong>Historia de usuario # 4:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento clickable con su <code>id="new-quote"</code> correspondiente <code>id="new-quote"</code> . <strong>Historia de usuario n. ° 5:</strong> Dentro de <code>#quote-box</code> , puedo ver un elemento clickable <codea< code=""> con su <code>id="tweet-quote"</code> correspondiente <code>id="tweet-quote"</code> . <strong>Historia de usuario n. ° 6:</strong> En la primera carga, mi máquina de citas muestra una cita aleatoria en el elemento con <code>id="text"</code> . <strong>Historia de usuario n. ° 7:</strong> En la primera carga, mi máquina de citas muestra el autor de la cita aleatoria en el elemento con <code>id="author"</code> . <strong>Historia de usuario n. ° 8:</strong> cuando se hace clic en el botón <code>#new-quote</code> , mi máquina de citas debería buscar una nueva cita y mostrarla en el elemento <code>#text</code> . <strong>Historia de usuario n. ° 9:</strong> Mi máquina de citas debe buscar al autor de la nueva cita cuando se hace clic en el botón <code>#new-quote</code> y mostrarla en el elemento <code>#author</code> . <strong>Historia usuario # 10:</strong> Puedo Twittear la cita actual haciendo clic en el elemento <code>#tweet-quote</code> <code>a</code>. Este elemento <code>a</code> debe incluir la ruta de acceso <code>"twitter.com/intent/tweet"</code> en su atributo <code>href</code> para twittear la cita actual. <strong>Historia de usuario n. ° 11:</strong> El elemento contenedor <code>#quote-box</code> debe estar centrado horizontalmente. Ejecute las pruebas con el nivel de zoom del navegador al 100% y la página maximizada. Puedes construir tu proyecto por medio de <a href="http://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este pen de CodePen</a> . O puedes usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL de su Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lee-busca-pregunta</a> si te atascas. </codea<></section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Visualice datos con un gráfico de barras
|
||||
---
|
||||
|
||||
## 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/GrZVaM" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVaM</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Las pruebas requieren que se generen ejes utilizando la propiedad del eje D3, que genera automáticamente tics a lo largo del eje. Estas marcas son necesarias para pasar las pruebas D3 porque sus posiciones se usan para determinar la alineación de los elementos graficados. Encontrará información sobre la generación de ejes en <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Mi gráfico debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Mi gráfico debe tener un eje x del elemento <code>g</code> con un <code>id="x-axis"</code> correspondiente <code>id="x-axis"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi gráfico debe tener un eje <code>g</code> elemento y con su correspondiente <code>id="y-axis"</code> . <strong>Historia de usuario n. ° 4:</strong> Ambos ejes deben contener varias etiquetas de tilde, cada una con la <code>class="tick"</code> correspondiente <code>class="tick"</code> . <strong>Historia de usuario n. ° 5:</strong> Mi gráfico debe tener un elemento <code>rect</code> para cada punto de datos con una <code>class="bar"</code> correspondiente <code>class="bar"</code> muestra los datos. <strong>Historia de usuario n. ° 6:</strong> Cada barra debe tener las propiedades <code>data-date</code> y <code>data-gdp</code>, que contienen la fecha y los valores de GDP. <strong>Historia de usuario n. ° 7:</strong> Las propiedades de <code>data-date</code> los elementos de la barra deben coincidir con el orden de los datos proporcionados. <strong>Historia de usuario n. ° 8:</strong> Las propiedades <code>data-gdp</code> elementos de la barra deben coincidir con el orden de los datos proporcionados. <strong>Historia de usuario n. ° 9:</strong> la altura de cada elemento de barra debe representar con precisión el PIB correspondiente de los datos. <strong>Historia de usuario n. ° 10:</strong> el atributo <code>data-date</code> y su elemento de barra correspondiente deben alinearse con el valor correspondiente en el eje x. <strong>Historia de usuario # 11:</strong> El atributo <code>data-gdp</code> y su elemento de barra correspondiente deben alinearse con el valor correspondiente en el eje y. <strong>Historia de usuario n. ° 12:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 13:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-date</code> que corresponda a la <code>data-date</code> de <code>data-date</code> del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</code> Puede compilar su proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . Una vez que haya terminado, envíe la URL a su proyecto de trabajo con todas las pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/GrZVaM" target="_blank">https://codepen.io/freeCodeCamp/full/GrZVaM</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Las pruebas requieren que se generen ejes utilizando la propiedad del eje D3, que genera automáticamente tics a lo largo del eje. Estas marcas son necesarias para pasar las pruebas D3 porque sus posiciones se usan para determinar la alineación de los elementos graficados. Encontrará información sobre la generación de ejes en <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Mi gráfico debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Mi gráfico debe tener un eje x del elemento <code>g</code> con un <code>id="x-axis"</code> correspondiente <code>id="x-axis"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi gráfico debe tener un eje <code>g</code> elemento y con su correspondiente <code>id="y-axis"</code> . <strong>Historia de usuario n. ° 4:</strong> Ambos ejes deben contener varias etiquetas de tilde, cada una con la <code>class="tick"</code> correspondiente <code>class="tick"</code> . <strong>Historia de usuario n. ° 5:</strong> Mi gráfico debe tener un elemento <code>rect</code> para cada punto de datos con una <code>class="bar"</code> correspondiente <code>class="bar"</code> muestra los datos. <strong>Historia de usuario n. ° 6:</strong> Cada barra debe tener las propiedades <code>data-date</code> y <code>data-gdp</code>, que contienen la fecha y los valores de GDP. <strong>Historia de usuario n. ° 7:</strong> Las propiedades de <code>data-date</code> los elementos de la barra deben coincidir con el orden de los datos proporcionados. <strong>Historia de usuario n. ° 8:</strong> Las propiedades <code>data-gdp</code> elementos de la barra deben coincidir con el orden de los datos proporcionados. <strong>Historia de usuario n. ° 9:</strong> la altura de cada elemento de barra debe representar con precisión el PIB correspondiente de los datos. <strong>Historia de usuario n. ° 10:</strong> el atributo <code>data-date</code> y su elemento de barra correspondiente deben alinearse con el valor correspondiente en el eje x. <strong>Historia de usuario # 11:</strong> El atributo <code>data-gdp</code> y su elemento de barra correspondiente deben alinearse con el valor correspondiente en el eje y. <strong>Historia de usuario n. ° 12:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 13:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-date</code> que corresponda a la <code>data-date</code> de <code>data-date</code> del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/GDP-data.json</code> Puede compilar su proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> . Una vez que haya terminado, envíe la URL a su proyecto de trabajo con todas las pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Visualice datos con un mapa de coropletas
|
||||
---
|
||||
|
||||
## 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/EZKqza" target="_blank">https://codepen.io/freeCodeCamp/full/EZKqza</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Mi coropleta debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Mi choropleth debe tener un elemento de descripción con un <code>id="description"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi coropleta debe tener condados con una <code>class="county"</code> correspondiente <code>class="county"</code> que represente los datos. <strong>Historia de usuario n. ° 4:</strong> Debe haber al menos 4 colores de relleno diferentes utilizados para los condados. <strong>Historia de usuario n. ° 5:</strong> Mis condados deben tener cada uno <code>data-fips</code> y propiedades de <code>data-education</code> contengan sus fips y valores de educación correspondientes. <strong>Historia de usuario n. ° 6:</strong> Mi coropleta debe tener un condado para cada punto de datos proporcionado. <strong>Historia de usuario n. ° 7:</strong> Los condados deben tener datos de fips y valores de educación de datos que coincidan con los datos de muestra. <strong>Historia de usuario n. ° 8:</strong> Mi coropleta debe tener una leyenda con su correspondiente <code>id="legend"</code> . <strong>Historia de usuario n. ° 9:</strong> Debe haber al menos 4 colores de relleno diferentes utilizados para la leyenda. <strong>Historia de usuario n. ° 10:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 11:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-education</code> que corresponda a la <code>data-education</code> de <code>data-education</code> del área activa. Aquí están los conjuntos de datos que necesitará para completar este proyecto: <br><ul><li> <strong>Datos de educación de los Estados Unidos:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> </li><li> <strong>Datos del condado de EE. UU .:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> </li></ul> Puedes construir tu proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/EZKqza" target="_blank">https://codepen.io/freeCodeCamp/full/EZKqza</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Mi coropleta debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Mi choropleth debe tener un elemento de descripción con un <code>id="description"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi coropleta debe tener condados con una <code>class="county"</code> correspondiente <code>class="county"</code> que represente los datos. <strong>Historia de usuario n. ° 4:</strong> Debe haber al menos 4 colores de relleno diferentes utilizados para los condados. <strong>Historia de usuario n. ° 5:</strong> Mis condados deben tener cada uno <code>data-fips</code> y propiedades de <code>data-education</code> contengan sus fips y valores de educación correspondientes. <strong>Historia de usuario n. ° 6:</strong> Mi coropleta debe tener un condado para cada punto de datos proporcionado. <strong>Historia de usuario n. ° 7:</strong> Los condados deben tener datos de fips y valores de educación de datos que coincidan con los datos de muestra. <strong>Historia de usuario n. ° 8:</strong> Mi coropleta debe tener una leyenda con su correspondiente <code>id="legend"</code> . <strong>Historia de usuario n. ° 9:</strong> Debe haber al menos 4 colores de relleno diferentes utilizados para la leyenda. <strong>Historia de usuario n. ° 10:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 11:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-education</code> que corresponda a la <code>data-education</code> de <code>data-education</code> del área activa. Aquí están los conjuntos de datos que necesitará para completar este proyecto: <br><ul><li> <strong>Datos de educación de los Estados Unidos:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/for_user_education.json</code> </li><li> <strong>Datos del condado de EE. UU .:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/choropleth_map/counties.json</code> </li></ul> Puedes construir tu proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Visualice datos con un mapa de calor
|
||||
---
|
||||
|
||||
## 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/JEXgeY" target="_blank">https://codepen.io/freeCodeCamp/full/JEXgeY</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Mi mapa de calor debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Mi mapa de calor debe tener una descripción con una <code>id="description"</code> correspondiente <code>id="description"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi mapa de calor debe tener un eje x con una <code>id="x-axis"</code> correspondiente <code>id="x-axis"</code> . <strong>Historia de usuario n. ° 4:</strong> Mi mapa de calor debe tener un eje y con una <code>id="y-axis"</code> correspondiente <code>id="y-axis"</code> . <strong>Historia de usuario n. ° 5:</strong> Mi mapa de calor debe tener elementos <code>rect</code> con una <code>class="cell"</code> que representa los datos. <strong>Historia de usuario n. ° 6:</strong> Debe haber al menos 4 colores de relleno diferentes utilizados para las celdas. <strong>Historia de usuario n. ° 7:</strong> Cada celda tendrá las propiedades <code>data-month</code> , <code>data-year</code> , <code>data-temp</code> contienen sus valores correspondientes de mes, año y temperatura. <strong>Historia de usuario n. ° 8:</strong> El <code>data-month</code> <code>data-year</code> de <code>data-year</code> de cada celda debe estar dentro del rango de los datos. <strong>Historia de usuario n. ° 9:</strong> Mi mapa de calor debe tener celdas que se alineen con el mes correspondiente en el eje y. <strong>Historia de usuario # 10:</strong> Mi mapa de calor debe tener celdas que se alineen con el año correspondiente en el eje x. <strong>Historia de usuario n. ° 11:</strong> Mi mapa de calor debe tener varias etiquetas de tic en el eje y con el nombre completo del mes. <strong>Historia de usuario n. ° 12:</strong> Mi mapa de calor debe tener varias etiquetas de marca en el eje x con los años comprendidos entre 1754 y 2015. <strong>Historia de usuario n. ° 13:</strong> Mi mapa de calor debe tener una leyenda con una <code>id="legend"</code> correspondiente <code>id="legend"</code> . <strong>Historia de usuario n. ° 14:</strong> Mi leyenda debe contener elementos <code>rect</code> . <strong>Historia de usuario n. ° 15:</strong> Los elementos <code>rect</code> en la leyenda deben usar al menos 4 colores de relleno diferentes. <strong>Historia de usuario n. ° 16:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 16:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-year</code> que corresponda con el <code>data-year</code> de <code>data-year</code> del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</code> Puede construir su proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/JEXgeY" target="_blank">https://codepen.io/freeCodeCamp/full/JEXgeY</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Mi mapa de calor debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Mi mapa de calor debe tener una descripción con una <code>id="description"</code> correspondiente <code>id="description"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi mapa de calor debe tener un eje x con una <code>id="x-axis"</code> correspondiente <code>id="x-axis"</code> . <strong>Historia de usuario n. ° 4:</strong> Mi mapa de calor debe tener un eje y con una <code>id="y-axis"</code> correspondiente <code>id="y-axis"</code> . <strong>Historia de usuario n. ° 5:</strong> Mi mapa de calor debe tener elementos <code>rect</code> con una <code>class="cell"</code> que representa los datos. <strong>Historia de usuario n. ° 6:</strong> Debe haber al menos 4 colores de relleno diferentes utilizados para las celdas. <strong>Historia de usuario n. ° 7:</strong> Cada celda tendrá las propiedades <code>data-month</code> , <code>data-year</code> , <code>data-temp</code> contienen sus valores correspondientes de mes, año y temperatura. <strong>Historia de usuario n. ° 8:</strong> El <code>data-month</code> <code>data-year</code> de <code>data-year</code> de cada celda debe estar dentro del rango de los datos. <strong>Historia de usuario n. ° 9:</strong> Mi mapa de calor debe tener celdas que se alineen con el mes correspondiente en el eje y. <strong>Historia de usuario # 10:</strong> Mi mapa de calor debe tener celdas que se alineen con el año correspondiente en el eje x. <strong>Historia de usuario n. ° 11:</strong> Mi mapa de calor debe tener varias etiquetas de tic en el eje y con el nombre completo del mes. <strong>Historia de usuario n. ° 12:</strong> Mi mapa de calor debe tener varias etiquetas de marca en el eje x con los años comprendidos entre 1754 y 2015. <strong>Historia de usuario n. ° 13:</strong> Mi mapa de calor debe tener una leyenda con una <code>id="legend"</code> correspondiente <code>id="legend"</code> . <strong>Historia de usuario n. ° 14:</strong> Mi leyenda debe contener elementos <code>rect</code> . <strong>Historia de usuario n. ° 15:</strong> Los elementos <code>rect</code> en la leyenda deben usar al menos 4 colores de relleno diferentes. <strong>Historia de usuario n. ° 16:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 16:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-year</code> que corresponda con el <code>data-year</code> de <code>data-year</code> del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/global-temperature.json</code> Puede construir su proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Visualice datos con un gráfico de dispersión
|
||||
---
|
||||
|
||||
## 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/bgpXyK" target="_blank">https://codepen.io/freeCodeCamp/full/bgpXyK</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Las pruebas requieren que se generen ejes utilizando la propiedad del eje D3, que genera automáticamente tics a lo largo del eje. Estas marcas son necesarias para pasar las pruebas D3 porque sus posiciones se usan para determinar la alineación de los elementos graficados. Encontrará información sobre la generación de ejes en <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Puedo ver un elemento de título que tiene un <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Puedo ver un eje x que tiene una <code>id="x-axis"</code> correspondiente <code>id="x-axis"</code> . <strong>Historia de usuario n. ° 3:</strong> Puedo ver un eje y que tiene una <code>id="y-axis"</code> correspondiente <code>id="y-axis"</code> . <strong>Historia de usuario n. ° 4:</strong> Puedo ver puntos, cada uno con una clase de <code>dot</code> , que representan los datos que se trazan. <strong>Historia de usuario n. ° 5:</strong> Cada punto debe tener las propiedades <code>data-xvalue</code> y <code>data-yvalue</code> contienen sus valores x e y correspondientes. <strong>Historia de usuario n. ° 6:</strong> El valor de <code>data-xvalue</code> y el valor de <code>data-yvalue</code> de cada punto deben estar dentro del rango de los datos reales y en el formato de datos correcto. Para <code>data-xvalue</code> , los enteros (años completos) o los objetos Date son aceptables para la evaluación de la prueba. Para <code>data-yvalue</code> (minutos), use objetos Date. <strong>Historia de usuario n. ° 7:</strong> el valor <code>data-xvalue</code> y su punto correspondiente deben alinearse con el punto / valor correspondiente en el eje x. <strong>Historia de usuario n. ° 8:</strong> el <code>data-yvalue</code> y del <code>data-yvalue</code> y su punto correspondiente deben alinearse con el punto / valor correspondiente en el eje y. <strong>Historia de usuario n. ° 9:</strong> Puedo ver varias etiquetas de tic en el eje y con el formato de hora <code>%M:%S</code> <strong>Historia de usuario n. ° 10:</strong> Puedo ver varias etiquetas de tick en el eje x que muestran el año. <strong>Historia de usuario n. ° 11:</strong> Puedo ver que el rango de las etiquetas del eje x está dentro del rango de los datos reales del eje x. <strong>Historia de usuario n. ° 12:</strong> Puedo ver que el rango de las etiquetas del eje y está dentro del rango de los datos reales del eje y. <strong>Historia de usuario n. ° 13:</strong> Puedo ver una leyenda que contiene texto descriptivo que tiene <code>id="legend"</code> . <strong>Historia de usuario n. ° 14:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 15:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-year</code> que se corresponda con el valor de <code>data-xvalue</code> del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</code> Puede construir su proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/bgpXyK" target="_blank">https://codepen.io/freeCodeCamp/full/bgpXyK</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Las pruebas requieren que se generen ejes utilizando la propiedad del eje D3, que genera automáticamente tics a lo largo del eje. Estas marcas son necesarias para pasar las pruebas D3 porque sus posiciones se usan para determinar la alineación de los elementos graficados. Encontrará información sobre la generación de ejes en <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1:</strong> Puedo ver un elemento de título que tiene un <code>id="title"</code> . <strong>Historia de usuario n. ° 2:</strong> Puedo ver un eje x que tiene una <code>id="x-axis"</code> correspondiente <code>id="x-axis"</code> . <strong>Historia de usuario n. ° 3:</strong> Puedo ver un eje y que tiene una <code>id="y-axis"</code> correspondiente <code>id="y-axis"</code> . <strong>Historia de usuario n. ° 4:</strong> Puedo ver puntos, cada uno con una clase de <code>dot</code> , que representan los datos que se trazan. <strong>Historia de usuario n. ° 5:</strong> Cada punto debe tener las propiedades <code>data-xvalue</code> y <code>data-yvalue</code> contienen sus valores x e y correspondientes. <strong>Historia de usuario n. ° 6:</strong> El valor de <code>data-xvalue</code> y el valor de <code>data-yvalue</code> de cada punto deben estar dentro del rango de los datos reales y en el formato de datos correcto. Para <code>data-xvalue</code> , los enteros (años completos) o los objetos Date son aceptables para la evaluación de la prueba. Para <code>data-yvalue</code> (minutos), use objetos Date. <strong>Historia de usuario n. ° 7:</strong> el valor <code>data-xvalue</code> y su punto correspondiente deben alinearse con el punto / valor correspondiente en el eje x. <strong>Historia de usuario n. ° 8:</strong> el <code>data-yvalue</code> y del <code>data-yvalue</code> y su punto correspondiente deben alinearse con el punto / valor correspondiente en el eje y. <strong>Historia de usuario n. ° 9:</strong> Puedo ver varias etiquetas de tic en el eje y con el formato de hora <code>%M:%S</code> <strong>Historia de usuario n. ° 10:</strong> Puedo ver varias etiquetas de tick en el eje x que muestran el año. <strong>Historia de usuario n. ° 11:</strong> Puedo ver que el rango de las etiquetas del eje x está dentro del rango de los datos reales del eje x. <strong>Historia de usuario n. ° 12:</strong> Puedo ver que el rango de las etiquetas del eje y está dentro del rango de los datos reales del eje y. <strong>Historia de usuario n. ° 13:</strong> Puedo ver una leyenda que contiene texto descriptivo que tiene <code>id="legend"</code> . <strong>Historia de usuario n. ° 14:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 15:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-year</code> que se corresponda con el valor de <code>data-xvalue</code> del área activa. Aquí está el conjunto de datos que necesitará para completar este proyecto: <code>https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/cyclist-data.json</code> Puede construir su proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -8,7 +8,7 @@ localeTitle: Visualice datos con un diagrama de treemap
|
||||
---
|
||||
|
||||
## 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/KaNGNR" target="_blank">https://codepen.io/freeCodeCamp/full/KaNGNR</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Las pruebas requieren que se generen ejes utilizando la propiedad del eje D3, que genera automáticamente tics a lo largo del eje. Estas marcas son necesarias para pasar las pruebas D3 porque sus posiciones se usan para determinar la alineación de los elementos graficados. Encontrará información sobre la generación de ejes en <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1: el</strong> mapa de mi árbol debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2: el</strong> mapa de mi árbol debe tener una descripción con una <code>id="description"</code> correspondiente <code>id="description"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi mapa de árbol debe tener elementos <code>rect</code> con una <code>class="tile"</code> correspondiente <code>class="tile"</code> que representa los datos. <strong>Historia de usuario n. ° 4:</strong> Debe haber al menos 2 colores de relleno diferentes utilizados para los azulejos. <strong>Historia de usuario n. ° 5:</strong> Cada mosaico debe tener las propiedades <code>data-name</code> <code>data-category</code> <code>data-value</code> contengan su nombre, categoría y valor correspondientes. <strong>Historia de usuario n. ° 6:</strong> El área de cada mosaico debe corresponder a la cantidad del valor de los datos: los mosaicos con un valor de datos más grande deben tener un área más grande. <strong>Historia de usuario n. ° 7:</strong> Mi mapa de árbol debe tener una leyenda con el <code>id="legend"</code> correspondiente <code>id="legend"</code> . <strong>Historia de usuario n. ° 8:</strong> Mi leyenda debe tener elementos <code>rect</code> con una <code>class="legend-item"</code> correspondiente <code>class="legend-item"</code> . <strong>Historia de usuario n. ° 9:</strong> Los elementos <code>rect</code> en la leyenda deben usar al menos 2 colores de relleno diferentes. <strong>Historia de usuario n. ° 10:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 11:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-value</code> que corresponda al <code>data-value</code> de <code>data-value</code> del área activa. Para este proyecto puedes usar cualquiera de los siguientes conjuntos de datos: <br><ul><li> <strong>Compromisos de Kickstarter:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>Ventas de películas:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> </li><li> <strong>Ventas de videojuegos:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> </li></ul> Puedes construir tu proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://forum.freecodecamp.org/t/how-to-get-help-when-you-are-stuck/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </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/KaNGNR" target="_blank">https://codepen.io/freeCodeCamp/full/KaNGNR</a> . Cumple las siguientes <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">historias de usuario</a> y haz que pasen todas las pruebas. Dale tu propio estilo personal. Puede utilizar HTML, JavaScript, CSS y la biblioteca de visualización basada en svg D3. Las pruebas requieren que se generen ejes utilizando la propiedad del eje D3, que genera automáticamente tics a lo largo del eje. Estas marcas son necesarias para pasar las pruebas D3 porque sus posiciones se usan para determinar la alineación de los elementos graficados. Encontrará información sobre la generación de ejes en <a href="https://github.com/d3/d3/blob/master/API.md#axes-d3-axis" target="_blank">https://github.com/d3/d3/blob/master/API.md#axes-d3-axis</a> . Los elementos DOM (no virtuales) requeridos se consultan en el momento de cada prueba. Si usa un marco de frontend (como Vue, por ejemplo), los resultados de la prueba pueden ser inexactos para el contenido dinámico. Esperamos acomodarlos eventualmente, pero estos marcos no están actualmente soportados para proyectos D3. <strong>Historia de usuario n. ° 1: el</strong> mapa de mi árbol debe tener un título con una <code>id="title"</code> correspondiente <code>id="title"</code> . <strong>Historia de usuario n. ° 2: el</strong> mapa de mi árbol debe tener una descripción con una <code>id="description"</code> correspondiente <code>id="description"</code> . <strong>Historia de usuario n. ° 3:</strong> Mi mapa de árbol debe tener elementos <code>rect</code> con una <code>class="tile"</code> correspondiente <code>class="tile"</code> que representa los datos. <strong>Historia de usuario n. ° 4:</strong> Debe haber al menos 2 colores de relleno diferentes utilizados para los azulejos. <strong>Historia de usuario n. ° 5:</strong> Cada mosaico debe tener las propiedades <code>data-name</code> <code>data-category</code> <code>data-value</code> contengan su nombre, categoría y valor correspondientes. <strong>Historia de usuario n. ° 6:</strong> El área de cada mosaico debe corresponder a la cantidad del valor de los datos: los mosaicos con un valor de datos más grande deben tener un área más grande. <strong>Historia de usuario n. ° 7:</strong> Mi mapa de árbol debe tener una leyenda con el <code>id="legend"</code> correspondiente <code>id="legend"</code> . <strong>Historia de usuario n. ° 8:</strong> Mi leyenda debe tener elementos <code>rect</code> con una <code>class="legend-item"</code> correspondiente <code>class="legend-item"</code> . <strong>Historia de usuario n. ° 9:</strong> Los elementos <code>rect</code> en la leyenda deben usar al menos 2 colores de relleno diferentes. <strong>Historia de usuario n. ° 10:</strong> puedo pasar el mouse sobre un área y ver una información sobre herramientas con la correspondiente <code>id="tooltip"</code> que muestra más información sobre el área. <strong>Historia de usuario n. ° 11:</strong> Mi información sobre herramientas debe tener una propiedad de <code>data-value</code> que corresponda al <code>data-value</code> de <code>data-value</code> del área activa. Para este proyecto puedes usar cualquiera de los siguientes conjuntos de datos: <br><ul><li> <strong>Compromisos de Kickstarter:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/kickstarter-funding-data.json</code> </li><li> <strong>Ventas de películas:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/movie-data.json</code> </li><li> <strong>Ventas de videojuegos:</strong> <code>https://cdn.freecodecamp.org/testable-projects-fcc/data/tree_map/video-game-sales-data.json</code> </li></ul> Puedes construir tu proyecto por medio de <a href="https://codepen.io/freeCodeCamp/pen/MJjpwO" target="_blank">este bolígrafo CodePen</a> . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de <a href="https://www.freecodecamp.org/forum/t/how-to-get-help-when-you-are-stuck-coding/19514" target="_blank">lectura-búsqueda-pregunta</a> si te atascas. </section>
|
||||
|
||||
## Instructions
|
||||
<section id="instructions">
|
||||
|
||||
@@ -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 "diferencia simétrica" 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 "diferencia simétrica" 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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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 <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 <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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -28,7 +28,7 @@ localeTitle: Construir una aplicación de luces de colores
|
||||
|
||||
7. Puedes hacer clic en el botón "Restablecer todo" 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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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&titles=Main%20Page&prop=revisions&rvprop=content&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 "He completado este desafío" 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&titles=Main%20Page&prop=revisions&rvprop=content&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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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 "He completado este desafío" 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 "He completado este desafío" 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">
|
||||
|
||||
@@ -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>["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]</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 "He completado este desafío" 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>["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]</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 "He completado este desafío" 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">
|
||||
|
||||
Reference in New Issue
Block a user