Seminar Prepr – Intensivseminar Entwicklung, Integration und Delivery

Das Seminar vermittelt Content Architecture, GraphQL, Frontend, Preview, Visual Editing, TypeScript, Tests, Performance, Integrationen, Migration, CI/CD, Sicherheit und Betrieb. Die Inhalte werden als zusammenhängender Arbeitsablauf mit klaren Prüfpunkten, Verantwortungen und wiederholbaren Standards aufgebaut.

Inhaltsübersicht

1. Lernziele
2. Seminarinhalte
3. Zielgruppe und Voraussetzungen
4. Didaktik und Arbeitsweise

Lernziele

• Ein API-taugliches Prepr-Schema und einen typisierten Datenzugriff entwickeln.
• Frontend, Preview und Visual Editing produktionsreif integrieren.
• Integrationen, Migration und Delivery wiederholbar und ausfallsicher umsetzen.
• Sicherheit, Tests, Performance, Monitoring und Betriebsübergabe absichern.

Seminarinhalte

Architektur, Umgebungen und Projektbasis festlegen

1. Den Arbeitsbereich „Zielkanäle, Datenflüsse, Umgebungen, Zugriffe, Projektstruktur, Secrets und Abnahmekriterien“ mit Ausgangslage, Ziel, Beteiligten und Abhängigkeiten vollständig erfassen.
2. Die Anforderungen in eine priorisierte Sollstruktur mit eindeutigen Entscheidungs- und Freigaberegeln überführen.
3. Die Sollstruktur mit einem Normalfall, einem Grenzfall und einem Konfliktfall auf Konsistenz prüfen.
4. Verantwortung, Nachweis, Review-Termin und notwendige Folgeaktivitäten verbindlich dokumentieren.

Content Architecture für APIs entwickeln

1. Die fachlichen Anforderungen für „Models, Komponenten, Beziehungen, Validierungen, Dynamic Content, Locales und Schema-Evolution“ sammeln und von reinen Darstellungswünschen trennen.
2. Models, Komponenten, Felder, Beziehungen oder Enumerationen passend zum Bedarf in Prepr konfigurieren.
3. Pflichtfelder, Validierungen, Locales und redaktionelle Hinweise mit vollständigen Beispieldaten prüfen.
4. Auswirkungen auf GraphQL, Redaktion, Wiederverwendung und spätere Schemaänderungen dokumentieren.

GraphQL-Datenlayer implementieren

1. Den Datenbedarf für „Tokens, Queries, Fragmente, Variablen, Filter, Pagination, Beziehungen und Fehlerbehandlung“ mit Feldern, Filtern, Locales, Status und Fehlerfällen präzise beschreiben.
2. Token, Endpunkt, Query, Fragmente und typisierte Variablen mit minimalem Datenumfang konfigurieren.
3. Normale, leere, unvollständige, nicht autorisierte und verzögerte Antworten automatisiert prüfen.
4. Caching, Versionierung, Monitoring, Fehlerbehandlung und Wartungsverantwortung festlegen.

Frontend und Komponenten-Mapping aufbauen

1. Rendering, Routing, Locale, Aktualitätsziel und Komponentenbedarf für „Rendering, Routing, Typen, Komponentenregister, Fallbacks und kritische Seiten“ festlegen.
2. Datenlayer und Komponenten-Mapping mit klaren Typen, Fallbacks und geschützter Konfiguration umsetzen.
3. Entwurf, Produktion, Gerätevarianten, unbekannte Inhalte und API-Störungen systematisch testen.
4. Performance, Deployment, Cache-Aktualisierung, Rollback und redaktionelle Abnahme dokumentieren.

Preview und Visual Editing integrieren

1. Rendering, Routing, Locale, Aktualitätsziel und Komponentenbedarf für „geschützte Routen, Entwürfe, geplante Inhalte, editierbare Bereiche, Einbettung und CSP“ festlegen.
2. Datenlayer und Komponenten-Mapping mit klaren Typen, Fallbacks und geschützter Konfiguration umsetzen.
3. Entwurf, Produktion, Gerätevarianten, unbekannte Inhalte und API-Störungen systematisch testen.
4. Performance, Deployment, Cache-Aktualisierung, Rollback und redaktionelle Abnahme dokumentieren.

