Koala, compilador de nuevos lenguajes de la web moderna

Si alguna vez has tonteado con el desarrollo web más moderno, verás que todo el mundo desarrolla sorbiendo despacito su Frapuccino™ en su Starbucks™más cercano mirando su MacBook™ Air™ a través de sus gafas de pasta™. Coffeescript, LESS o Sass son lenguajes que si no eres profesional no vas a lanzarte a probar en Ubuntu porque requieren tirar de terminal, scripts y muchas cosas que hacer que distan de ser tan intuitivas como pulsar un botón. El problema es que para poder usar todos estos lenguajes que prometen hacer más fácil y rápido el desarrollo web hay que ser un espécimen de los descritos más arriba, y en este barrio usamos Linux.

Habiendo perdido la esperanza de encontrar un compilador para estos lenguajes, me he encontrado por casualidad con este bicho tan majo, Koala.

Koala, compilador LESS, Sass y Coffeescript.Creo que no hace falta ni explicar cómo va el asunto, así que si no necesitas saber más, corre al final del artículo y descarga la aplicación. Si no, toca una pequeña explicación.

¿Nuevos lenguajes? ¿LESS, Sass y Coffeescript?

Sí, y están muy de moda. En realidad no son un nuevo paradigma en la programación web porque todos estos lenguajes compilan en nuestros célebres CSS y Javascript, pero añaden características que hacen que desarrollar en estos lenguajes sea más sencillo. Por ejemplo, LESS y Sass añaden variables, operaciones matemáticas, “mixins”, herencias y otras herramientas que permiten un desarrollo más eficiente en CSS; Coffeescript hace que Javascript sea un poco más como Python, usando saltos de línea en lugar de puntos y coma y simplificando la sintaxis de muchos operadores. Si te ha picado la curiosidad, en las páginas oficiales tienes una documentación maravillosa sobre la que no hablaré mucho ya que este artículo va sobre Koala. Aquí tienes la documentación de LESS, la de Sass y la de Coffescript.

Usando Koala

Una vez instalada y ejecutada la aplicación, no hay más que arrastrar la carpeta con los archivos a compilar dentro, o pulsar el icono “+” para elegir dicha carpeta. Cuando lo hagas, en la barra lateral izquierda se añadirá la carpeta elegida y en el cuadro principal de la aplicación se listarán todos los archivos que puede compilar.

Screenshot from 2013-09-28 17:36:08En la imagen se ve cómo aparecen todos los archivos compilables en la carpeta elegida y en todas sus subcarpetas. También aparecen archivos .css y .js, por ejemplo, y eso es porque también se puede usar esta aplicación para minificarlos y ofuscarlos, haciendo que ocupen menos espacio y puedan descargarse más rápidamente desde el servidor.

Debajo de la lista de ficheros están los filtros que nos permitirán enfocarnos únicamente en el tipo de ficheros que necesitemos compilar. Ahora hay varias opciones. Selecciona un archivo y aparecerá un menú lateral con más opciones. Puedes pulsar ahí mismo el botón de compilar, que generará el archivo compilado en la carpeta que se indica bajo el nombre de cada archivo, que puedes editar pulsando el icono anterior a la ruta. También puedes activar la compilación automática de manera que Koala compile los archivos automáticamente cuando detecte cambios. Puedes acceder a estas mismas opciones seleccionando varios archivos arrastrando con el ratón y puslando con el botón derecho del ratón para abrir el menú contextual.

Y ahora, a instalarlo

Koala tiene algunas opciones avanzadas más a las que puedes acceder pulsando el botón del engranaje, pero tal y como viene de serie ya es bastante funcional. Si te decides a hacer la prueba, descarga Koala:

Descarga Koala

¿Te ha convencido? ¿Conoces mejores alternativas? ¿Crees que un verdadero programador está en la obligación de rehuir de las interfaces gráficas? Cuéntanoslo en los comentarios.

Publicado el 30 septiembre , 2013 en Miscelánea. Añade a favoritos el enlace permanente. 5 comentarios.

  1. Genial, tiene buena pinta, la probare.
    He estado utilizando FireApp que esta excelente, también open source.
    http://fireapp.handlino.com/

  2. Como puedo combinar ficheros css usando Koala, se que es una posibilidad que brinda pero aun no se como se realiza

  1. Pingback: Koala, compilador de nuevos lenguajes de la web moderna | Ayuda Linux

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: