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:
- Versión final: http://jsbin.com/erekaj/7
- Versión inicial: http://jsbin.com/erekaj/
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.
Comentarios recientes