03. Creando un webapp funcional en 10 minutos

Seguimos en nuestro curso de creación de web apps con Google Apps Script.

En esta lección 03 vamos a crear una web app funcional en apenas 10 minutos. La idea es que puedas ver cómo, con un prompt bien diseñado y un poco de ayuda de un modelo LLM como Gemini, podemos generar el código base para una aplicación sencilla que muestre fichas mnemotécnicas para aprender inglés.

En el video veremos paso a paso cómo se construye el prompt para pedirle al modelo que genere el proyecto con solo dos archivos: un archivo .gs para el backend y un index.html para el frontend, incluyendo HTML, CSS y JavaScript. Además, veremos cómo usar datos desde una hoja llamada «palabras» con vocabulario en español e inglés, y cómo ajustar la interfaz para que sea funcional y visualmente aceptable.

Si aún no eres miembro, suscríbete a JuanSGuzman para acceder a este video, descargar los materiales y recibir soporte personalizado.

Como viste en el video, en solo unos minutos obtuvimos una versión funcional de la web app con Google Apps Script. El modelo generó el código para el backend y el frontend, con funciones doGet y getWords que leen las palabras desde la hoja de cálculo. Aunque la app está lista para usar, quedan detalles por pulir, como la cantidad exacta de palabras a mostrar, el orden de las tarjetas y algunos pequeños ajustes en la interfaz para evitar parpadeos.

También mencionamos que la autorización para ejecutar la app es más sencilla en cuentas Workspace que en cuentas gratuitas, un dato útil para quienes trabajan en entornos corporativos.

En la próxima lección revisaremos el código generado en detalle, explicando cada parte para que puedas entender cómo funciona y cómo modificarlo según tus necesidades.

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 avanzando en la creación de web apps con Google Apps Script.