HTMX, from zero to hero!

Descripción

Si estás buscando simplificar el desarrollo de interfaces web dinámicas sin tener que aprender un framework complejo, HTMX es la solución ideal. En este curso de dos días, descubrirás por qué HTMX revoluciona la forma en que construimos aplicaciones web, ofreciendo un enfoque sencillo y potente basado en HTML, sin necesidad de escribir JavaScript (o limitando fuertemente su uso).

Durante el curso, exploraremos las fortalezas de HTMX, como el ahorro de tiempo gracias a su sintaxis declarativa y la integración directa con servidores HTTP. Aprenderás a implementar patrones UX avanzados, como la edición en línea de datos, el desplazamiento infinito, la búsqueda incremental, la gestión de archivos con barras de progreso, diálogos personalizados y mucho más. También descubrirás técnicas para crear animaciones, interfaces con pestañas y atajos de teclado, mejorando la experiencia del usuario sin complicar el código.

Profundizaremos en la integración con Hyperscript para agregar lógica del lado del cliente sin dependencias externas, los eventos de HTMX para gestionar interacciones complejas, las extensiones integradas y cómo crear tus propias extensiones personalizadas. Veremos también cómo integrar HTMX con Alpine.js para enriquecer aún más las funcionalidades de tus aplicaciones.

Finalmente, discutiremos estrategias de despliegue eficientes para llevar tus aplicaciones HTMX a producción. Al final del curso, estarás listo para desarrollar interfaces web dinámicas y de alto rendimiento con facilidad y rapidez.

HTMX es una librería ligera de JavaScript que permite acceder a las funcionalidades modernas del navegador directamente desde HTML, eliminando la necesidad de frameworks pesados del lado del cliente y, sobre todo, del estado del cliente. HTMX es muy liviana y no depende de otras librerías JavaScript. Estas características nos permiten evitar la fase de compilación del código JavaScript del lado del cliente, simplificando enormemente todo el proceso y permitiendo reducir el número de personas asignadas al proyecto. La filosofía general de HTMX se alinea bien con el enfoque de simplicidad de DMVCFramework y Python. Típicamente, una aplicación web que usa HTMX es más rápida (en términos de UX) que su contraparte escrita utilizando frameworks JavaScript como Angular o React. Aunque no existe una solución única para todos los casos, HTMX permite ahorrar tiempo y dinero en muchas situaciones y tiene una curva de aprendizaje poco empinada y muy lineal. ¡La popularidad de HTMX ha explotado desde que fue incluida entre los proyectos patrocinados por Github para su Github Open Source Accelerator!

✅ Con un framework JavaScript del lado del cliente: DB ➡️ JSON ➡️ JS ➡️ HTML

✅ Con HTMX: DB ➡️ HTML