Curso de Sencha Touch para Equipos de Desarrollo Móvil

Requisitos de Node.js, Sencha Cmd y Java JDK

Instalación del SDK de Sencha Touch 2.4.2

Creación de un proyecto base con Sencha Cmd

Estructura de carpetas generada

Configuración en VSCode y WebStorm

Configuración de Android Studio y Xcode para pruebas

Uso de emuladores móviles

Integración con Git y control de versiones

Scripts básicos de desarrollo y compilación

Ejemplo práctico: app base funcionando

Qué es el patrón MVC en Sencha Touch

Modelos, vistas, controladores y stores

Ciclo de vida de la aplicación Touch

Comunicación entre controladores y vistas

Declaración de modelos de datos

Creación de vistas iniciales

Uso de controladores para la lógica de negocio

Integración de stores en MVC

Ejemplo práctico: app con MVC básico

Buenas prácticas de organización de proyectos

Botones, toolbars y paneles

Campos de texto y listas simples

Uso de `Ext.Panel` y `Ext.Container`

Personalización de componentes con CSS

Gestión de eventos táctiles (tap, swipe, pinch)

Comunicación entre componentes

Componentes de navegación básicos

Ejemplo práctico: pantalla de login

Comparación con componentes nativos

Buenas prácticas en interfaces móviles

Uso de `NavigationView` para apps móviles

Estructuración de pantallas en pila

Navegación jerárquica entre vistas

Uso de `TabPanel` para secciones

Integración de menús laterales (drawer)

Navegación con botones de acción

Animaciones de transición entre pantallas

Ejemplo práctico: app con navegación por pestañas

Diferencias entre navegación nativa e híbrida

Buenas prácticas en UX móvil

Creación de formularios con `Ext.form.Panel`

Campos de texto, password, email y selección

Integración de validadores en campos

Validaciones síncronas y asíncronas

Mensajes de error personalizados

Envío de formularios a APIs REST

Ejemplo práctico: formulario de registro

Integración con almacenamiento local

Validaciones multi-campo avanzadas

Buenas prácticas en formularios móviles

Introducción a `Ext.List`

Renderizado de elementos con `itemTpl`

Integración con stores para carga dinámica

Filtrado y búsqueda en listas

Eventos en listas y selección de ítems

Uso de Infinite List para grandes volúmenes

Introducción a grillas móviles (`Ext.dataview`)

Ejemplo práctico: listado de productos

Personalización visual de listas

Usabilidad en interfaces táctiles

Definición de modelos en Sencha Touch

Introducción a stores de datos

Uso de proxies: `ajax`, `localstorage`, `rest`

Carga de datos desde APIs REST

Sincronización con almacenamiento local

Ejemplo práctico: store de empleados

Manejo de errores en carga de datos

Integración con JSON y XML

Stores en tiempo real con websockets

Buenas prácticas en gestión de datos

Creación de dashboards móviles

Uso de `Ext.chart` en Sencha Touch

Gráficos de líneas, barras, pastel

Integración con stores de datos

Vinculación de grillas con gráficos

Ejemplo práctico: dashboard de ventas

Animaciones en gráficos móviles

Optimización de dashboards

Comparación con librerías externas

Buenas prácticas de visualización móvil

Consumo de APIs con `Ext.Ajax`

Ejemplo práctico: CRUD de usuarios con REST

Manejo de respuestas JSON

Manejo de errores en peticiones HTTP

Autenticación con tokens en APIs

Integración con backend Java (Spring Boot)

Integración con Node.js/Express

Uso de promesas y callbacks

Cacheo de respuestas en cliente

Buenas prácticas en integración con backend

Uso de `localStorage` en Sencha Touch

Uso de `sessionStorage` en apps móviles

Sincronización entre almacenamiento local y remoto

Persistencia de datos en dispositivos móviles

Ejemplo práctico: notas almacenadas en local

Limitaciones del almacenamiento local

Estrategias de sincronización offline/online

Integración con SQLite vía plugins Cordova

Comparación con IndexedDB en navegadores modernos

Buenas prácticas de almacenamiento en apps híbridas

Principios básicos de seguridad móvil

Autenticación con JWT

Control de acceso basado en roles

Validación segura en formularios

Prevención de ataques XSS e inyecciones

Manejo seguro de datos en localStorage

Configuración segura en despliegues híbridos

Logs y auditoría en apps móviles

Cumplimiento de GDPR en apps empresariales

Checklist de seguridad en Sencha Touch

Estrategias de testing en apps híbridas

Test unitarios de componentes Touch

Mocking de stores y datos

Testing de formularios y validaciones

Testing de navegación y eventos táctiles

Integración con Jasmine y Karma

Pruebas de integración con APIs

Pruebas E2E con Appium

Ejemplo práctico: test de un CRUD móvil

Buenas prácticas de QA móvil

Optimización de rendimiento en Sencha Touch

Uso de lazy loading en vistas

Reducción de consumo de memoria

Optimización de grillas y listas con muchos datos

Compilación y minificación con Sencha Cmd

Estrategias de cacheo en móvil

Uso de Service Workers en híbridas modernas

Monitoreo de rendimiento en dispositivos

Ejemplo práctico: optimización de dashboard

Checklist de rendimiento móvil

Empaquetado de apps con Sencha Cmd

Integración con Apache Cordova

Configuración de Android Studio para despliegue

Configuración de Xcode para iOS

Generación de APK y IPA firmados

Publicación en Google Play Store

Publicación en Apple App Store

Estrategias de actualización de apps híbridas

Integración con CI/CD para despliegues móviles

Buenas prácticas en publicación móvil

Definición del caso: sistema de gestión de tareas

Creación de login y registro de usuarios

Implementación de formularios con validaciones

Listado de tareas con filtros y búsqueda

Dashboard con estadísticas de tareas completadas

Integración con API REST de backend

Almacenamiento offline/online sincronizado

Seguridad con JWT y roles

Testing completo de la aplicación

Publicación final en Android e iOS