jueves, 2 de junio de 2011

Herramientas para hacer web apps como un ninja!

Basado en la presentación de Addy Osmani http://addyosmani.com/toolsforjqueryapparchitecture/

jQuery

jQuery es un framework de JavaScript que permite navegar y manipular el DOM de una manera muy sencilla. Tiene además efectos de animación, manejo de eventos y Ajax. No es perfecto, pero es la mejor librería JS de propósito general que existe.

 jQuery UI

Es una extensión de jQuery con una gama inmensa de efectos y widgets que podemos usar en nuestra aplicación. Incluso tiene un selector de temas, donde también se puede personalizar un tema de acuerdo a nuestras necesidades.

JavaScriptMVC

Es un framework muy útil para proyectos grandes, que implementa el patrón MVC, permitiendo una codificación ordenada, promoviendo mejores prácticas, facilitando el mantenimiento y la reutilización de código.

History.js

History.js es un plugin de jQuery para manipular el History ( el State ) del browser. De ésta forma se pueden hacer varias cosas útiles como deshabilitar el botón Back del browser.

Store.js

Store.js permite guardar datos localmente, completamente cross browser, tan sencillo como:

store.set('username', 'marcus');
//...//
username = store.get('username');

Modernizr + yepnope

Las librerías Modernizr y yepnope permiten detectar funciones o características del browser, de ésta manera tenemos control sobre que podemos hacer y que no. De hecho ayer 1ro de junio salió Modernizr 2 que utiliza yepnope para algunas funciones.

Smush.it

Es una herramienta para optimización de imágenes, muy necesario a la hora de poner todas las imágenes en producción. Les reduce el peso un poco, quitándole información irrelevante a los archivos.

YUI Compressor

Es un compresor de archivos de código en JavaScript y CSS. Quitándole espacios y otras cosas innecesarias al archivo, éste se hace más liviando y en web cada byte cuenta. Se utiliza a la hora de poner la aplicación en producción puesto que el archivo se vuelve ilegible, por eso siempre hay que guardar una versión de desarrollo sin comprimir.

No hay comentarios: