Seminar Laravel Blade, Livewire und reaktive Oberflächen

Inhaltsübersicht

• Seminarprofil
• Lernziele
• Inhalte
• Praxisübungen
• Zielgruppe und Voraussetzungen

Seminarprofil

Das Seminar zeigt einen PHP-zentrierten Weg zu modernen Benutzeroberflächen. Blade übernimmt wiederverwendbare Darstellung und Layoutstruktur, während Livewire Zustandsänderungen, Validierung und Interaktion ohne eine separate JavaScript-SPA abbildet.

Die Inhalte folgen einer vollständigen Anwendung mit Listen, Filtern, Formularen, Dialogen, Uploads und Berechtigungen. Besonderes Gewicht liegt auf klaren Komponentengrenzen, nachvollziehbarem Zustand und der Vermeidung unnötiger Server-Roundtrips.

Lernziele

• Blade-Layouts und wiederverwendbare Komponenten sauber strukturieren
• Livewire-Komponenten mit klaren Zustands- und Ereignisgrenzen entwickeln
• Formulare, Validierung, Uploads, Pagination und Suche reaktiv umsetzen
• Autorisierung und Datenzugriff direkt an Komponenten absichern
• Rendering, Abfragen und Netzwerkverkehr gezielt optimieren
• Komponenten und Benutzerabläufe automatisiert testen

Inhalte

Blade als Komponenten- und Layoutsystem

Layouts, Slots, anonyme und klassenbasierte Komponenten, Attribute, Direktiven und saubere Trennung zwischen Darstellung und Anwendungslogik.

• Layouts und Slots
• Komponentenattribute
• Formularbausteine
• Wiederverwendbare UI-Muster

Livewire-Komponenten und Zustand

Lebenszyklus, öffentliche Eigenschaften, berechnete Werte, Actions, Ereignisse und Kommunikation zwischen Komponenten.

• Komponentenlebenszyklus
• State und Computed Values
• Actions und Events
• Verschachtelte Komponenten

Formulare und Interaktion

Reaktive Eingaben, Validierung, Fehleranzeige, Debouncing, abhängige Felder, modale Abläufe und optimistische Rückmeldungen.

• Form State
• Validierung
• Lade- und Fehlerzustände
• Dialog- und Wizard-Muster

Listen, Suche und Dateien

Pagination, Filter, Sortierung, URL-Zustand, Dateiuploads, Fortschrittsanzeige und sichere Speicherung.

• Pagination und Filter
• Query-String-Synchronisierung
• Uploads
• Dateiberechtigungen

Sicherheit und Performance

Autorisierung pro Action, Validierung nicht vertrauenswürdiger Zustände, Eager Loading, Request-Bündelung und Begrenzung großer Komponenten.

• Policies in Komponenten
• Manipulationsschutz
• Abfrageoptimierung
• Komponentenschnitt

Tests und Wartbarkeit

Komponententests, Benutzerinteraktionen, Validierungsfehler, Events, Dateiuploads und Integration in die allgemeine Laravel-Teststrategie.

• Livewire-Test-API
• Datenbank- und Policy-Tests
• Upload-Tests
• Regressionstests

Praxisübungen

1. Schritt 1: Ein Blade-Layout und wiederverwendbare Formular- und Navigationskomponenten erstellen.
2. Schritt 2: Eine Livewire-Liste mit Suche, Filtern, Sortierung und Pagination implementieren.
3. Schritt 3: Ein reaktives Erfassungsformular mit Validierung und abhängigen Feldern entwickeln.
4. Schritt 4: Dateiupload, Autorisierung und sichere Speicherung ergänzen.
5. Schritt 5: Abfragen und Renderzyklen messen und optimieren.
6. Schritt 6: Komponenten- und Ablaufprüfungen automatisieren.

Zielgruppe und Voraussetzungen

Zielgruppe: Laravel-Entwickler und PHP-Full-Stack-Entwickler, die interaktive Anwendungen ohne eigenständige JavaScript-SPA entwickeln möchten.

Voraussetzungen: Laravel-Grundlagen in Routing, Blade, Eloquent und Validierung. Grundkenntnisse von HTML und CSS sind erforderlich; vertiefte JavaScript-Kenntnisse sind nicht notwendig.