Seminar Jahia DXP JavaScript-Module mit React und JSX

3-tägiges Praxis- und Vertiefungsseminar zu Toolchain, JavaScript-Modulen, React, JSX, editierbaren Komponenten, Datenzugriff, Interaktion, Editor-Integration, Tests und Deployment. Im Mittelpunkt stehen nachvollziehbare Arbeitsabläufe, belastbare Konfigurationen, systematische Qualitätskontrollen und die Übertragung auf reale Jahia-DXP-Szenarien.

Inhaltsverzeichnis

1. Toolchain und Modulstruktur
2. Komponenten und Eigenschaften
3. JSX-Rendering und Datenaufbereitung
4. Content- und API-Zugriff
5. Interaktion und Zustandslogik
6. Editor-Integration und Bibliothek
7. Tests, Performance und Deployment
8. Praxisübungen und Qualitätssicherung

Zielsetzung

Nach Abschluss können die behandelten Methoden eingesetzt werden, um moderne Komponenten strukturiert entwickeln, redaktionell bedienbar machen und in unterschiedlichen Renderkontexten performant, zugänglich und testbar ausliefern. Jeder Arbeitsschritt wird mit überprüfbaren Kriterien, typischen Fehlerbildern und dokumentierten Entscheidungspunkten verbunden.

Zielgruppe

Frontend-Entwicklung, Full-Stack-Entwicklung, JavaScript-Entwicklung, UI Engineering und technische Beratung.

Voraussetzungen

Gute Kenntnisse in modernem JavaScript oder TypeScript, React, JSX, HTML, CSS, Paketverwaltung und Versionskontrolle.

Kapitel 1: Toolchain und Modulstruktur

Inhaltsverzeichnis

1. Entwicklungsziel festlegen
2. Projekt und Abhängigkeiten einrichten
3. Quell- und Teststruktur organisieren
4. lokalen Build prüfen

Schritt-für-Schritt-Anleitung

1. Schritt 1: Entwicklungsziel festlegen
   • Ziel und Ausgangslage festlegen: Zweck, benötigte Eingaben, beteiligte Rollen, Abhängigkeiten und das erwartete Arbeitsergebnis werden eindeutig festgelegt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
2. Schritt 2: Projekt und Abhängigkeiten einrichten
   • Konfiguration oder Arbeitsfolge aufbauen: Die erforderlichen Objekte, Einstellungen und Bearbeitungsschritte werden im Trainingssystem in einer reproduzierbaren Reihenfolge umgesetzt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
3. Schritt 3: Quell- und Teststruktur organisieren
   • Varianten und Grenzfälle prüfen: Berechtigungen, Mehrsprachigkeit, Fallbacks, Fehlerfälle und alternative Konfigurationen werden anhand definierter Prüffälle untersucht.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
4. Schritt 4: lokalen Build prüfen
   • Ergebnis sichern und dokumentieren: Kontrollpunkte, Zuständigkeiten, Abweichungen und die übertragbare Vorgehensweise werden in einer kompakten Arbeitsvorlage festgehalten.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.

Kontrollpunkte

• Der Arbeitsschritt „Entwicklungsziel festlegen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Projekt und Abhängigkeiten einrichten“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Quell- und Teststruktur organisieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „lokalen Build prüfen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Entscheidungen, Abweichungen, Verantwortlichkeiten und offene Punkte sind in der Kapitelvorlage dokumentiert.

Kapitel 2: Komponenten und Eigenschaften

Inhaltsverzeichnis

1. Komponentenschnittstelle modellieren
2. Pflichtfelder und Standardwerte definieren
3. redaktionelle Hilfen konfigurieren
4. Fallbacks testen

Schritt-für-Schritt-Anleitung

1. Schritt 1: Komponentenschnittstelle modellieren
   • Ziel und Ausgangslage festlegen: Zweck, benötigte Eingaben, beteiligte Rollen, Abhängigkeiten und das erwartete Arbeitsergebnis werden eindeutig festgelegt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
