HTMX, from zero to hero!

Beschreibung

Wenn Sie die Entwicklung dynamischer Weboberflächen vereinfachen möchten, ohne ein komplexes Framework erlernen zu müssen, ist HTMX die ideale Lösung. In diesem zweitägigen Kurs entdecken Sie, warum HTMX die Art und Weise, wie wir Webanwendungen erstellen, revolutioniert, indem es einen einfachen und leistungsstarken Ansatz basierend auf HTML bietet, ohne dass JavaScript geschrieben werden muss (oder dessen Verwendung stark eingeschränkt wird).

Während des Kurses werden wir die Stärken von HTMX untersuchen, wie z. B. die Zeitersparnis durch die deklarative Syntax und die direkte Integration mit HTTP-Servern. Sie lernen, fortgeschrittene UX-Muster zu implementieren, darunter die Inline-Bearbeitung von Daten, unendliches Scrollen, inkrementelle Suche, Dateiverwaltung mit Fortschrittsbalken, benutzerdefinierte Dialoge und vieles mehr. Sie entdecken auch Techniken zum Erstellen von Animationen, Tab-Schnittstellen und Tastaturkürzeln, um die Benutzererfahrung zu verbessern, ohne den Code zu verkomplizieren.

Wir werden die Integration mit Hyperscript vertiefen, um clientseitige Logik ohne externe Abhängigkeiten hinzuzufügen, die HTMX-Ereignisse zur Verwaltung komplexer Interaktionen, die integrierten Erweiterungen und wie Sie Ihre eigenen benutzerdefinierten Erweiterungen erstellen. Wir werden auch sehen, wie HTMX mit Alpine.js integriert wird, um die Funktionen Ihrer Anwendungen weiter zu bereichern.

Schließlich werden wir effiziente Bereitstellungsstrategien besprechen, um Ihre HTMX-Anwendungen in die Produktion zu bringen. Am Ende des Kurses sind Sie bereit, dynamische und leistungsstarke Weboberflächen einfach und schnell zu entwickeln.

HTMX ist eine leichte Javascript-Bibliothek, die den Zugriff auf moderne Browserfunktionen direkt von HTML aus ermöglicht, wodurch schwere clientseitige Frameworks und insbesondere der Clientzustand überflüssig werden. HTMX ist sehr leicht und hat keine Abhängigkeiten von anderen Javascript-Bibliotheken. Diese Eigenschaften ermöglichen es uns, die Kompilierungsphase des clientseitigen Javascript-Codes zu vermeiden, wodurch der gesamte Prozess erheblich vereinfacht und die Anzahl der für das Projekt zugewiesenen Personen reduziert wird. Die allgemeine Philosophie von HTMX stimmt gut mit der Einfachheit von DMVCFramework und Python überein. In der Regel ist eine Webanwendung, die HTMX verwendet, schneller (in Bezug auf die UX) als ein Gegenstück, das mit Javascript-Frameworks wie Angular oder React geschrieben wurde. Obwohl es nicht die beste Wahl für alle Fälle gibt, spart HTMX in vielen Situationen Zeit und Geld und hat eine flache und sehr lineare Lernkurve. Die Popularität von HTMX ist explodiert, seit es in die von Github für seinen Github Open Source Accelerator gesponserten Projekte aufgenommen wurde!

✅ Mit einem clientseitigen Javascript-Framework: DB ➡️ JSON ➡️ JS ➡️ HTML ✅ Mit HTMX: DB ➡️ HTML