Framework para desarrollo web

Nuevas funcionalidades de Google Web Starter Kit

En un artículo anterior, revisamos algunas de las funcionalidades de Google Web Starter Kit. Sin embargo, y al igual que muchas innovaciones digitales, este kit es actualizado constantemente para hacer el desarrollo de proyectos más sencillo y de mejor calidad.

Para empezar, la versión 0.6.4 soporta los siguientes navegadores:

• Chrome
• Edge
• Firefox
• Safari
• Opera
• Internet Explorer 9+

No obstante, es necesario aclarar que esto se refiere al soporte básico de la plataforma y sus componentes, ya que las acciones que haga cada programador son de exclusiva responsabilidad del desarrollador.

Nuevas tecnologías integradas en Google Web Starter Kit

Desde nuestra última revisión, Google ha añadido nuevas tecnologías que nos permiten tener más control y flexibilidad al desarrollar.

Entre las más interesantes destacamos:

• Sass: Se reemplazó la librería de sass de ruby por libsass hecha en C, lo que elimina la dependencia de ruby para poder usarlo.
• Optimización basada en performance: Además de minificar, también se agregaron herramientas de concatenación de estilos y scripts que nos ayudan a mejorar la performance front-end de nuestros proyectos.
• Linting: A través de ESLint se permite mejorar el estilo de programación en JS y JSX, además de ofrecernos más facilidades para debuggear.
• Soporte para ES2015 vía Babel: Permite usar ES2015 sin necesidad de preocuparnos de transpilarlo por nuestra cuenta.
• Soporte y ejemplo de Service Worker: Es más sencillo utilizar la tecnología de los Service Workers y así desarrollar funcionalidades fuera del espectro del navegador, como notificaciones push nativas y un control granular del cache del navegador.
• PageSpeed Insights: Viene con una tarea específica para evaluar nuestro proyecto usando Google PageSpeed Insights directamente en la plataforma.

En cuanto al proceso de instalación, este no ha cambiado en absoluto. Sólo basta con descargar la última versión disponible y descomprimirla en una carpeta.

Luego de esto se ingresan los siguientes comandos:

cd ruta/carpeta-gwsk
npm install
gulp serve

Comprender el mundo digital y manejar las actualizaciones para su desarrollo no sólo optimiza los tiempos de ejecución, también fomenta la innovación en equipos de trabajo y permite formar a profesionales especializados.