Curso de Sencha Rapid ExtJS para Empresas — Desarrollo ágil y low-code

Instalación de Node.js y Sencha Cmd 7.x

Instalación de Sencha Rapid ExtJS

Configuración inicial del entorno de trabajo

Integración con Visual Studio Code

Configuración de proyectos Classic y Modern Toolkit

Integración con Git y control de versiones

Configuración de entornos colaborativos

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

Revisión de dependencias y licencias

Checklist de entorno correcto

Exploración del entorno de Rapid ExtJS

Creación de vistas con arrastrar y soltar

Panel de propiedades de componentes

Configuración de eventos en la interfaz

Vista previa en tiempo real de la aplicación

Explorador de componentes y jerarquía

Integración de código personalizado en vistas

Ejemplo práctico: formulario visual de login

Reutilización de elementos en múltiples pantallas

Buenas prácticas en el uso de la interfaz

Definición de vistas en Rapid ExtJS

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

Layouts anidados para proyectos complejos

Creación de paneles dinámicos

Diseño responsivo con Modern Toolkit

Ejemplo práctico: dashboard con paneles

Comparación de diseño manual vs diseño visual

Optimización de vistas en proyectos grandes

Reutilización de layouts en múltiples módulos

Buenas prácticas de diseño empresarial

Creación de formularios con FormPanel en Rapid ExtJS

Campos básicos: texto, email, numérico, selección

Configuración visual de validaciones

Mensajes de error en tiempo real

Ejemplo práctico: formulario de registro de usuario

Integración de formularios con stores de datos

Validación avanzada multi-campo

Envío de datos a servicios REST

Comparación con validaciones manuales en ExtJS

Buenas prácticas en formularios empresariales

Creación de grillas con configuración visual

Definición de columnas y renderizadores

Filtrado y ordenación sin código

Paginación en grillas con datos grandes

Edición en línea en celdas

Exportación de datos a Excel y CSV

Ejemplo práctico: grilla de productos

Optimización de rendimiento en grillas masivas

Reutilización de configuraciones de grillas

Buenas prácticas de usabilidad en tablas

Creación visual de stores en Rapid ExtJS

Tipos de proxies: Ajax, REST, Local

Conexión de stores a componentes visuales

Integración con APIs REST sin escribir código

Ejemplo práctico: listado de empleados conectado a API

Manejo de errores en carga de datos

Sincronización de datos online/offline

Reutilización de stores en múltiples vistas

Estrategias de gestión de datos en proyectos grandes

Buenas prácticas empresariales

Creación de dashboards con Rapid ExtJS

Configuración visual de gráficos de líneas, barras y pastel

Integración de gráficos con stores de datos

Vinculación entre grillas y gráficos en dashboards

Ejemplo práctico: dashboard de ventas

Uso de KPIs y métricas en tiempo real

Optimización de dashboards en dispositivos móviles

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

Checklist de dashboards empresariales

Buenas prácticas en visualización

Creación de menús con Rapid ExtJS

Uso de TabPanel y menús laterales

Configuración visual de rutas internas

Ejemplo práctico: app con navegación jerárquica

Integración de breadcrumbs en vistas

Creación de toolbars con acciones de navegación

Personalización de menús con iconos

Optimización de navegación en proyectos grandes

Comparación con navegación manual en ExtJS

Buenas prácticas de usabilidad en navegación

Integración de Sencha Themer en Rapid ExtJS

Aplicación de temas visuales corporativos

Personalización de colores y tipografías

Creación de temas reutilizables en proyectos

Ejemplo práctico: aplicación con branding corporativo

Reutilización de temas en Classic y Modern Toolkit

Optimización del peso de estilos generados

Comparación entre theming manual y visual

Checklist de personalización empresarial

Buenas prácticas de diseño visual

Creación visual de conexiones REST en Rapid ExtJS

Configuración de proxies en stores desde la interfaz

Ejemplo práctico: CRUD de clientes con Rapid ExtJS

Manejo de respuestas JSON en stores

Integración con autenticación basada en tokens

Configuración de endpoints dinámicos

Cacheo de resultados en cliente

Reutilización de configuraciones REST en varios módulos

Comparación con configuración manual en ExtJS

Buenas prácticas de integración empresarial

Principios básicos de seguridad en ExtJS

Configuración de autenticación con JWT

Control de acceso basado en roles

Validaciones seguras en formularios

Protección frente a ataques XSS e inyecciones

Ejemplo práctico: login con control de roles

Configuración segura en despliegues empresariales

Logs y auditoría en aplicaciones corporativas

Cumplimiento de GDPR en aplicaciones ExtJS

Checklist de seguridad empresarial

Estrategias de testing en proyectos generados con Rapid ExtJS

Integración con Sencha Test

Creación de pruebas unitarias de componentes

Testing de formularios y validaciones

Testing de grillas y stores conectados

Ejemplo práctico: test de flujo CRUD

Integración de pruebas en CI/CD

Reportes de calidad de código

Automatización de pruebas en pipelines empresariales

Buenas prácticas de QA en proyectos rápidos

Estrategias de optimización de proyectos generados con Rapid ExtJS

Uso de lazy loading en vistas grandes

Minificación y tree-shaking con Sencha Cmd

Compresión de assets en producción

Integración con CI/CD en Jenkins y GitHub Actions

Despliegue en servidores empresariales (Tomcat, Nginx)

Integración con Docker y Kubernetes

Estrategias de rollback en despliegues fallidos

Checklist de optimización de proyectos

Buenas prácticas de DevOps en Rapid ExtJS

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

Creación visual de login y registro de usuarios

Formularios con validaciones avanzadas

Grilla de clientes con filtros y exportación

Dashboard de métricas en tiempo real

Integración visual con API REST empresarial

Seguridad con autenticación y roles

Testing automatizado del sistema completo

Despliegue final en entorno corporativo

Presentación del proyecto empresarial final