Moderne Frontends auf Basis von HTMX

Es werden praktische Ansätze zur Erstellung moderner dynamischer Web-Interfaces und Web-Anwendungen mit HTMX behandelt – einer Technologie, die es ermöglicht, interaktive Anwendungen auf Basis von HTML mit minimalem JavaScript-Code zu erstellen. Die Prinzipien der Zusammenarbeit mit HTMX in Verbindung mit Java, Spring Boot und Thymeleaf werden ausführlich beschrieben. Grundlegende Techniken zum Ersetzen von DOM-Elementen unter Verwendung verschiedener Trigger, die Arbeit mit Anfragen und Kopfzeilen sowie die Nutzung der Bibliothek htmx-spring-boot werden gezeigt. Es wird erklärt, wie man Out Of Band-Ersetzungen verwendet. Methoden zur Implementierung moderner UI-Muster wie Lazy Loading, aktives Suchen, unendliches Scrollen und Echtzeit-Formvalidierung werden beschrieben. Die Möglichkeiten zur Anbindung von Webkomponenten und zur Verstärkung der clientseitigen Logik mithilfe von JavaScript und der Bibliothek Alpine.js werden betrachtet. Es wird erläutert, wie die Sicherheit von Web-Anwendungen auf HTMX gewährleistet werden kann, wie man Ereignisse verarbeitet, die vom Server gesendet werden, und wie man Websockets verwendet.