TypeScript, Tests, Caching und Performance vertiefen

1. Prüfziel, Qualitätsgrenzen, Testdaten und erwartete Ergebnisse für „strikte Typen, Contract-Tests, Content-Varianten, Invalidierung, Query- und Render-Performance“ festlegen.
2. Automatisierte und manuelle Prüfungen mit reproduzierbarer Ausgangslage und eindeutigen Nachweisen aufbauen.
3. Normalfall, Grenzfall, Fehlerfall, Berechtigungsfehler und unvollständige Daten systematisch durchspielen.
4. Abweichungen priorisieren, Korrektur erneut prüfen und das Ergebnis als verbindliches Freigabekriterium dokumentieren.

Remote Sources und Webhooks integrieren

1. Datenbesitz, Richtung, Aktualität, Schlüssel und Vertrag für „Datenvertrag, Authentisierung, Mapping, Fallback, Signatur, Idempotenz und Diagnose“ eindeutig bestimmen.
2. Authentisierung, Mapping, Idempotenz, Wiederholung und Fehlerablage in der Integration umsetzen.
3. Doppelte, verspätete, fehlerhafte und unvollständige Nachrichten mit kontrollierten Fällen prüfen.
4. Abstimmung, Monitoring, Alarmierung, Supportweg und Änderungsverfahren verbindlich festlegen.

Mutation API und Migration einsetzen

1. Mess- oder Datenanforderungen für „stabile Schlüssel, Transformation, Schreiben, Beziehungen, Locales, Abstimmung und Cutover“ mit Zweck, Feldern, Identität und Qualitätsgrenzen definieren.
2. Erfassung, Transformation oder Übertragung mit stabilen Schlüsseln und nachvollziehbarem Status umsetzen.
3. Vollständigkeit, Duplikate, Reihenfolge, Locales, Beziehungen und Fehlerbestand systematisch prüfen.
4. Korrekturlauf, Aufbewahrung, Freigabe, Monitoring und regelmäßige Qualitätskontrolle dokumentieren.

CI/CD und Sicherheit verankern

1. Betriebsziel, Änderungstyp, Umgebungen und Verantwortungen für „Pipeline, Review, Tests, Deployment-Hooks, Cache, Rollen, Tokens, Secrets und Rollback“ festlegen.
2. Automatisierte Prüfung, Freigabe, Deployment, Cache-Aktualisierung und Monitoring umsetzen.
3. Fehlgeschlagenen Build, unvollständige Änderung, verzögerte Auslieferung und Rückfall praktisch testen.
4. Runbook, SLO, Alarmierung, Nachweis, Review und kontinuierliche Verbesserung etablieren.

Produktionsabnahme und Betrieb übergeben

1. Betriebsziel, Änderungstyp, Umgebungen und Verantwortungen für „Smoke-Tests, Datenkontrolle, Performance, Sicherheit, SLOs, Runbooks und Support“ festlegen.
2. Automatisierte Prüfung, Freigabe, Deployment, Cache-Aktualisierung und Monitoring umsetzen.
3. Fehlgeschlagenen Build, unvollständige Änderung, verzögerte Auslieferung und Rückfall praktisch testen.
4. Runbook, SLO, Alarmierung, Nachweis, Review und kontinuierliche Verbesserung etablieren.

Zielgruppe und Voraussetzungen

Zielgruppe: Frontend- und Backend-Entwicklung, Solution Architecture, Integration Engineering, DevOps, Quality Engineering und technische Plattformverantwortung.

Voraussetzungen: Sichere Kenntnisse in Webentwicklung, GraphQL, HTTP, TypeScript oder vergleichbarer Sprache, Versionsverwaltung und CI/CD. Content-Modeling-Grundlagen sind erforderlich.

Didaktik und Arbeitsweise

Kurze Fachimpulse werden unmittelbar mit Demonstrationen, strukturierten Konfigurationsschritten, Praxisübungen und kontrollierten Fehlerfällen verbunden. Jede Übung verwendet definierte Ausgangswerte, Prüfpunkte und Dokumentationsanforderungen.