DMVCFramework, TemplatePro und HTMX: Erstelle in kurzer Zeit moderne Webanwendungen ohne JavaScript
Dauer: 2 Tage | Preis: 590,00 €
Voraussetzungen
Kenntnisse in Delphi sowie grundlegende Kenntnisse in HTML, CSS und JavaScript.
Beschreibung
Bist du es leid, komplexe Technologiestacks für die Entwicklung moderner Webanwendungen zu verwalten? Möchtest du dynamische und reaktive Benutzeroberflächen erstellen, ohne Tausende von Zeilen JavaScript schreiben zu müssen? Dieser Workshop ist genau für dich!
In diesem Kurs werden wir untersuchen, wie du DMVCFramework, TemplatePro und HTMX verwenden kannst, um leistungsstarke und flexible Webanwendungen mit Delphi zu entwickeln, dabei den Code sauber zu halten und den Einsatz von JavaScript auf ein Minimum zu reduzieren. DMVCFramework ermöglicht es dir, das Backend effizient und modular zu verwalten, während TemplatePro die Generierung von dynamischem und skalierbarem HTML vereinfacht. Schließlich werden wir entdecken, wie HTMX verwendet werden kann, um Interaktivität in deine Anwendungen hinzuzufügen, ohne komplexe JavaScript-Frameworks zu benötigen.
Während des Workshops werden wir uns nicht nur auf Theorie konzentrieren. Wir werden praktische Beispiele und reale Anwendungsfälle durchgehen, um dir die Fähigkeiten zu vermitteln, die du benötigst, um sofort moderne und leistungsstarke Anwendungen zu erstellen. Du wirst lernen, wie du diese Werkzeuge kombinieren kannst, um die Produktivität zu maximieren und die Wartbarkeit des Codes zu verbessern, wodurch der Time-to-Market deiner Lösungen verkürzt wird.
Verpasse nicht diese Gelegenheit, deinen Entwicklungsworkflow zu verbessern und zu lernen, wie du die Technologien, die du bereits kennst, optimal nutzen kannst. Melde dich jetzt an und bringe deine Webanwendungen auf die nächste Stufe!
Neben der Zeitersparnis wird die resultierende Anwendung in der Regel schneller sein als ihre Entsprechung, die mit komplexen Client-Side-Frameworks (z. B. React oder Angular) entwickelt wurde.
Warum? Überzeuge dich selbst:
Architektur | Notwendige Schritte, um die Daten auf einer Seite anzuzeigen
Mit einem JavaScript-Client-Side-Framework: | Datenbank
Serialisierung in JSON
Netzwerk
Deserialisierung
Template
Browser
Mit TemplatePro und HTMX: | Datenbank
Template
HTML
Netzwerk
Browser
Inhalte
Einführung in DMVCFramework
Rendering
Datenzugriff
Server Side View
TemplatePro
Syntax
Daten an das Template übergeben
Wiederverwendung der kompilierten Templates
Eingebaute Filter
Eigene Filter und Funktionen hinzufügen
Anwendungsfälle
HTMX
Warum HTMX revolutionär ist
Stärken des HTMX-Ansatzes
Wie HTMX Zeit spart
Alles zusammenbringen und eine moderne Webanwendung mit DMVCFramework, TemplatePro und HTMX schreiben
Fortgeschrittenes HTMX
HTMX-Ereignisse
Eingebaute Erweiterungen
Wie man eine HTMX-Erweiterung schreibt
Integration mit Alpine.js
Deployment-Strategien
Best Practices und gängige UX-Pattern
Inline-Bearbeitung eines Datenobjekts
Blockweises Aktualisieren mehrerer Datenzeilen
Klick zum Laden mehrerer Zeilen in einer Tabelle
Löschen von Zeilen in einer Tabelle
Wie man Zeilen in einer Tabelle bearbeitet
Implementierung von Infinite Scrolling
Inline-Feldvalidierung
Active Search (Inkrementelle Suche während der Eingabe)
Implementierung einer Fortschrittsanzeige
Wie man Auswahlwerte von einer anderen Auswahl abhängig macht
Verschiedene Animationstechniken
Wie man eine Datei per Ajax mit einer Fortschrittsanzeige hochlädt
Verwendung von Dialogen
Erstellung von Tab-Interfaces
Tastenkürzel für HTMX-Elemente erstellen
Implementierung von Drag-and-Drop-Reihenfolgeänderung
Mehrere DOM-Elemente mit einer einzigen Anfrage aktualisieren
Wie man ein benutzerdefiniertes Bestätigungsdialogfeld mit HTMX implementiert
Deployment der vollständigen Lösung
