</> CodeBooks
    ← Volver a JavaScript (página 11)
    Portada de Server-Driven Web Apps with htmx

    Server-Driven Web Apps with htmx

    R Mark Volkmann

    Editorial
    The Pragmatic Programmers
    Año
    2024
    Páginas
    ~270
    Nivel
    Intermedio

    De qué trata

    Guía de The Pragmatic Programmers, con prólogo de Carson Gross (creador de htmx), en la que R. Mark Volkmann enseña a crear aplicaciones web dirigidas por el servidor con htmx 2.0. La idea central es que los endpoints devuelvan fragmentos de HTML en lugar de JSON. Así se consigue una experiencia parecida a la de una SPA con mucho menos JavaScript en el cliente y con un backend escrito en el lenguaje que se prefiera. Está dirigido a desarrolladores web de nivel intermedio que ya manejan HTML, algo de JavaScript y saben levantar un servidor HTTP local.

    El libro arranca con los atributos de htmx y una primera aplicación CRUD. Después compara opciones de servidor y herramientas de JavaScript, y explica cómo diseñar endpoints: peticiones y respuestas HTTP, targets, swaps fuera de banda (out-of-band) y disparo de eventos. Un capítulo de recetas reúne los patrones habituales: boosting, carga diferida, validación de entradas, transiciones CSS, búsqueda activa, actualizaciones optimistas, paginación, scroll infinito, polling, diálogos personalizados, click-to-edit y endpoints que devuelven HTML o JSON. También añade interactividad del lado del cliente con Alpine y _hyperscript, repasa la API JavaScript de htmx (htmx.ajax, htmx.process, htmx.config) y dedica un capítulo a la seguridad: escapar y sanear la entrada, cookies seguras, Subresource Integrity, Content Security Policy y XSS. Cierra con WebSockets y server-sent events.

    Cada capítulo termina con ejercicios «Your Turn» para practicar lo visto. Es un libro breve y directo, ideal para quien viene de React o Angular y quiere evaluar un modelo hipermedia más simple. Como el backend es agnóstico, no profundiza en ningún framework de servidor concreto ni en bases de datos. Tampoco aborda cuándo una SPA sigue siendo la mejor opción. Conviene saber programar con soltura en algún lenguaje de servidor.

    • htmx 2.0
    • Hipermedia
    • Fragmentos HTML
    • CRUD
    • Búsqueda activa
    • Scroll infinito
    • Alpine.js
    • _hyperscript
    • Content Security Policy
    • XSS
    • WebSockets
    • Server-sent events

    ¿Cómo enseña?

    TeóricoPráctico

    Teoría + práctica

    • ✓ Incluye ejercicios
    • ✓ Incluye proyectos

    Proyectos

    Aplicación CRUD con htmx

    Primera aplicación del libro: un CRUD cuyo servidor responde con fragmentos HTML que htmx inserta en la página, para mostrar los atributos básicos y el flujo petición-respuesta.

    Más de JavaScript con nivel Intermedio