2. Schritt 2: Pflichtfelder und Standardwerte definieren
   • Konfiguration oder Arbeitsfolge aufbauen: Die erforderlichen Objekte, Einstellungen und Bearbeitungsschritte werden im Trainingssystem in einer reproduzierbaren Reihenfolge umgesetzt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
3. Schritt 3: redaktionelle Hilfen konfigurieren
   • Varianten und Grenzfälle prüfen: Berechtigungen, Mehrsprachigkeit, Fallbacks, Fehlerfälle und alternative Konfigurationen werden anhand definierter Prüffälle untersucht.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
4. Schritt 4: Fallbacks testen
   • Ergebnis sichern und dokumentieren: Kontrollpunkte, Zuständigkeiten, Abweichungen und die übertragbare Vorgehensweise werden in einer kompakten Arbeitsvorlage festgehalten.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.

Kontrollpunkte

• Der Arbeitsschritt „Komponentenschnittstelle modellieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Pflichtfelder und Standardwerte definieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „redaktionelle Hilfen konfigurieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Fallbacks testen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Entscheidungen, Abweichungen, Verantwortlichkeiten und offene Punkte sind in der Kapitelvorlage dokumentiert.

Kapitel 3: JSX-Rendering und Datenaufbereitung

Inhaltsverzeichnis

1. Daten und Präsentation trennen
2. semantisches Markup umsetzen
3. Listen und Leerzustände behandeln
4. Content-Zustände testen

Schritt-für-Schritt-Anleitung

1. Schritt 1: Daten und Präsentation trennen
   • Ziel und Ausgangslage festlegen: Zweck, benötigte Eingaben, beteiligte Rollen, Abhängigkeiten und das erwartete Arbeitsergebnis werden eindeutig festgelegt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
2. Schritt 2: semantisches Markup umsetzen
   • Konfiguration oder Arbeitsfolge aufbauen: Die erforderlichen Objekte, Einstellungen und Bearbeitungsschritte werden im Trainingssystem in einer reproduzierbaren Reihenfolge umgesetzt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
3. Schritt 3: Listen und Leerzustände behandeln
   • Varianten und Grenzfälle prüfen: Berechtigungen, Mehrsprachigkeit, Fallbacks, Fehlerfälle und alternative Konfigurationen werden anhand definierter Prüffälle untersucht.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
4. Schritt 4: Content-Zustände testen
   • Ergebnis sichern und dokumentieren: Kontrollpunkte, Zuständigkeiten, Abweichungen und die übertragbare Vorgehensweise werden in einer kompakten Arbeitsvorlage festgehalten.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.

Kontrollpunkte

• Der Arbeitsschritt „Daten und Präsentation trennen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „semantisches Markup umsetzen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Listen und Leerzustände behandeln“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Content-Zustände testen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Entscheidungen, Abweichungen, Verantwortlichkeiten und offene Punkte sind in der Kapitelvorlage dokumentiert.

Kapitel 4: Content- und API-Zugriff

Inhaltsverzeichnis

1. Datenbedarf bestimmen
2. Daten sparsam abrufen
3. Lade- und Fehlerfälle behandeln
4. Antwortgrößen optimieren

Schritt-für-Schritt-Anleitung

1. Schritt 1: Datenbedarf bestimmen
   • Ziel und Ausgangslage festlegen: Zweck, benötigte Eingaben, beteiligte Rollen, Abhängigkeiten und das erwartete Arbeitsergebnis werden eindeutig festgelegt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
2. Schritt 2: Daten sparsam abrufen
   • Konfiguration oder Arbeitsfolge aufbauen: Die erforderlichen Objekte, Einstellungen und Bearbeitungsschritte werden im Trainingssystem in einer reproduzierbaren Reihenfolge umgesetzt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
3. Schritt 3: Lade- und Fehlerfälle behandeln
   • Varianten und Grenzfälle prüfen: Berechtigungen, Mehrsprachigkeit, Fallbacks, Fehlerfälle und alternative Konfigurationen werden anhand definierter Prüffälle untersucht.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
