14. Separando el JavaScript y el CSS

Seguimos en nuestro curso de creación de Web Apps con Google Apps Script, avanzando en la cuarta etapa para mejorar la organización del código y facilitar futuras personalizaciones.

En esta lección aprenderemos a separar el JavaScript y el CSS en archivos HTML independientes dentro del entorno de Google Apps Script, ya que no permite archivos .js o .css puros. Esto nos ayuda a mantener el proyecto más modular, ligero y fácil de mantener.

Veremos cómo crear los archivos style.html y script.html con las etiquetas

Como pudimos ver, separar el código en archivos específicos mejora la claridad y mantenibilidad del proyecto, evitando tener un solo archivo HTML muy largo y difícil de modificar. Además, con la función include podemos insertar fácilmente los estilos y scripts en el HTML principal.

Esta organización es fundamental para proyectos que crecerán en complejidad, como cuando integremos modelos de lenguaje (LLMs) u otras funcionalidades más avanzadas. Hasta ahora tenemos cuatro archivos: index.html, style.html, script.html y Code.gs, manteniendo la misma funcionalidad pero con mejor estructura.

En la siguiente etapa nos enfocaremos en mejorar la lógica principal de la aplicación para aprovechar esta nueva organización y potenciar su funcionalidad.

Nos vemos en la próxima lección para seguir avanzando en este proyecto.