Curso de Sencha Architect para empresas — Desarrollo ExtJS

Instalación de Sencha Architect 4.3

Integración con Sencha Cmd 7.x

Configuración de licencias en Architect

Requisitos de JDK y Node.js

Configuración de proyectos Classic y Modern Toolkit

Integración con sistemas de control de versiones (Git)

Configuración de entornos de desarrollo en equipo

Gestión de dependencias en proyectos Architect

Ejemplo práctico: creación de un proyecto empresarial base

Checklist de configuración correcta

Exploración del panel principal

Panel de proyecto y estructura de carpetas

Panel de propiedades y configuración de componentes

Panel de eventos y lógica de interacción

Creación de componentes arrastrando y soltando

Configuración visual de layouts y vistas

Integración con código personalizado

Uso del inspector de componentes

Ejemplo práctico: pantalla con botones y formularios

Buenas prácticas en el uso de la interfaz

Qué son las vistas en Architect

Creación de paneles y contenedores visuales

Uso de layouts básicos: HBox, VBox, Border

Layouts anidados en aplicaciones complejas

Diseño responsivo con Modern Toolkit

Integración de toolbars y menús

Ejemplo práctico: dashboard básico con paneles

Optimización de vistas pesadas

Comparación de Classic vs Modern Toolkit

Recomendaciones para diseño empresarial

Creación de formularios con FormPanel

Campos de texto, email, numéricos y selectores

Integración de validaciones básicas y avanzadas

Mensajes de error personalizados en campos

Conexión de formularios a stores de datos

Ejemplo práctico: formulario de alta de usuarios

Envío de formularios a APIs REST

Validación multi-campo y reglas personalizadas

Buenas prácticas en formularios empresariales

Checklist de validación segura

Creación de grillas con Architect

Definición de columnas y renderizadores

Filtrado y ordenación de registros

Paginación en grillas con grandes volúmenes de datos

Integración de stores con grillas

Edición en línea en celdas de grillas

Exportación de datos a CSV y Excel

Ejemplo práctico: listado de clientes

Optimización de rendimiento en grillas grandes

Buenas prácticas en visualización de datos

Definición de modelos de datos en Architect

Creación de stores vinculados a componentes

Tipos de proxies disponibles (Ajax, REST, JSONP)

Carga de datos desde APIs REST

Sincronización de datos con backend

Ejemplo práctico: store de productos vinculado a una grilla

Manejo de errores en carga de datos

Integración con bases de datos vía servicios intermedios

Sincronización offline/online en apps empresariales

Buenas prácticas de gestión de datos

Creación de dashboards en Architect

Uso de gráficos integrados en ExtJS

Gráficos de barras, líneas, pastel y radar

Integración de gráficos con stores

Vinculación entre grillas y dashboards

Ejemplo práctico: dashboard de métricas de ventas

Optimización de dashboards con datos en tiempo real

Integración de dashboards con APIs externas

Comparación con librerías externas de visualización

Buenas prácticas de visualización empresarial

Creación de navegación con TabPanel

Implementación de menús laterales (drawer)

Uso de toolbars con acciones de navegación

Creación de vistas jerárquicas con NavigationView

Integración de breadcrumbs en aplicaciones empresariales

Ejemplo práctico: aplicación con varias secciones

Manejo de rutas internas en Architect

Optimización de navegación en proyectos grandes

Recomendaciones para UX empresarial

Checklist de navegación escalable

Introducción a Sencha Themer

Aplicación de temas en proyectos Architect

Personalización de colores y tipografías

Creación de temas corporativos

Uso de CSS y SASS en Architect

Ejemplo práctico: app con branding corporativo

Reutilización de temas en múltiples proyectos

Optimización del peso de los estilos

Diferencias entre Classic y Modern Toolkit en theming

Buenas prácticas en personalización visual

Consumo de APIs REST con Architect

Configuración de proxies en stores

Ejemplo práctico: CRUD de empleados conectado a API

Manejo de respuestas JSON y errores

Autenticación con JWT en APIs

Integración con backends en Java y Node.js

Optimización de llamadas concurrentes

Cacheo de datos en clientes Architect

Estrategias de integración con microservicios

Buenas prácticas de integración con backend

Principios de seguridad en aplicaciones ExtJS

Autenticación con JWT y OAuth2

Control de acceso basado en roles

Validaciones seguras en formularios

Prevención de ataques XSS e inyección de datos

Configuración segura en despliegues empresariales

Ejemplo práctico: login con roles en Architect

Logs y auditoría en proyectos empresariales

Cumplimiento de GDPR en aplicaciones Architect

Checklist de seguridad empresarial

Estrategias de testing en aplicaciones ExtJS

Test unitarios de componentes generados en Architect

Mocking de datos en stores

Testing de formularios y grillas

Integración con Jasmine y Karma

Pruebas de integración con servicios REST

Ejemplo práctico: test de CRUD completo

Automatización de pruebas en CI/CD

Reportes de cobertura de código

Buenas prácticas de QA en Architect

Optimización de rendimiento en proyectos Architect

Uso de lazy loading en módulos pesados

Minificación y tree-shaking con Sencha Cmd

Compresión de assets en producción

Monitoreo de rendimiento en aplicaciones ExtJS

Configuración de CI/CD con Jenkins o GitHub Actions

Despliegue en servidores empresariales (Tomcat, Nginx)

Integración con Docker y Kubernetes

Estrategias de rollback en despliegues fallidos

Buenas prácticas de DevOps con Architect

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

Creación de login y registro de usuarios

Formularios con validaciones avanzadas

Grilla de clientes con filtros y exportación

Dashboard con métricas en tiempo real

Integración con API REST en backend empresarial

Seguridad con autenticación y control de roles

Testing unitario y E2E del sistema completo

Despliegue en entorno Dockerizado

Presentación del proyecto final empresarial