Ada

Boleticode #02 – Algo pasa con los retos…

Publicado el 24/05/2020 por Ada Leave a Comment

¡Hola, codelover!

¡Una semana más de confinamiento…! ¿Cómo lo llevas? ¡Espero que muy bien! Yo por aquí, gel en mano y mascarilla en boca. Y Edu… ¡pues Edu es una máquina, no se infecta… al menos de COVID!

Sigo con las lecciones, vídeos, retos… pero estoy un poco despistada porque el primero tuvo mucho tirón, los demás cayeron en picado (pensé en dejar los retos), y de repente, en este último (Breaking Bad) ha habido un súper repunte de visualizaciones… ¡y no sé por qué! Estoy segura de que me podéis decir algo… una vez más os dejo un par de preguntillas…

¡¿Qué pasa con los retos?!

Por cierto, en breve os anunciaré un cambio que quiero hacer en la web y necesitaré betatesters… ¿os animaréis? Pronto os lo cuento… 😉

¡Pero vamos al grano! ¿Qué ha pasado esta semana?

Retos de la semana:

¡Todos los lunes proponemos un reto y todos los miércoles resolvemos el de la semana anterior!

Reto resuelto: Dustin, Suzie y la constante de Planck (Stranger Things)
Reto resuelto: Gestión de pasajeros del expreso de Hogwarts (Harry Potter)

Reto SIN RESOLVER: Walter White y los códigos de las bolsas de meta azul (Breaking Bad)

¡Ayúdanos a resolverlo antes del 27 de mayo!

Cursos en proceso:

Minicurso de Javascript ES6 Esencial. ¡1 lección cada viernes!

Curso de Javascript II: Objetos Nativos y de navegador. ¡3 lecciones a la semana!

Una vez más, muchísimas gracias por leer. ¡Nos vemos pronto!

Ada… ¡y Edu!

Reto resuelto: gestión de pasajeros del expreso de Hogwarts

Publicado el 21/05/2020 por Ada Leave a Comment

Harry Potter

Programación

Procesar un array bidimensional

Una semana más recibimos un reto desde el mismo Colegio Hogwarts de Magia y Hechicería que titulamos “Gestión de pasajeros del expreso de Hogwarts“.

Enunciado del reto:

El reto decía:

Señorita Ada:
Necesitamos controlar el número de pasajeros que llegan al final de un trayecto teniendo en cuenta cuántos suben y bajan en cada parada.
Le facilitaremos una lista del tipo: [s1,b1][s2,b2][s3,b3]… donde en cada par de elementos va el número de pasajeros que se suben (s) y el número de pasajeros que se bajan (b). Así, procesando esa lista, sabremos el número de pasajeros finales que debería llegar a fin de trayecto.
Ejemplo de entrada: [[7,0][8,2][9,5][3,1]]
Ejemplo de salida: 19 pasajeros
* Nota: En el primer par de números, el segundo siempre será 0 porque en la estación de origen no se baja nadie. No hace falta controlar ese número: se lo facilitaremos siempre de manera correcta.

Para solventarlo se nos ocurrió hacerlo de dos maneras:

Una clásica, que desde el punto de vista de la algoritmia es aplicable a la mayoría del resto de lenguajes de programación de alto nivel (Java, C, C++…).
Otra propia de Javascript que utiliza una interesante función llamada reduce.

Pero recordad, ¡no hay una única solución al problema; hay soluciones mejores y soluciones peores!

¿Qué aprenderás en el vídeo?

Así que en este vídeo os explico:

Cómo procesar un array bidimensional utilizando un bucle for.
Cómo funciona la función reduce de Javascript para convertir un array en un único valor.
Cómo trabajar con la función reduce y una función arrow pasándole el array de dos modos diferentes.

Vídeos y código fuente

¡Al lío! ¡Echa un ojo al vídeo!

Código fuente de la solución

[restrict] [/restrict] [not_logged_in]¡Ups! Este contenido es solo para codelovers, ¿no te has registrado aún? ¡Hazlo ahora! ¡Regístrate o accede!
[/not_logged_in]

¿Tú cómo lo habrías hecho? ¡Deja tus ideas en los comentarios!

Y si quieres compartir código, te recomiendo que utilices alguna herramienta online de testing de código como Codepen, JSFiddle, PlayCode, etc. o repositorios como GitHub, GitLab, BitBucket…

Reto: Walter White y los códigos de las bolsas de meta azul

Publicado el 18/05/2020 por Ada 2 Comments

Breaking Bad

Programación

Procesar una cadena de números en dos arrays

Acceder al reto en formato vídeo

Walter White y Jesse Pinkman se han dado cuenta de que la última remesa de bolsas de meta azul que han fabricado no es tan pura como las anteriores. ¡Pero no quieren desperdiciarla!

Así que han decidido hacer lo siguiente para que nadie más se dé cuenta: en cada lote de bolsas van a meter una de mala calidad. Y para diferenciarla de las demás van a etiquetarla con un número “diferente”. Ese número será un número par si el resto de bolsas están identificadas por números impares; o será un número impar si el resto se identifican por números pares.

Y, cómo no, esta misma mañana recibí, a través de Edu, una notificación desde Alburquerque (qué calor).

Señorita Ada:
A partir de una lista de códigos de bolsas de meta azul queremos identificar cuál es “diferente” a las demás: si las demás son pares, cuál es la impar; y viceversa.
Dispondrá de una CADENA de códigos y deberá mostrarnos cuál de ellos no se corresponde con el resto.
Ejemplo de entrada: “1234 2345 3456 1358 2360 2246 8088”
Ejemplo de salida: 2345
Nota: solo habrá una bolsa “diferente”, por lo que validar esa información no es necesario.

Y Edu, para no variar, me puso en situación:

¿Si no es un array, cómo vas a procesar los valores? Necesitarás una lista para pares y otra para impares, ¿no? ¿Vas a hacerlo con un for o utilizarás algún tipo de filtro? ¿Si le pedimos una muestra nos mandarán la buena o la mala?

Sin duda la primera pregunta la tenía clara, y la segunda… también; pero la tercera me dio que pensar y creo que lo resolveré de dos maneras diferentes.

¿Tú cómo lo harías? ¡Deja tus ideas en los comentarios!

Y si quieres compartir código, te recomiendo que utilices alguna herramienta online de testing de código como Codepen, JSFiddle, PlayCode, etc. o repositorios como GitHub, GitLab, BitBucket…

Reto resuelto: Dustin, Suzie y la constante de Planck

Publicado el 13/05/2020 por Ada 2 Comments

Stranger Things

Programación

Validar una contraseña con Javascript

La semana pasada recibíamos el reto para ponérselo difícil a los personajes de Stranger Things, cuyo título era “Dustin, Suzie y la constante de Planck“.

Enunciado del reto

El reto decía así:

Señorita Ada:
Necesitamos que cree un formulario que compruebe si se ha introducido correctamente la constante de Planck.
* Que, por cierto, es 6.62607015, aunque Suzie menciona una versión anterior 6,62607004.

En esta ocasión, y basándonos en el reto de la semana anterior (Berlín, Tokio y Moscú también son capitales), he diseñado dos soluciones:

Una sencilla, que comprueba simplemente que la contraseña cumple con alguno de los dos valores de la constante de Planck.
Una un poco más compleja y que se lo pone chupao a los que tienen que introducirla: además de comprobar los valores validamos el formulario HTML.

Pero recordad, ¡no hay una única solución al problema; hay soluciones mejores y soluciones peores!

¿Qué aprenderás en los vídeos?

Así que en estos dos vídeos os explico:

Cómo asignar un evento a un objeto (en este caso, al botón enviar) para que se ejecute una función cuando hacemos click sobre él.
Cómo llamar a a función con nombre y a una función anónima asociadas a un evento.
Cómo evitar el envío de un formulario.
Cómo comprobar que un valor se corresponde con uno de entre cuatro.
Cómo crear un patrón para un decimal como la constante de Planck.
Cómo realizar una validación de campo no vacío y patrón.
Cómo utilizar el selector :valid e :invalid de CSS para asignar un estilo a un campo que cumple con las restricciones… o no.
Cómo usar validity y no morir en el intento.
Cómo modularizar el código con tres funciones.

Vídeos y código fuente

¡Basta de rollos! ¡Echa un ojo a los vídeos!

Código fuente de la solución (1/2)

[restrict] [/restrict] [not_logged_in]¡Ups! Este contenido es solo para codelovers, ¿no te has registrado aún? ¡Hazlo ahora! ¡Regístrate o accede!
[/not_logged_in]

Código fuente de la solución (2/2)

[restrict] [/restrict] [not_logged_in]¡Ups! Este contenido es solo para codelovers, ¿no te has registrado aún? ¡Hazlo ahora! ¡Regístrate o accede!
[/not_logged_in]

¿Tú cómo lo habrías hecho? ¡Deja tus ideas en los comentarios!

Y si quieres compartir código, te recomiendo que utilices alguna herramienta online de testing de código como Codepen, JSFiddle, PlayCode, etc. o repositorios como GitHub, GitLab, BitBucket…