DMVCFramework, TemplatePro e HTMX: crea aplicaciones web modernas sin JavaScript en poco tiempo
Duración: 2 días Precio: € 590,00 Sin IVA
Prerrequisitos
Conocimiento de Delphi y conocimiento básico de HTML, CSS y JavaScript.
Descripción
¿Estás cansado de tener que gestionar complejos stacks tecnológicos para desarrollar aplicaciones web modernas? ¿Te gustaría poder crear interfaces de usuario dinámicas y reactivas sin tener que escribir miles de líneas de JavaScript? ¡Este workshop está pensado justo para ti!
En este encuentro, exploraremos cómo utilizar DMVCFramework, TemplatePro y HTMX para desarrollar aplicaciones web potentes y flexibles con Delphi, manteniendo el código limpio y reduciendo al mínimo el uso de JavaScript. DMVCFramework te permitirá gestionar el backend de forma eficiente y modular, mientras que TemplatePro simplificará la generación de HTML dinámico y escalable. Finalmente, descubriremos cómo HTMX puede ser utilizado para añadir interactividad a tus aplicaciones sin la necesidad de complicados frameworks JavaScript.
Durante el workshop, no nos limitaremos a la teoría. Veremos ejemplos prácticos y casos de uso reales, con el objetivo de proporcionarte las habilidades necesarias para empezar inmediatamente a crear aplicaciones modernas y de alto rendimiento. Aprenderás cómo combinar estas herramientas para obtener el máximo en términos de productividad y mantenibilidad del código, reduciendo el tiempo de comercialización de tus soluciones.
No pierdas esta oportunidad para mejorar tu flujo de trabajo de desarrollo y descubrir cómo aprovechar al máximo las tecnologías que ya conoces. ¡Inscríbete ahora y lleva tus aplicaciones web al siguiente nivel!
Además de dedicar menos tiempo al desarrollo, la aplicación resultante será, en general, más rápida que su contraparte desarrollada con complejos frameworks del lado del cliente (por ejemplo, React o Angular).
¿Por qué? Evalúalo tú mismo:
Arquitectura
Pasos necesarios para visualizar los datos en una página:
- ✅ Con un framework JavaScript del lado del cliente: Base de datos ➡️ Serialización en JSON ➡️ Red ➡️ Deserialización ➡️ Plantilla ➡️ Navegador
- ✅ Con TemplatePro y HTMX: Base de datos ➡️ Plantilla ➡️ HTML ➡️ Red ➡️ Navegador
Contenido
- Introducción a DMVCFramework
- Renderizado
- Acceso a los datos
- Vista del lado del servidor
- TemplatePro
- Sintaxis
- Pasar datos a la plantilla
- Reutilización de plantillas compiladas
- Los filtros incorporados
- Añadir filtros y funciones personalizadas
- Escenarios de uso
- HTMX
- Por qué HTMX es revolucionario
- Puntos fuertes del enfoque HTMX
- Cómo HTMX ahorra tiempo
- Juntemos todo y escribamos una aplicación web moderna con DMVCFramework, TemplatePro y HTMX
- HTMX avanzado
- Los eventos de HTMX
- Las extensiones incorporadas
- Cómo escribir una extensión HTMX
- Integración con Alpine.js
- Estrategias de despliegue
- Las mejores prácticas y patrones de UX más comunes
- Modificación en línea de un objeto de datos
- Actualización en bloque de múltiples filas de datos
- Clic para cargar más filas en una tabla
- Eliminación de filas en una tabla
- Cómo modificar filas en una tabla
- Implementación del desplazamiento infinito de una página (infinite scrolling)
- Realización de la validación de campos en línea
- Búsqueda activa (búsqueda incremental mientras el usuario escribe)
- Implementación de una barra de progreso
- Cómo hacer que los valores de una selección dependan de otra selección
- Varias técnicas de animación
- Cómo cargar un archivo a través de ajax con una barra de progreso
- Uso de diálogos
- Creación de interfaces con pestañas
- Creación de atajos de teclado para los elementos HTMX
- Implementación de la reordenación de arrastrar y soltar
- Actualización de múltiples elementos del DOM con una sola solicitud
- Cómo implementar un cuadro de diálogo de confirmación personalizado con HTMX
- Despliegue de la solución completa
