Seminar Jahia DXP Frontend-Entwicklung mit JavaScript-Modulen

JavaScript-Module eröffnen Frontend-Teams einen direkten Weg in die Jahia-Entwicklung, ohne für jede Komponente Java-Code schreiben zu müssen. Die Teilnehmer bauen ein vollständiges Modul auf, verbinden Darstellung und Inhaltsmodell und berücksichtigen redaktionelle Bedienbarkeit ebenso wie technische Wartbarkeit.

Ihr Nutzen

• Sie verstehen Aufbau, Laufzeit und Grenzen von JavaScript-Modulen innerhalb der Jahia-Plattform.
• Sie entwickeln wiederverwendbare Templates, Content Views, Einstellungen, Labels und statische Ressourcen.
• Sie verbinden React-Komponenten mit strukturierten Inhalten und redaktionellen Konfigurationen.
• Sie setzen Internationalisierung, Fehlerbehandlung, Debugging und saubere Projektorganisation um.
• Sie paketieren, testen und deployen Module und planen die Zusammenarbeit mit Java- und OSGi-Bestandteilen.

Zielgruppe

Das Seminar richtet sich an moderne Webentwickler, die Jahia-Seiten und Komponenten mit JavaScript oder React realisieren wollen. Es ist auch für Teams geeignet, die bestehende Java-basierte Frontends schrittweise ergänzen oder eine klare Arbeitsteilung zwischen Content-Modell, Frontend und Backend etablieren möchten.

Voraussetzungen

Vorausgesetzt werden praktische JavaScript-Kenntnisse, Erfahrung mit Node.js, Paketmanagern und komponentenorientierter Frontend-Entwicklung. React-Grundlagen sollten vorhanden sein; Kenntnisse zu Jahia-Inhalten, Templates und GraphQL erleichtern den Einstieg, werden aber zu Beginn eingeordnet.

Inhalte

Die Themen werden anhand eines durchgängigen Praxisfalls erarbeitet und jeweils mit fachlichen, technischen und organisatorischen Entscheidungen verbunden.

Tag 1: Modulprojekt und erste Komponente

• Architektur von JavaScript-Modulen, Projektstruktur, Build-Prozess und Entwicklungsumgebung
• Templates, Views, Einstellungen, Labels, Ressourcen und grundlegende Modulmetadaten
• Zusammenspiel von Content-Typ, redaktioneller Eingabe und Frontend-Ausgabe
• React-Komponenten, Eigenschaften, wiederverwendbare Bausteine und Island-Architektur
• Praktische Umsetzung einer redaktionell konfigurierbaren Inhaltskomponente

Tag 2: Seiten, Daten und Internationalisierung

• Seitentemplates, Inhaltsbereiche, Listen und wiederverwendbare Layoutstrukturen
• Abruf und Aufbereitung von Content-Daten, Referenzen, Medien und sprachabhängigen Eigenschaften
• Internationalisierung von Beschriftungen, Komponenten und redaktionellen Inhalten
• Komponentenvarianten, Konfigurationen, Fehlerzustände und barrierearme Ausgabe
• Aufbau einer kleinen, mehrsprachigen Beispielseite aus mehreren Bausteinen

Tag 3: Qualität, Integration und Deployment

• Debugging, Logging, Frontend-Tests, strukturierte Fehleranalyse und Performance-Grundlagen
• Zusammenspiel mit GraphQL, Java-Modulen, OSGi-Services und bestehenden Template-Sets
• Packaging, Versionsstrategie, Abhängigkeiten und Bereitstellung in mehreren Umgebungen
• Wartbare Projektkonventionen, Code Reviews und Übergabe an Betrieb und Redaktion
• Abschlussprojekt mit Build, Deployment, redaktionellem Test und technischer Abnahme

Praxis und Arbeitsweise

Jeder Teilnehmer entwickelt ein lauffähiges Modul mit Inhaltsmodell, mehreren Views und einer mehrsprachigen Seite. Das Ergebnis wird gebaut, deployt, redaktionell geprüft und anhand einer technischen Checkliste verbessert.