Soluciones para móviles: Sencha Touch y PhoneGap

No es desconocido que cada día que pasa, las empresas y las personas se están volcando cada vez más al uso y desarrollo de apps para móviles. Android y iOS tienen un gran auge, y actualmente existen cientos de miles de aplicaciones para ambas plataformas.

Existen en el mercado varios frameworks para construir éste tipo de programas usando HTML5 y JS, ahorrándonos la tarea de tener que aprender otro lenguaje y plataforma diferentes a los que estamos acostumbrados en Client Side.

Sencha Touch

Éste framework para aplicaciones web, se puede conseguir en

http://www.sencha.com/products/touch/

Sencha se construyó teniendo presentes los últimos standards web. Usando HTML5, CSS3 y JavaScript se pueden construir aplicaciones de todo tipo. La librería sólo tiene 120kb comprimida y minificada, y se pueden deshabilitar features que no se van a utilizar, para hacerla aún más pequeña. Tiene soporte para los nuevos eventos que ofrecen los dispositivos modernos como smartphones y tablets; entre ellos touchstart, touchend, tap, double tap, swipe, tap & hold, pinch y rotate. Actualmente es compatible con iOS 3+, Android 2.1+ y BB 6+.

PhoneGap

http://www.phonegap.com/

PhoneGap es un framework que permite escribir una sóla vez la aplicación y distribuirlo en cualquiera de 6 plataformas móviles: iOS, Android, BB, WebOS, WP7, Symbian y Bada. Las aplicaciones se construyen con HTML y Javascript, y PhoneGap se encarga del deploy y el acceso a APIs en cualquier plataforma. Se pueden usar funciones nativas del device como la cámara o la lista de contactos. Adicional a todo ésto, se tiene a disposición toda una comunidad de developers que han hecho plugins y herramientas para todo tipo de usos.

Para finalizar debemos mencionar que ambos, Sencha y PhoneGap, se complementan de una manera eficiente y natural y en cualquier proyecto móvil que estemos desarrollando, no pueden faltar ambos.

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.