06. Pantalla de Fin
Seguimos en nuestro curso con la lección 06: Pantalla de Fin.
En esta sesión vamos a añadir y configurar la pantalla de fin para nuestra aplicación. Esta pantalla mostrará un mensaje que indica cuántas fichas se completaron, felicitará al usuario por los niveles superados y tendrá un botón para reiniciar el juego. Además, veremos cómo organizar las clases CSS en español para facilitar la lectura y el mantenimiento del código.
En el video, te mostraré cómo reemplazar el contenido del archivo index.html con la nueva versión que incluye la pantalla de fin. Veremos cómo probar el flujo completo: al finalizar la última palabra, la tarjeta se oculta y aparece la pantalla de fin con un mensaje personalizado y la opción de volver a empezar. También explicaré cómo hacer una nueva implementación en la plataforma, documentando los cambios para mantener un historial claro y poder revertir versiones si es necesario.
Además, te contaré sobre una mejora pendiente para la próxima sesión: la posibilidad de marcar si una respuesta fue correcta o incorrecta para ofrecer retroalimentación más detallada, lo que implicará un pequeño ajuste en el Google Sheet asociado.
Como viste en el video, añadir una pantalla de fin mejora la experiencia del usuario al cerrar el ciclo del juego con un mensaje motivador y una opción clara para reiniciar. Además, mantener las clases CSS en español facilita el mantenimiento del proyecto, especialmente cuando trabajamos en equipo o revisamos el código tiempo después.
La implementación y el control de versiones en la plataforma nos permiten manejar con tranquilidad los cambios, asegurando que podamos volver a versiones anteriores si algo no funciona como esperamos.
Para la siguiente lección, avanzaremos en agregar una funcionalidad para marcar respuestas correctas e incorrectas, lo que nos permitirá ofrecer una retroalimentación más precisa y ayudar a mejorar el aprendizaje.
Si quieres ver el video, descargar los materiales, obtener soporte y mucho más, suscríbete a JuanSGuzman aquí.
Nos vemos en la próxima lección para seguir mejorando esta aplicación juntos.