Sencha Touch 2.x - Desarrollo de Apps Móviles

Contenidos explorados en detalle

Este curso de Sencha Touch 2.x cubre desde los fundamentos hasta técnicas avanzadas para el desarrollo de aplicaciones móviles multiplataforma. Los participantes aprenderán a instalar y configurar el framework, diseñar interfaces responsivas con componentes predefinidos, implementar transiciones fluidas entre vistas, y gestionar datos locales mediante almacenamiento HTML5. Se profundiza en el uso de layouts adaptables, componentes basados en datos como listas y formularios dinámicos, y técnicas de optimización para dispositivos móviles. El contenido incluye patrones de arquitectura MVC específicos para Sencha Touch, integración con APIs RESTful, y métodos para empaquetar aplicaciones como híbridas usando Apache Cordova.

• Dominar la estructura MVC de Sencha Touch para proyectos escalables
• Implementar soluciones de almacenamiento offline con WebSQL e IndexedDB

Público objetivo de este PDF

Dirigido a desarrolladores web con conocimientos intermedios en JavaScript que buscan especializarse en aplicaciones móviles empresariales. Ideal para equipos técnicos en empresas que requieren soluciones multiplataforma con rendimiento nativo, así como freelancers que desean ofrecer desarrollo móvil híbrido. También resulta valioso para arquitectos de software que evalúan frameworks para migrar aplicaciones legacy a móvil. Se asume familiaridad con conceptos como promesas, closures y programación orientada a objetos en JavaScript.

Ejemplos prácticos y aplicaciones reales

Un caso práctico muestra la creación de un catálogo de productos con filtrado en tiempo real usando stores y listas vinculadas. Otro ejemplo detalla la implementación de un sistema de autenticación con token JWT y sincronización offline para una app de field service. Se incluye también un dashboard médico con gráficos interactivos (usando la integración con D3.js) que visualiza datos de wearables, demostrando el manejo de grandes conjuntos de datos en dispositivos móviles.

Sectores de aplicación profesional

• Logística : Apps para gestión de flotas con seguimiento GPS en tiempo real y sincronización offline (ej: sistema de registro de entregas para repartidores).
• Retail : Soluciones para equipos comerciales con catálogos actualizables OTA y captura de pedidos con firma digital (ej: herramienta para representantes farmacéuticos).
• Salud : Historias clínicas móviles con cifrado de datos y soporte para imágenes DICOM (ej: app para rondas hospitalarias con firma biométrica).

Novedad 2025 : Integración creciente con wearables para IoT empresarial, permitiendo apps que combinan datos de sensores industriales con interfaces Sencha Touch.

Guía de términos importantes

• DataView : Componente para visualizar colecciones de datos personalizables mediante templates XTemplate.
• Ext.data.Store : Capa de gestión de datos que abstrae fuentes (AJAX, LocalStorage) y permite filtrado/sorting.
• Theme Neptune : Sistema de temas responsive incluido en Sencha Touch con soporte para iOS/Material Design.
• Sencha Cmd : Herramienta CLI para scaffolding, building y deployment de aplicaciones.
• Pickers : Selectores móviles nativos para fechas/horas optimizados para touch.

Respuestas a preguntas frecuentes

¿Sencha Touch sigue siendo relevante en 2025?
Sí, especialmente en entornos empresariales que requieren aplicaciones complejas con soporte legacy. Su integración con Ext JS permite migraciones progresivas, y la versión 2.4 sigue recibiendo parches de seguridad para proyectos mantenidos.

¿Cómo comparar Sencha Touch con React Native?
Sencha Touch ofrece mayor productividad para CRUDs empresariales con sus componentes preconstruidos, mientras React Native brinda acceso más directo a APIs nativas. La decisión depende de si prioriza velocidad de desarrollo (Sencha) o rendimiento extremo (RN).

Ejercicios aplicados y estudios de caso

Proyecto 1: Desarrollar un sistema de inventario para almacenes con: 1) Configuración inicial con Sencha Cmd 2) Vista maestra-detalle de productos usando NestedList 3) Formulario con validación para actualizar existencias 4) Sincronización con backend PHP via REST 5) Empaquetado como app nativa con Cordova Caso de estudio: Rediseño de app bancaria móvil que redujo tiempo de desarrollo en 40% al reutilizar componentes Sencha entre versión iOS y Android, implementando: - Autenticación biométrica - Listado de transacciones con carga paginada - Widgets personalizados para gráficos de gastos