Рассмотрены практические подходы к созданию современных динамичных веб-интерфейсов и веб-приложений с использованием HTMX — технологии, позволяющей строить интерактивные приложения на основе HTML с минимальным объемом JavaScript- кода. Подробно описаны принципы работы с HTMX в связке с Java, Spring Boot и Thymeleaf. Показаны базовые приемы замены DOM-элементов с использованием различных триггеров, работа с запросами и заголовками, а также использование библиотеки htmx-spring-boot. Рассказано, как использовать замены Out Of Band. Описаны способы реализации современных UI-паттернов, таких как ленивая загрузка, активный поиск, бесконечная прокрутка и валидация форм в реальном времени. Рассматриваются возможности подключения веб-компонентов и усиления клиентской логики с помощью JavaScript и библиотеки Alpine.js. Описано, как обеспечить безопасность веб-приложений на HTMX, как обрабатывать события, отправляемые сервером, и использовать веб-сокеты. Вы узнаете:
Как устроен синтаксис HTMX: триггеры, цели, замены
Как работать с заголовками запросов и ответов
Как использовать библиотеку htmx-spring-boot
Что такое замены Out Of Band и зачем они нужны
Как использовать JavaScript и библиотеку Alpine.js вместе с HTMX
Как обеспечить безопасность приложений на HTMX
Как реализовать ленивую загрузку, бесконечную прокрутку и активный поиск
Как выполнять валидацию форм в реальном времени
Как интегрировать HTMX с веб-компонентами и обмениваться данными в реальном времени
Как обрабатывать события, отправляемые сервером, и использовать веб-сокеты