Desarrollo colaborativo de Javascript

Leyendo el blog de JQuery en español (http://meetups.jquery.com/group/spanish), me entero de una muy buena herramienta para el desarrollo colaborativo de Javascript, JS Bin (http://jsbin.com/).

Que tiene de bueno?, basicamente, al ingresar se presenta un entorno de desarrollo en 2 paneles, 3 si se desea, donde en el primero escribimos nuestros scripts JS, en el segundo una plantilla básica HTML que podemos modificar, y la tercera (opcional) un preview del HTML.

A media que codificamos, podemos ir renderizando y viendo los resultados, y cuando estamos conformes, podemos guardar y no nos pide registro!, nos da una URL para continuar el proyecto o compartir con otro desarrollador.

Todo bien, pero que pasa con los cambios que hagamos o los que otros hacen?, bueno, ese es otro punto a favor, a medida que vamos guardando, nos va creando distintas versiones a partir de nustra URL original, de forma que siempre podemos acceder a versiones anteriores de nuestro proyecto. +10!

Además, posee atajos de teclado que nos pueden ser útiles, como la siguiente lista (se puede acceder al listado mediante CTRL+SHIFT+?):

CTRL + →     Foco en el panel HTML
CTRL + ←     Foco en el panel Javascript
CTRL + 1     Vista de código
CTRL + 2     Vista de ejecución
CTRL + /     Comenta la linea en la que se encuentra el cursor
CTRL + ALT + .     Cierra el tag HTML actual
CTRL + s     Guarda nuestro proyecto
CTRL + SHIFT + s     Clona nuestro proyecto
TAB     Indenta la línea seleccionada
SHIFT + TAB     Quita la identación de la línea seleccionada

Otra característica interesante, es que si poseemos una consola web (web console) como con FireBug, podemos enviar información adicional para el debugging a nuestra consola con:

console.log("holaaa...");

La verdad pinta muy bueno, lo seguiré de cerca y vemos como sigue el proyecto.

Para información adicional, screecast y tutoriales: http://jsbin.tumblr.com/

Un ejemplo algo triste pero que sirve para ver sus funcionalidades:

Si mueves el mouse, veras en la esquina superior derecha, un texto con un link que dice “Edit in jsbin.com” con el cual se puede continuar modificando este ejemplo. :-)

Deje un comentario