4. Schritt 4: Antwortgrößen optimieren
   • Ergebnis sichern und dokumentieren: Kontrollpunkte, Zuständigkeiten, Abweichungen und die übertragbare Vorgehensweise werden in einer kompakten Arbeitsvorlage festgehalten.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.

Kontrollpunkte

• Der Arbeitsschritt „Datenbedarf bestimmen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Daten sparsam abrufen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Lade- und Fehlerfälle behandeln“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Antwortgrößen optimieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Entscheidungen, Abweichungen, Verantwortlichkeiten und offene Punkte sind in der Kapitelvorlage dokumentiert.

Kapitel 5: Interaktion und Zustandslogik

Inhaltsverzeichnis

1. progressive Erweiterung festlegen
2. Zustand und Ereignisse kapseln
3. Tastatur und Fokus berücksichtigen
4. Hydration prüfen

Schritt-für-Schritt-Anleitung

1. Schritt 1: progressive Erweiterung festlegen
   • Ziel und Ausgangslage festlegen: Zweck, benötigte Eingaben, beteiligte Rollen, Abhängigkeiten und das erwartete Arbeitsergebnis werden eindeutig festgelegt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
2. Schritt 2: Zustand und Ereignisse kapseln
   • Konfiguration oder Arbeitsfolge aufbauen: Die erforderlichen Objekte, Einstellungen und Bearbeitungsschritte werden im Trainingssystem in einer reproduzierbaren Reihenfolge umgesetzt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
3. Schritt 3: Tastatur und Fokus berücksichtigen
   • Varianten und Grenzfälle prüfen: Berechtigungen, Mehrsprachigkeit, Fallbacks, Fehlerfälle und alternative Konfigurationen werden anhand definierter Prüffälle untersucht.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
4. Schritt 4: Hydration prüfen
   • Ergebnis sichern und dokumentieren: Kontrollpunkte, Zuständigkeiten, Abweichungen und die übertragbare Vorgehensweise werden in einer kompakten Arbeitsvorlage festgehalten.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.

Kontrollpunkte

• Der Arbeitsschritt „progressive Erweiterung festlegen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Zustand und Ereignisse kapseln“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Tastatur und Fokus berücksichtigen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Hydration prüfen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Entscheidungen, Abweichungen, Verantwortlichkeiten und offene Punkte sind in der Kapitelvorlage dokumentiert.

Kapitel 6: Editor-Integration und Bibliothek

Inhaltsverzeichnis

1. Komponenten registrieren
2. Bearbeitungs- und Livezustand unterscheiden
3. Varianten standardisieren
4. Komponentenübersicht erstellen

Schritt-für-Schritt-Anleitung

1. Schritt 1: Komponenten registrieren
   • Ziel und Ausgangslage festlegen: Zweck, benötigte Eingaben, beteiligte Rollen, Abhängigkeiten und das erwartete Arbeitsergebnis werden eindeutig festgelegt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
2. Schritt 2: Bearbeitungs- und Livezustand unterscheiden
   • Konfiguration oder Arbeitsfolge aufbauen: Die erforderlichen Objekte, Einstellungen und Bearbeitungsschritte werden im Trainingssystem in einer reproduzierbaren Reihenfolge umgesetzt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
3. Schritt 3: Varianten standardisieren
   • Varianten und Grenzfälle prüfen: Berechtigungen, Mehrsprachigkeit, Fallbacks, Fehlerfälle und alternative Konfigurationen werden anhand definierter Prüffälle untersucht.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
4. Schritt 4: Komponentenübersicht erstellen
   • Ergebnis sichern und dokumentieren: Kontrollpunkte, Zuständigkeiten, Abweichungen und die übertragbare Vorgehensweise werden in einer kompakten Arbeitsvorlage festgehalten.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.

Kontrollpunkte

• Der Arbeitsschritt „Komponenten registrieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Bearbeitungs- und Livezustand unterscheiden“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Varianten standardisieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Komponentenübersicht erstellen“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Entscheidungen, Abweichungen, Verantwortlichkeiten und offene Punkte sind in der Kapitelvorlage dokumentiert.

Kapitel 7: Tests, Performance und Deployment

Inhaltsverzeichnis

1. Komponententests definieren
2. Bundlegröße analysieren
3. Artefakt paketieren
4. Deployment und Rücknahme erproben

Schritt-für-Schritt-Anleitung

1. Schritt 1: Komponententests definieren
   • Ziel und Ausgangslage festlegen: Zweck, benötigte Eingaben, beteiligte Rollen, Abhängigkeiten und das erwartete Arbeitsergebnis werden eindeutig festgelegt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
2. Schritt 2: Bundlegröße analysieren
   • Konfiguration oder Arbeitsfolge aufbauen: Die erforderlichen Objekte, Einstellungen und Bearbeitungsschritte werden im Trainingssystem in einer reproduzierbaren Reihenfolge umgesetzt.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
3. Schritt 3: Artefakt paketieren
   • Varianten und Grenzfälle prüfen: Berechtigungen, Mehrsprachigkeit, Fallbacks, Fehlerfälle und alternative Konfigurationen werden anhand definierter Prüffälle untersucht.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.
4. Schritt 4: Deployment und Rücknahme erproben
   • Ergebnis sichern und dokumentieren: Kontrollpunkte, Zuständigkeiten, Abweichungen und die übertragbare Vorgehensweise werden in einer kompakten Arbeitsvorlage festgehalten.
   • Durchführung: Der Arbeitsschritt wird an einem fachlich konsistenten Beispiel ausgeführt; Eingaben, Konfiguration und Auswirkungen werden unmittelbar verglichen.
   • Kontrolle: Das Zwischenergebnis wird auf Vollständigkeit, Berechtigungen, Nachvollziehbarkeit, Wiederholbarkeit und Auswirkungen auf angrenzende Prozesse geprüft.

Kontrollpunkte

• Der Arbeitsschritt „Komponententests definieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Bundlegröße analysieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Artefakt paketieren“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Der Arbeitsschritt „Deployment und Rücknahme erproben“ ist vollständig, reproduzierbar und anhand eines definierten Soll-Ergebnisses geprüft.
• Entscheidungen, Abweichungen, Verantwortlichkeiten und offene Punkte sind in der Kapitelvorlage dokumentiert.

Praxisübungen

1. Übung 1: Editierbare React-Komponente mit Varianten und Fallbacks aufbauen. Zuerst werden Ziel und Prüfkriterien festgelegt, anschließend wird die Aufgabe im Trainingssystem umgesetzt und zuletzt mit einer Ergebnis- und Fehlerkontrolle abgeschlossen.
2. Übung 2: Content-Daten und zugängliche Interaktion integrieren. Zuerst werden Ziel und Prüfkriterien festgelegt, anschließend wird die Aufgabe im Trainingssystem umgesetzt und zuletzt mit einer Ergebnis- und Fehlerkontrolle abgeschlossen.
3. Übung 3: Komponentenbibliothek einschließlich Tests und Buildartefakt erstellen. Zuerst werden Ziel und Prüfkriterien festgelegt, anschließend wird die Aufgabe im Trainingssystem umgesetzt und zuletzt mit einer Ergebnis- und Fehlerkontrolle abgeschlossen.

Qualitätssicherung

• Konfigurationen und redaktionelle Ergebnisse werden anhand vorab definierter Soll-Kriterien geprüft.
• Rollen, Berechtigungen, Datenflüsse, Fallbacks und Fehlerfälle werden in geeigneten Prüfszenarien nachvollzogen.
• Wiederholbare Arbeitsschritte werden als Checkliste, Runbook oder Redaktionsstandard dokumentiert.
• Offene Entscheidungen werden mit Verantwortlichkeit, Priorität und nächstem Prüftermin festgehalten.