Sencha Touch GTUG Barcelona

Sencha Touch Web App FrameworkDesarrollo de aplicaciones web móvil

Rubén García TamayoIngeniero superior de telecomunicaciones por la UPC

Consultor de Portales en 9 meses en proyectos Sencha Touch

¿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

Índice

Sencha es una empresa que desarrolla frameworks, principalemente JavaScript

Productos de Sencha:◦ Ext JS◦ Ext GWT◦ Sencha Touch

¿Que es ExtJS?

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

Sencha Touch

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

Pros

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

Contras

Pros y Contras

PROS (6) CONTRAS (4)

Herencia de Ext JS Diversidad de

componentes API amigable Comunidad de

desarrolladores Empresa detrás del

framework Variedad de

movimientos detectados

Pioneros en el mercado (bugs)

Framework bastante pesado

Sobrecarga en Apps avanzadas

No es lenguaje de marcado

PhoneGap to Markets

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

Tema Sencha Touch

Sencha Touch Theme Contest 

Temas Sencha Touch

MVC

Las manos en la masa

App

Model

Model

Stores

Controller

Actions

Renders

View

Panels

Forms

…

Routes

¿Hacemos una Sencha App?

Las manos en la masa

HTML

CSS

JS

JS

Ejecución de JavaScript es secuencial Framework Sencha Touch bien estructurado

Crear nuevos componentes, modificar o ampliar los existentes

Extender Sencha Touch

Integración con otrosFramework

Sencha Touch 2.0.0 Preview Release 3 Mejoras:

◦ Tiempo de inicio◦ Tiempo transiciones◦ Android Performance◦ Paquetación nativa (sin phonegap)◦ Mejor documentación

What’s next?

¿Preguntas?

GraciasRubén García Tamayoruben.garcia.tamayo@gmail.com

Consultor Everis Portales