Рассмотрены практические подходы к созданию современных динамичных веб-интерфейсов и веб-приложений с использованием 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 с веб-компонентами и обмениваться данными в реальном времени
- Как обрабатывать события, отправляемые сервером, и использовать веб-сокеты
Формат: pdf скан
