Este documento presenta el framework Sencha Touch para el desarrollo de aplicaciones web móviles. Explica que Sencha Touch es un framework JavaScript para dispositivos táctiles que hereda características de Ext JS. También discute los pros y contras de Sencha Touch, incluyendo su diversidad de componentes y API amigable frente a ser pionero con bugs y tener un marco pesado. Finalmente, cubre temas como SASS, PhoneGap, MVC y crear una aplicación de ejemplo en Sencha Touch.

1. Desarrollo de aplicaciones web móvil

2. Rubén García Tamayo
Ingeniero superior de telecomunicaciones por la UPC
Consultor de Portales en
9 meses en proyectos Sencha Touch

3.  ¿Qué es ExtJS?
 Sencha Touch
 Pros y Contras
 PhoneGap to Market
 Temas de Sencha Touch
 Las manos en la masa
◦ MVC
◦ Mi primera aplicación
 Extender Sencha Touch
 What’s next?
 Preguntas

4.  Sencha es una empresa que desarrolla
frameworks, principalemente JavaScript
 Productos de Sencha:
◦ Ext JS
◦ Ext GWT
◦ Sencha Touch

5.  Sencha Touch es un framework de
aplicaciones web para dispositivos táctiles y
móviles

6.  Herencia de Ext JS
 Diversidad de componentes
 API amigable
 Comunidad de desarrolladores
 Empresa detrás del framework
 Variedad de movimientos detectados

7.  Pioneros en el mercado (bugs)
 Framework bastante pesado
 Sobrecarga en Apps complejas
 No es lenguaje de marcado

8.  Herencia de Ext JS  Pioneros en el mercado
 Diversidad de (bugs)
componentes  Framework bastante
 API amigable pesado
 Comunidad de  Sobrecarga en Apps
desarrolladores avanzadas
 Empresa detrás del  No es lenguaje de
framework marcado
 Variedad de movimientos
detectados
PROS (6) CONTRAS (4)

10.  SASS es una extensión de CSS
 Se compila mediante Ruby
 Permite de forma fácil y rápida
modificar ciertas características
como color, bordes y degradados
 Integrado en el tema principal de
Sencha Touch
 Mayor personalización OOTB

11.  Sencha Touch Theme Contest

12.  MVC App
Routes
Model Controller View
Model Actions Panels
Stores Renders Forms
…

13.  ¿Hacemos una Sencha App?
CSS
HTML
JS
JS

14.  Ejecución de JavaScript es secuencial
 Framework Sencha Touch bien estructurado
 Crear nuevos componentes, modificar o
ampliar los existentes

16.  Sencha Touch 2.0.0 Preview Release 3
 Mejoras:
◦ Tiempo de inicio
◦ Tiempo transiciones
◦ Android Performance
◦ Paquetación nativa (sin phonegap)
◦ Mejor documentación

18. Rubén García Tamayo
ruben.garcia.tamayo@gmail.com
Consultor Everis Portales