05. Pantalla de Inicio

Seguimos en nuestro curso para crear una web app educativa, y en esta lección vamos a mejorar la pantalla de inicio para que el usuario pueda elegir cuántas palabras quiere practicar. Esto hace que la aplicación sea más flexible y útil para distintos tipos de aprendizaje.

En el video veremos cómo implementar esta funcionalidad paso a paso: desde crear la pantalla de inicio con opciones predefinidas para seleccionar el número de palabras, hasta hacer los ajustes en el código para que la app muestre la cantidad correcta y permita reiniciar la sesión. También te mostraré cómo organizar mejor los archivos y usar las versiones de prueba en Apps Script para evitar errores en la versión final.

Para quienes aún no son miembros, les recuerdo que pueden suscribirse para acceder a este video, los materiales descargables y soporte personalizado.

Como viste en el video, la clave está en crear una pantalla inicial que oculte el juego hasta que el usuario elija cuántas palabras quiere practicar. Modificamos la función getWords para que reciba ese parámetro y ajustamos la interfaz para mostrar solo las palabras seleccionadas. Además, agregamos un botón para reiniciar la sesión sin recargar la página. Todo esto ayuda a que la app sea más amigable y adaptable a diferentes necesidades.

También aproveché para recomendarte organizar tus archivos en Drive dentro de una carpeta específica y usar favoritos en Apps Script para trabajar con versiones de desarrollo antes de publicar cambios en producción. Esto facilita mucho la prueba y corrección de errores.

En la siguiente lección vamos a seguir mejorando la experiencia de usuario, enfocándonos en el diseño y la corrección visual para que la app no solo funcione bien, sino que también se vea profesional y atractiva.

Para quienes ya son miembros, los invito a seguir con el curso, practicar lo aprendido y preparar sus dudas o sugerencias para la próxima sesión. Recuerden que pueden contactarme para cualquier consulta o para proponer nuevos temas que quieran aprender.