Despliega A Medida Sencha ExtJS Avanzado para empresas, optimiza rendimiento y despliegues CI/CD, tutorizado y bonificable por FUNDAE. Pide información.
Actualizado a Ext JS 8.0 Incluye las novedades actuales de Ext JS 8.0: ES2025 con Sencha Cmd y ExtGen 8.0.0, mejoras de grid, ARIA, Signature Pad, QR, TreePanel tri-state, Font Awesome 7 y ReExt 1.2.
1
Pensado para aplicaciones reales Aborda problemas de proyectos grandes: legacy, deuda técnica, pantallas densas, usuarios internos, permisos, APIs difíciles, rendimiento, releases y soporte.
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
Resolver qué diferencia hay entre “saber usar Ext JS” y poder mantener una aplicación crítica durante años.
Aclarar qué partes del curso anterior se dan por aprendidas: componentes, layouts, forms, grids, stores, MVVM y builds básicos.
Presentar los retos avanzados: rendimiento, arquitectura, modularidad, migración, testing, seguridad, theming y escalabilidad.
Explicar por qué Ext JS sigue siendo fuerte en back offices, ERPs, CRMs, paneles de datos y aplicaciones administrativas complejas.
Revisar qué aporta Ext JS 8.0 al trabajo avanzado: tooling moderno, ES2025, grids mejorados, accesibilidad, nuevos componentes y ReExt.
Diferenciar deuda técnica aceptable, deuda peligrosa y deuda que bloquea evolución.
Identificar señales de alarma: controladores gigantes, stores duplicados, layouts lentos, memory leaks, builds frágiles y componentes copiados.
Plantear cómo se trabajará: diagnóstico, patrones, refactorización, optimización, pruebas, migración y gobierno.
Definir el proyecto avanzado que servirá como hilo conductor del curso.
Preparar una checklist inicial de madurez técnica para evaluar una aplicación Ext JS existente.
Resolver qué diferencia hay entre “saber usar Ext JS” y poder mantener una aplicación crítica durante años.
Aclarar qué partes del curso anterior se dan por aprendidas: componentes, layouts, forms, grids, stores, MVVM y builds básicos.
Presentar los retos avanzados: rendimiento, arquitectura, modularidad, migración, testing, seguridad, theming y escalabilidad.
Explicar por qué Ext JS sigue siendo fuerte en back offices, ERPs, CRMs, paneles de datos y aplicaciones administrativas complejas.
Revisar qué aporta Ext JS 8.0 al trabajo avanzado: tooling moderno, ES2025, grids mejorados, accesibilidad, nuevos componentes y ReExt.
Diferenciar deuda técnica aceptable, deuda peligrosa y deuda que bloquea evolución.
Identificar señales de alarma: controladores gigantes, stores duplicados, layouts lentos, memory leaks, builds frágiles y componentes copiados.
Plantear cómo se trabajará: diagnóstico, patrones, refactorización, optimización, pruebas, migración y gobierno.
Definir el proyecto avanzado que servirá como hilo conductor del curso.
Preparar una checklist inicial de madurez técnica para evaluar una aplicación Ext JS existente.
Tema 1: ¿Qué convierte a una aplicación Ext JS en una aplicación enterprise?
Resolver qué diferencia hay entre “saber usar Ext JS” y poder mantener una aplicación crítica durante años.
Aclarar qué partes del curso anterior se dan por aprendidas: componentes, layouts, forms, grids, stores, MVVM y builds básicos.
Presentar los retos avanzados: rendimiento, arquitectura, modularidad, migración, testing, seguridad, theming y escalabilidad.
Explicar por qué Ext JS sigue siendo fuerte en back offices, ERPs, CRMs, paneles de datos y aplicaciones administrativas complejas.
Revisar qué aporta Ext JS 8.0 al trabajo avanzado: tooling moderno, ES2025, grids mejorados, accesibilidad, nuevos componentes y ReExt.
Diferenciar deuda técnica aceptable, deuda peligrosa y deuda que bloquea evolución.
Identificar señales de alarma: controladores gigantes, stores duplicados, layouts lentos, memory leaks, builds frágiles y componentes copiados.
Plantear cómo se trabajará: diagnóstico, patrones, refactorización, optimización, pruebas, migración y gobierno.
Definir el proyecto avanzado que servirá como hilo conductor del curso.
Preparar una checklist inicial de madurez técnica para evaluar una aplicación Ext JS existente.
Tema 2: Arquitectura modular para aplicaciones grandes
Diseñar módulos funcionales por dominio, no solo por tipo de archivo.
Separar áreas como administración, usuarios, reporting, configuración, operaciones y dashboards.
Decidir cuándo crear módulos internos, paquetes Sencha o librerías compartidas.
Evitar que cada pantalla invente su propia estructura de controller, store y modelos.
Crear contratos entre módulos para reducir acoplamiento.
Definir dependencias explícitas entre módulos sin cargar toda la aplicación desde el inicio.
Organizar namespaces, carpetas y convenciones para equipos grandes.
Preparar reglas de revisión de arquitectura antes de aceptar nuevos módulos.
Documentar patrones de módulo con ejemplos reales.
Diseñar una arquitectura base que soporte crecimiento sin convertirse en monolito inmanejable.
Tema 3: Workspaces, packages y librerías internas
Entender el workspace como estructura profesional para varias apps, paquetes y recursos compartidos.
Crear paquetes internos de componentes, temas, utilidades, modelos comunes o servicios.
Diseñar una estrategia de versionado para paquetes compartidos.
Separar paquetes estables de paquetes experimentales.
Evitar duplicar componentes entre aplicaciones hermanas.
Configurar dependencias entre paquetes y aplicaciones mediante `app.json` y `package.json`.
Preparar paquetes reutilizables con documentación mínima y ejemplos.
Gestionar compatibilidad entre Classic y Modern cuando se comparten recursos.
Publicar paquetes en repositorios internos o registros corporativos si procede.
Diseñar un ecosistema Ext JS reutilizable para varios productos o clientes.
Tema 4: Classic y Modern en proyectos avanzados
Evaluar técnicamente cuándo seguir con Classic, cuándo adoptar Modern y cuándo mantener ambos.
Analizar diferencias avanzadas de grids, layouts, eventos, temas, accesibilidad y comportamiento táctil.
Diseñar estrategias para aplicaciones universales sin duplicar toda la lógica.
Separar código compartido de código específico por toolkit.
Gestionar ViewModels, modelos y stores comunes en Classic y Modern.
Crear wrappers o adaptadores cuando el API de componentes difiere.
Revisar limitaciones reales antes de prometer una misma experiencia en desktop, tablet y móvil.
Decidir cuándo un módulo debe existir solo en Classic o solo en Modern.
Planificar migraciones parciales de Classic a Modern sin reescritura total.
Documentar una política de toolkit para nuevas funcionalidades.
Tema 5: Profundizando en el sistema de clases
Usar `override`, `singleton`, `statics`, `inheritableStatics`, `mixins` y `requires` con criterio.
Crear jerarquías de componentes sin provocar dependencias ocultas.
Aplicar overrides de framework solo cuando no exista alternativa más segura.
Encapsular comportamiento común en clases base reutilizables.
Diseñar mixins para funcionalidad transversal sin abusar de herencia.
Identificar cuándo una herencia profunda debe convertirse en composición.
Depurar carga de clases y conflictos de alias o xtype.
Controlar compatibilidad de overrides durante migraciones de versión.
Documentar extensiones internas del framework para futuros equipos.
Crear una guía de uso responsable del sistema de clases.
Tema 6: Componentes personalizados de verdad
Diseñar componentes propios con API pública, configuración, eventos y ciclo de vida.
Crear componentes compuestos que encapsulan grid, formulario, toolbar, filtros y acciones.
Exponer configuraciones útiles sin filtrar detalles internos innecesarios.
Implementar eventos personalizados claros y documentados.
Gestionar render, update, destroy, bindings y referencias internas correctamente.
Evitar componentes “caja negra” imposibles de extender o testear.
Crear componentes compatibles con temas y responsive design.
Preparar ejemplos de uso y casos límite para cada componente reusable.
Diferenciar componente de negocio, componente visual y componente de infraestructura.
Construir una librería de componentes corporativa mantenible.
Tema 7: Plugins y mixins para comportamiento transversal
Crear plugins para añadir comportamiento a grids, formularios, paneles o campos sin modificar su clase base.
Usar mixins para compartir métodos y estado entre clases relacionadas.
Diseñar plugins configurables con opciones claras.
Evitar plugins que dependen de detalles internos frágiles de un componente concreto.
Aplicar plugins para filtros avanzados, exportación, permisos, auditoría, tracking o validaciones.
Controlar inicialización y destrucción de plugins para evitar fugas de memoria.
Documentar compatibilidad de plugins con Classic y Modern.
Testear plugins de forma aislada y en componentes reales.
Usar mixins solo cuando aporten claridad y no oculten dependencias.
Crear un catálogo interno de plugins aprobados.
Tema 8: ViewModel internals y bindings complejos
Diseñar ViewModels para pantallas con estado complejo sin saturar controllers.
Usar formulas avanzadas con dependencias bien definidas.
Crear bindings condicionales para permisos, estados, carga, validación y visibilidad.
Entender cuándo un binding mejora la pantalla y cuándo la vuelve difícil de depurar.
Separar estado de vista de datos persistentes.
Usar stores dentro del ViewModel con carga, filtros y parámetros dependientes.
Evitar formulas con lógica de negocio pesada o efectos laterales.
Depurar bindings que no actualizan, actualizan demasiado o generan ciclos.
Crear patrones de ViewModel para pantallas maestro-detalle, wizard, edición compleja y dashboards.
Documentar criterios para decidir entre binding, método de controller o servicio.
Tema 9: Ext.data.Session, identidad y edición transaccional
Entender `Ext.data.Session` como mecanismo para gestionar identidad y cambios relacionados.
Trabajar con registros editables sin contaminar stores globales.
Gestionar pantallas con maestro-detalle y cambios pendientes.
Controlar creación, edición, eliminación y rollback de registros relacionados.
Evitar duplicidad de instancias de un mismo modelo en pantallas complejas.
Integrar sesiones con ViewModels y stores asociados.
Preparar flujos de guardado transaccional frente a APIs REST.
Gestionar errores parciales y conflictos de servidor.
Diseñar confirmaciones antes de descartar cambios pendientes.
Aplicar sesiones en formularios críticos, wizards y módulos de configuración.
Tema 10: Modelos, asociaciones y esquemas de datos
Diseñar modelos ricos con campos, tipos, validators, convert, calculate y persistencia controlada.
Usar asociaciones para relaciones uno-a-muchos, muchos-a-uno y datos anidados.
Preparar schemas para aplicaciones con dominios grandes.
Evitar modelos enormes que intentan representar demasiadas responsabilidades.
Separar DTOs de API, modelos de UI y modelos de dominio cuando conviene.
Gestionar datos calculados sin romper sincronización con backend.
Crear writers adaptados a contratos de API reales.
Controlar serialización de asociaciones, campos no persistentes y cambios parciales.
Diseñar modelos robustos para grids, formularios, árboles y dashboards.
Documentar contratos de datos entre frontend y backend.
Tema 11: Stores avanzados, filtros remotos y datos masivos
Elegir entre Store, TreeStore, ChainedStore, BufferedStore y stores asociados al ViewModel.
Diseñar filtros locales, remotos, compuestos y persistentes.
Coordinar `remoteFilter`, `remoteSort`, paginación y parámetros de búsqueda.
Crear stores derivados para vistas filtradas sin duplicar datos.
Gestionar cargas concurrentes, cancelaciones, timeouts y estados de carga.
Evitar autoloads descontrolados que saturan backend.
Implementar estrategias de caché cuando el dato cambia poco.
Controlar memoria en stores grandes y pantallas con múltiples listados.
Diseñar stores para paneles dashboard con refresco periódico.
Crear una política de carga de datos para aplicaciones data-intensive.
Tema 12: Proxies, Readers, Writers y APIs difíciles
Adaptar Ext JS a APIs que no devuelven JSON ideal.
Crear readers personalizados para payloads anidados, metadata, errores y paginación no estándar.
Configurar writers para PATCH, PUT, POST, DELETE y payloads parciales.
Gestionar headers, tokens, CSRF, correlación, idioma y trazabilidad.
Interpretar errores de validación backend y mapearlos a formularios.
Diseñar retries, backoff y manejo de desconexiones.
Preparar proxies para APIs legacy, gateways, BFFs o microservicios.
Evitar lógica de transformación duplicada en varios stores.
Crear una capa de integración mantenible entre Ext JS y backend.
Documentar contratos y casos límite de cada endpoint.
Tema 13: Grids extremos: rendimiento, edición y experiencia de usuario
Optimizar grids con miles o millones de registros mediante paginación, buffering y carga remota.
Aprovechar mejoras de Ext JS 8.0 como buffered renderer con horizontal buffering para grandes datasets.
Diseñar columnas eficientes evitando renderers pesados y cálculos repetidos.
Implementar cell editing, row editing, validaciones, acciones y errores por fila.
Configurar grouping, summaries, filtros, columnas dinámicas, bloqueo y selección avanzada.
Usar lockable grids en Modern Toolkit cuando la experiencia lo exige, aprovechando el nuevo plugin de Ext JS 8.0.
Gestionar grids con columnas configurables por usuario.
Preparar exportación, impresión o copiado al portapapeles sin bloquear la UI.
Medir rendimiento real con datasets grandes y perfiles de usuario.
Diseñar grids que sigan siendo usables, no solo técnicamente posibles.
Tema 14: TreeGrid, TreePanel y estructuras jerárquicas complejas
Modelar organizaciones, permisos, catálogos, expedientes, carpetas, activos o estructuras técnicas.
Cargar nodos bajo demanda con filtros, búsqueda y expansión controlada.
Usar tri-state checkbox para escenarios con selección parcial, especialmente en permisos o jerarquías.
Controlar rendimiento en árboles con miles de nodos.
Sincronizar árbol, grid de detalle y formulario de propiedades.
Gestionar drag and drop entre nodos con validaciones.
Diseñar acciones masivas sobre ramas o nodos seleccionados.
Evitar árboles infinitos sin búsqueda ni navegación útil.
Crear modelos de datos jerárquicos compatibles con backend.
Construir un módulo avanzado de administración jerárquica.
Tema 15: Charts, D3 y visualización de datos
Diseñar dashboards con charts integrados, filtros y stores compartidos.
Usar gráficos para seguimiento, KPIs, evolución temporal, comparativas y distribución.
Diferenciar chart simple, visualización D3 y grid analítico.
Sincronizar selección de chart con grids y paneles de detalle.
Crear tooltips, legends, labels y ejes legibles.
Evitar dashboards sobrecargados con demasiada información simultánea.
Optimizar cargas y refrescos en dashboards con varias visualizaciones.
Preparar temas visuales coherentes con la marca.
Gestionar datos agregados desde backend en lugar de calcular todo en cliente.
Crear un dashboard ejecutivo avanzado con interacción y filtros.
Tema 16: Drawing, SVG, canvas y componentes visuales personalizados
Usar el paquete drawing para gráficos, diagramas o visualizaciones específicas.
Crear formas, sprites, superficies y transformaciones básicas.
Integrar dibujo con datos de modelos o stores.
Diseñar componentes visuales donde un grid o chart estándar no es suficiente.
Gestionar escalado, redimensionado y eventos de usuario.
Evitar visualizaciones personalizadas imposibles de mantener.
Preparar exports o capturas cuando el caso lo requiere.
Controlar rendimiento en superficies con muchos elementos.
Integrar drawing con theming y responsive design.
Crear una visualización técnica personalizada como componente reusable.
Tema 17: Drag and Drop avanzado
Configurar drag and drop entre grids, árboles, listas y paneles.
Validar operaciones según permisos, tipo de dato, estado y destino.
Crear feedback visual claro durante el arrastre.
Gestionar reordenación, agrupación, asignación y transferencia de elementos.
Implementar operaciones con confirmación, rollback y persistencia.
Evitar drag and drop inaccesible o poco evidente para usuarios de negocio.
Integrar drag and drop con stores remotos y sincronización backend.
Diseñar reglas para evitar estados inconsistentes.
Testear flujos de drag and drop con datos reales.
Crear patrones de interacción avanzados sin sacrificar usabilidad.
Tema 18: Formularios complejos, wizards y edición guiada
Diseñar formularios multipaso con validación progresiva.
Gestionar formularios dinámicos basados en configuración, permisos o tipo de entidad.
Crear validaciones cruzadas entre campos y secciones.
Integrar combos remotos, dependencias, autocompletados y datos condicionados.
Controlar cambios pendientes, guardado parcial y recuperación de borradores.
Diseñar wizards para procesos empresariales complejos.
Gestionar formularios con documentos adjuntos, firmas o QR cuando el proceso lo requiera.
Incorporar el Digital Signature Pad de Ext JS 8 en flujos de aprobación, aceptación o entrega.
Integrar QR Code Reader/Generator para trazabilidad, identificación, logística o flujos offline-to-online.
Crear una experiencia de edición robusta para usuarios no técnicos.
Tema 19: Routing avanzado, deep linking y estado de aplicación
Diseñar rutas estables para módulos, entidades, filtros y estados de pantalla.
Soportar entrada directa por URL sin perder contexto.
Mantener sincronía entre navegación, pestañas, breadcrumbs, filtros y selección.
Gestionar rutas protegidas por permisos y sesión.
Crear navegación con carga diferida de módulos.
Guardar y restaurar estado de grids, filtros, columnas y vistas.
Evitar rutas que dependan de estado temporal no recuperable.
Controlar navegación atrás, refresco de navegador y enlaces compartidos.
Integrar routing con analytics interno o trazabilidad.
Construir una navegación enterprise predecible y mantenible.
Tema 20: Seguridad avanzada en aplicaciones Ext JS
Diseñar autenticación con tokens, refresh tokens, expiración y renovación controlada.
Coordinar permisos frontend con validación real en backend.
Aplicar defensa contra XSS en renderers, templates, HTML dinámico y contenido de usuario.
Revisar CSRF, CORS, headers, cookies, almacenamiento local y exposición de datos.
Evitar incluir secretos, claves o endpoints sensibles en el bundle.
Diseñar menús, rutas, acciones y botones según permisos sin confiar solo en la UI.
Gestionar sesiones caducadas sin pérdida de trabajo.
Preparar auditoría visual de acciones sensibles.
Implementar logs de actividad del usuario cuando el proyecto lo requiere.
Crear checklist de seguridad frontend para releases Ext JS.
Tema 21: Rendimiento: diagnosticar antes de optimizar
Medir tiempos de carga inicial, renderizado, navegación, llamadas API y respuesta de usuario.
Usar Chrome DevTools, Performance, Memory, Network y Lighthouse cuando proceda.
Detectar layouts costosos, componentes innecesarios, stores pesados y bindings excesivos.
Medir antes/después de cada optimización.
Evitar optimizaciones prematuras que complican código sin beneficio real.
Reducir coste de renderizado en pantallas densas.
Controlar impacto de grids, charts, trees y dashboards.
Analizar peso del bundle y dependencias incluidas.
Crear perfiles de rendimiento para usuarios reales.
Documentar una metodología de profiling para el equipo.
Tema 22: Memory leaks y ciclo de vida de componentes
Entender cómo se crean, destruyen y referencian componentes Ext JS.
Detectar listeners no eliminados, referencias globales, closures y timers vivos.
Destruir stores, ventanas, tooltips, tareas y elementos temporales cuando corresponde.
Analizar memory snapshots en DevTools.
Evitar fugas por componentes reutilizados incorrectamente.
Controlar destrucción de ventanas modales, pestañas dinámicas y módulos cargados bajo demanda.
Revisar bindings y ViewModels que mantienen referencias.
Crear tests manuales de apertura/cierre repetido de pantallas.
Definir reglas de lifecycle para componentes personalizados.
Reducir degradación de rendimiento tras horas de uso.
Tema 23: Builds avanzados con Sencha Cmd 8 y ExtGen
Configurar perfiles de build para desarrollo, staging, producción, cliente o toolkit.
Aprovechar soporte ECMAScript hasta ES2025 en Sencha Cmd y ExtGen 8.0.0.
Revisar microloader, cache busting, manifests, resources y optimización de assets.
Ajustar compilación para reducir tamaño y mejorar carga inicial.
Gestionar variables de entorno, endpoints y configuración por entorno.
Integrar builds en scripts npm o pipelines corporativos.
Controlar warnings, dependencias circulares y clases no utilizadas.
Crear builds reproducibles en entornos limpios.
Separar configuración local de configuración versionada.
Documentar comandos y perfiles para que el equipo no dependa de una sola persona.
Tema 24: CI/CD para aplicaciones Ext JS
Preparar pipeline con instalación de dependencias, build, lint, tests y publicación de artefactos.
Ejecutar builds Sencha Cmd en agentes CI.
Gestionar credenciales, licencias, registry privado y cachés de dependencias.
Crear entornos de despliegue para QA, preproducción y producción.
Versionar artefactos y asociarlos a commits, tags y releases.
Automatizar smoke tests tras despliegue.
Integrar análisis de seguridad de dependencias cuando sea posible.
Definir rollback de frontend sin afectar backend.
Publicar builds en servidores web, CDNs internos, contenedores o plataformas cloud.
Crear un flujo CI/CD mantenible para releases frecuentes.
Tema 25: Testing unitario, funcional y end-to-end
Diseñar estrategia de testing por capas: utilidades, stores, controllers, componentes y flujos de usuario.
Usar Sencha Test cuando la organización lo tenga disponible; Sencha lo presenta como solución de unit testing y end-to-end testing para Ext JS.
Crear tests para lógica de controllers, ViewModels, stores y componentes críticos.
Automatizar pruebas de pantallas con flujos de usuario frecuentes.
Preparar datos de prueba y mocks de API.
Medir regresiones en pantallas legacy antes de refactorizar.
Integrar tests en pipeline CI.
Complementar con Cypress, Playwright u otras herramientas si el proyecto lo exige.
Evitar depender solo de pruebas manuales en aplicaciones críticas.
Crear una estrategia de testing realista para equipos con aplicaciones grandes.
Tema 26: Testing visual y regresión de interfaz
Detectar cambios inesperados en grids, formularios, dashboards, ventanas y temas.
Crear capturas de referencia para pantallas críticas.
Comparar temas, resoluciones, estados y toolkits.
Validar dark mode o variantes visuales si la empresa las utiliza.
Revisar componentes personalizados tras cambios de framework.
Integrar pruebas visuales en CI cuando el coste lo justifica.
Evitar falsos positivos por datos dinámicos o fechas.
Crear fixtures estables para pruebas visuales.
Usar pruebas visuales como apoyo, no como sustituto de QA funcional.
Proteger pantallas críticas ante cambios de CSS, theming o upgrades.
Tema 27: Theming avanzado con SASS y Sencha Themer
Diseñar un sistema visual corporativo sobre temas Ext JS.
Personalizar variables SASS, mixins, iconografía, espaciados, densidad y estados.
Usar Sencha Themer cuando esté disponible; Sencha anunció soporte de Themer v1.4.6 para Ext JS 8.0.
Crear variantes de tema para clientes, marcas o entornos.
Controlar impacto visual en Classic y Modern.
Evitar CSS manual que rompe componentes y actualizaciones.
Incorporar Font Awesome 7 de forma coherente en la experiencia visual.
Medir contraste, foco y accesibilidad en el tema.
Versionar temas como paquetes internos.
Crear una guía de theming para nuevos componentes.
Tema 28: Accesibilidad avanzada y ARIA
Revisar patrones de accesibilidad en formularios, grids, menús, diálogos y navegación.
Aprovechar mejoras ARIA en fields incluidas en Ext JS 8.0.
Validar navegación con teclado en pantallas densas.
Gestionar foco en ventanas, errores, wizards y cambios de vista.
Revisar mensajes de error y ayuda para lectores de pantalla.
Evitar componentes personalizados inaccesibles.
Aplicar contraste, tamaño, estados y feedback visual adecuados.
Preparar pruebas de accesibilidad manuales y automatizadas.
Documentar criterios de accesibilidad por tipo de componente.
Incorporar accesibilidad en Definition of Done y revisión de releases.
Tema 29: Internacionalización, localización y formatos regionales
Diseñar aplicaciones preparadas para varios idiomas.
Gestionar textos, traducciones, formatos de fecha, moneda, número y dirección.
Evitar textos hardcodeados dentro de componentes y controllers.
Crear paquetes de idioma y estrategias de carga.
Adaptar grids, formularios y validaciones a formatos locales.
Revisar longitud de textos traducidos en botones, toolbars y columnas.
Preparar flujos de traducción con equipos externos.
Gestionar idiomas en backend y frontend de forma coherente.
Evitar mezclar localización con lógica de negocio.
Crear una política i18n para aplicaciones Ext JS enterprise.
Tema 30: Integración avanzada con backend, BFF y microservicios
Diseñar una capa frontend que dialogue con APIs complejas sin acoplar pantallas a endpoints.
Usar BFF cuando el backend no entrega datos adecuados para la UI.
Coordinar contratos de API con paginación, filtros, ordenación, relaciones y errores.
Gestionar autenticación federada, SSO y expiración de sesiones.
Consumir servicios REST, endpoints batch y operaciones transaccionales.
Integrar WebSockets o Server-Sent Events para actualizaciones en tiempo real.
Controlar concurrencia, conflictos de edición y datos desactualizados.
Diseñar estrategias para APIs lentas o no fiables.
Crear una capa de error handling transversal.
Documentar contratos UI-backend para reducir incidencias.
Tema 31: Offline, PWA y sincronización ocasional
Evaluar cuándo una aplicación Ext JS necesita soporte offline real.
Diseñar caché de recursos y datos con Service Workers cuando el caso lo requiere.
Gestionar operaciones pendientes, colas locales y sincronización posterior.
Detectar conflictos entre datos locales y datos de servidor.
Evitar prometer offline si el proceso de negocio no tolera inconsistencias.
Crear indicadores de conectividad y estados de sincronización.
Proteger datos locales en navegadores compartidos o equipos no seguros.
Diseñar formularios de captura en campo con envío diferido.
Integrar QR o firma con flujos offline-to-online cuando encaje.
Definir límites claros de soporte offline.
Tema 32: Modernización y migración a Ext JS 8
Inventariar versión actual, toolkits, paquetes, temas, overrides y dependencias.
Identificar incompatibilidades potenciales antes de actualizar.
Usar Upgrade Advisor cuando la organización lo tenga disponible; Sencha anunció soporte de Upgrade Advisor v8.0 para Ext JS 8.0.
Planificar migración por fases: build, dependencias, framework, componentes, temas y pruebas.
Revisar overrides que pueden romper con cambios internos del framework.
Validar grids, forms, layouts, stores y componentes personalizados tras actualizar.
Preparar pruebas de regresión antes de tocar código.
Aprovechar la migración para eliminar deuda técnica y código obsoleto.
Crear estrategia de rollback y ramas de transición.
Documentar guía de migración para equipos que mantienen varias aplicaciones.
Tema 33: Refactorización de aplicaciones legacy
Detectar controladores gigantes, vistas monolíticas, stores duplicados y lógica acoplada.
Separar responsabilidades sin reescribir toda la aplicación.
Introducir ViewModels, servicios, paquetes o componentes reutilizables de forma progresiva.
Refactorizar pantallas críticas con pruebas de regresión.
Eliminar overrides peligrosos o documentarlos correctamente.
Sustituir código obsoleto por APIs actuales.
Reducir dependencia de variables globales y búsquedas frágiles de componentes.
Priorizar refactorizaciones por riesgo, frecuencia de cambio e impacto.
Evitar reescrituras completas sin business case.
Crear un plan realista de saneamiento técnico.
Tema 34: ReExt 1.2 y convivencia con React
Entender ReExt como puente para usar componentes Ext JS dentro de aplicaciones React.
Revisar que ReExt 1.2 soporta Ext JS 8.0 según el anuncio de Sencha.
Diseñar casos donde conviene reutilizar grids, forms o componentes Ext JS en React.
Evitar integrar React y Ext JS sin estrategia de estado, eventos y estilos.
Definir fronteras entre zonas React y zonas Ext JS.
Gestionar comunicación entre componentes, props, eventos y stores.
Preparar migraciones parciales donde React absorbe nuevas áreas y Ext JS mantiene módulos críticos.
Revisar impacto en builds, dependencias, testing y theming.
Crear un patrón de integración controlado.
Diseñar una hoja de ruta híbrida para equipos que no pueden reescribir todo.
Tema 35: Microfrontends y convivencia con otros frontends
Evaluar si una aplicación Ext JS grande debe dividirse por dominios o equipos.
Definir fronteras de microfrontend sin romper navegación ni experiencia de usuario.
Integrar Ext JS con portales, shells, iframes controlados, módulos federados o wrappers.
Gestionar autenticación, permisos, navegación y estado entre frontends.
Evitar mezclar frameworks si el coste operativo supera el beneficio.
Definir ownership por módulo y contrato de integración.
Resolver estilos, assets, versiones y conflictos de dependencias.
Preparar despliegues independientes si la arquitectura lo permite.
Medir impacto en rendimiento y soporte.
Crear criterios para decidir entre monolito modular, híbrido o microfrontends.
Tema 36: Observabilidad frontend y soporte en producción
Registrar errores JavaScript con contexto útil.
Capturar usuario, módulo, ruta, versión, endpoint y acción previa cuando la política lo permite.
Integrar logs frontend con herramientas corporativas.
Medir rendimiento real con métricas de usuario.
Detectar pantallas lentas, errores recurrentes y problemas de red.
Crear trazabilidad entre release, commit y error reportado.
Implementar mensajes de error útiles para soporte.
Crear modo diagnóstico para equipos internos.
Respetar privacidad y minimización de datos.
Convertir producción en fuente de mejora técnica.
Tema 37: Gestión de configuración, feature flags y permisos
Separar configuración por entorno, cliente, región o tenant.
Activar funcionalidades mediante flags controlados.
Gestionar permisos de módulo, pantalla, botón, campo y acción.
Evitar builds distintos cuando basta configuración segura.
Diseñar configuración descargada desde backend con validación.
Crear pantallas administrativas para activar módulos si el producto lo requiere.
Controlar dependencias entre flags.
Registrar cambios de configuración relevantes.
Probar combinaciones de permisos y flags antes de publicar.
Diseñar una estrategia de rollout gradual.
Tema 38: Multi-tenant, white label y productos para varios clientes
Diseñar aplicaciones Ext JS que soportan clientes, marcas, permisos y configuraciones distintas.
Separar tema, logos, textos, endpoints y reglas específicas.
Evitar forks de código por cliente salvo necesidad justificada.
Crear paquetes de personalización por cliente.
Gestionar builds, despliegues y configuración multi-tenant.
Proteger datos y permisos entre tenants.
Diseñar pruebas por variante de cliente.
Documentar qué parte es producto base y qué parte es personalización.
Controlar deuda generada por excepciones comerciales.
Crear arquitectura white label mantenible.
Tema 39: Rapid Ext JS y prototipado profesional
Entender Rapid Ext JS como herramienta del ecosistema para acelerar construcción visual cuando la organización la use.
Revisar que Sencha anunció soporte de Rapid Ext JS 1.2.0 para Ext JS 8.0.
Usar prototipos para validar pantallas antes de codificar módulos complejos.
Diferenciar prototipo, acelerador de desarrollo y código final mantenible.
Evaluar cuándo Rapid Ext JS ayuda a negocio, UX o preventa.
Evitar que un prototipo sin arquitectura acabe como producción sin revisión.
Integrar prototipos con componentes y temas corporativos.
Documentar decisiones derivadas del prototipado.
Preparar criterios para pasar de prototipo a implementación.
Usar prototipado como apoyo, no como sustituto de arquitectura.
Tema 40: Sencha Architect en equipos avanzados
Revisar el papel de Sencha Architect en diseño visual y mantenimiento cuando la organización lo use.
Tener en cuenta que Sencha anunció soporte de Architect v4.3.8 para Ext JS 8.0.
Evaluar cuándo Architect aporta valor y cuándo limita flujos de desarrollo modernos.
Mantener sincronía entre código manual, tooling visual y repositorio Git.
Evitar dependencias opacas del diseñador visual.
Usar Architect para documentar o mantener pantallas concretas si el proyecto lo requiere.
Revisar impacto en componentes personalizados y paquetes.
Crear normas para equipos que combinan Architect y desarrollo manual.
Preparar migración desde proyectos antiguos creados con Architect.
Integrar Architect en una estrategia técnica sin convertirlo en cuello de botella.
Tema 41: Calidad de código, revisión y estándares enterprise
Crear reglas de naming, estructura, imports, xtype, stores, controllers y ViewModels.
Definir criterios de revisión para componentes personalizados, grids, formularios y stores.
Evitar lógica de negocio en renderers, listeners sueltos o vistas gigantes.
Revisar rendimiento y accesibilidad como parte del code review.
Crear plantillas de módulo, pantalla y componente.
Documentar patrones aceptados y antipatrones prohibidos.
Mantener changelog técnico de decisiones de arquitectura.
Usar linters y validaciones donde encajen con el stack.
Formar a nuevos desarrolladores con ejemplos reales.
Convertir calidad de código en práctica diaria, no en auditoría anual.
Tema 42: Documentación técnica que sí se usa
Crear documentación mínima de arquitectura, módulos, paquetes, componentes y flujos.
Documentar decisiones con ADRs breves.
Mantener catálogo de componentes internos.
Describir contratos de API y modelos de datos.
Crear guías de build, despliegue, debugging y testing.
Documentar overrides, parches y decisiones peligrosas.
Evitar documentación extensa que nadie actualiza.
Conectar documentación con repositorio, wiki y ejemplos ejecutables.
Revisar documentación en cada release importante.
Preparar onboarding técnico para nuevos miembros del equipo.
Tema 43: Proyecto final integrador de Sencha Ext JS Avanzado
Partir de una aplicación Ext JS funcional y transformarla en una solución enterprise avanzada.
Reorganizar arquitectura en módulos, paquetes internos y convenciones de equipo.
Crear un componente personalizado complejo con plugin, eventos, bindings y documentación.
Optimizar un grid grande con buffering, filtros remotos, edición, selección y rendimiento medido.
Añadir una estrategia de sesión de datos, ViewModel avanzado y control de cambios.
Incorporar theming corporativo, accesibilidad, permisos, rutas profundas y estado persistente.
Configurar build avanzado, perfiles por entorno y pipeline CI/CD.
Añadir pruebas unitarias, funcionales o end-to-end sobre flujos críticos.
Diseñar plan de migración o modernización desde una versión anterior o módulo legacy.
Presentar la solución final con informe de arquitectura, métricas de rendimiento, riesgos, decisiones y roadmap técnico.
Perfiles profesionales
Pensado para quienes deben dominar Sencha ExtJS Avanzado en su día a día
Desarrolladores Ext JS con experiencia previa
Profesionales que ya han creado pantallas, formularios, grids, stores, controllers y builds básicos, y ahora necesitan dominar patrones avanzados, rendimiento, modularidad, testing y extensibilidad.
Tech leads y arquitectos frontend
Perfiles responsables de definir arquitectura, estándares, estructura de módulos, estrategia de toolkits, librerías internas, control de deuda técnica y evolución de aplicaciones Ext JS.
Equipos de mantenimiento de aplicaciones legacy
Profesionales que trabajan con Ext JS 4, 5, 6, 7 u 8 y necesitan modernizar, migrar, ordenar, estabilizar y mejorar aplicaciones empresariales existentes sin romper negocio.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Sencha ExtJS Avanzado
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
El primer curso enseña a construir aplicaciones Ext JS completas: componentes, layouts, formularios, grids, stores, MVVM, routing, builds y conexión con APIs. Este curso parte de esa base y se centra en arquitectura enterprise, rendimiento, testing, migración, componentes personalizados, paquetes, CI/CD, seguridad y modernización.
La versión de referencia será Sencha Ext JS 8.0.0, documentada oficialmente por Sencha.
Sí. Se trabajan las novedades relevantes de Ext JS 8.0, incluyendo ES2025 con Sencha Cmd/ExtGen 8.0.0, Digital Signature Pad, QR Code Reader/Generator, mejoras de grid, Font Awesome 7, ARIA, TreePanel tri-state, lockable grid en Modern Toolkit y ReExt 1.2.
Sí. Incluye inventario técnico, Upgrade Advisor, pruebas de regresión, revisión de overrides, migración de builds, actualización de temas, saneamiento de deuda y planificación por fases.
Sí. Es uno de los bloques centrales: buffered rendering, horizontal buffering, filtros remotos, paginación, renderers eficientes, stores pesados, edición avanzada y medición real de rendimiento.
Sí. Se trabaja ReExt 1.2 como estrategia de convivencia entre React y Ext JS, especialmente para preservar componentes Ext JS críticos mientras se modernizan otras partes de la aplicación.
Sí. Incluye estrategia de pruebas unitarias, funcionales, end-to-end, regresión visual y automatización en CI. Sencha Test se trata como herramienta específica del ecosistema para testing unitario y end-to-end de Ext JS.
Es muy recomendable. Este curso no está pensado para empezar desde cero, sino para perfiles que ya saben construir una aplicación Ext JS y quieren llevarla a nivel profesional avanzado.
Sí. Se trabajan ambos desde una perspectiva avanzada: arquitectura, diferencias de API, estrategia universal, compatibilidad, migración parcial, rendimiento y criterios de elección.
Sí. Al tratarse de formación corporativa orientada a empresa, puede bonificarse hasta el 100% mediante FUNDAE según el crédito disponible y las condiciones aplicables de la organización.
El primer curso enseña a construir aplicaciones Ext JS completas: componentes, layouts, formularios, grids, stores, MVVM, routing, builds y conexión con APIs. Este curso parte de esa base y se centra en arquitectura enterprise, rendimiento, testing, migración, componentes personalizados, paquetes, CI/CD, seguridad y modernización.
La versión de referencia será Sencha Ext JS 8.0.0, documentada oficialmente por Sencha.
Sí. Se trabajan las novedades relevantes de Ext JS 8.0, incluyendo ES2025 con Sencha Cmd/ExtGen 8.0.0, Digital Signature Pad, QR Code Reader/Generator, mejoras de grid, Font Awesome 7, ARIA, TreePanel tri-state, lockable grid en Modern Toolkit y ReExt 1.2.
Sí. Incluye inventario técnico, Upgrade Advisor, pruebas de regresión, revisión de overrides, migración de builds, actualización de temas, saneamiento de deuda y planificación por fases.
Sí. Es uno de los bloques centrales: buffered rendering, horizontal buffering, filtros remotos, paginación, renderers eficientes, stores pesados, edición avanzada y medición real de rendimiento.
Sí. Se trabaja ReExt 1.2 como estrategia de convivencia entre React y Ext JS, especialmente para preservar componentes Ext JS críticos mientras se modernizan otras partes de la aplicación.
Sí. Incluye estrategia de pruebas unitarias, funcionales, end-to-end, regresión visual y automatización en CI. Sencha Test se trata como herramienta específica del ecosistema para testing unitario y end-to-end de Ext JS.
Es muy recomendable. Este curso no está pensado para empezar desde cero, sino para perfiles que ya saben construir una aplicación Ext JS y quieren llevarla a nivel profesional avanzado.
Sí. Se trabajan ambos desde una perspectiva avanzada: arquitectura, diferencias de API, estrategia universal, compatibilidad, migración parcial, rendimiento y criterios de elección.
Sí. Al tratarse de formación corporativa orientada a empresa, puede bonificarse hasta el 100% mediante FUNDAE según el crédito disponible y las condiciones aplicables de la organización.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
Cubre modernización y migración Incluye estrategias para migrar desde Ext JS 6/7 a 8, usar Upgrade Advisor, refactorizar sin reescribir todo y convivir con React mediante ReExt.
3
Incorpora calidad y operación Trabaja testing, regresión visual, CI/CD, observabilidad, documentación, seguridad, accesibilidad, gestión de releases y soporte en producción.
4
Aporta gobierno técnico Ayuda a crear estándares, librerías internas, paquetes, convenciones, revisiones, políticas de toolkit y un roadmap técnico sostenible.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras
Desarrolladores que construyen back offices, ERPs, CRMs, portales internos, dashboards, sistemas administrativos, herramientas operativas o aplicaciones data-intensive.
Responsables de QA, DevOps y plataforma
Perfiles que deben incorporar pruebas, pipelines, builds reproducibles, entornos, despliegues, observabilidad, control de calidad y automatización en proyectos Ext JS.
Equipos híbridos Ext JS + React
Profesionales que quieren preservar componentes Ext JS de alto valor, especialmente grids y formularios complejos, mientras conviven con aplicaciones React mediante ReExt.
