Seminar Umbraco – Intensiv: Entwicklung, Integration und E-Commerce

Dieser Intensivpfad bündelt die entwicklungsorientierten Einzelseminare in einem durchgehenden Projekt. Eine Inhaltsplattform wird schrittweise um interaktive Funktionen, eine Backoffice-Erweiterung, externe Daten, Suche, API-Ausgabe und einen kleinen Commerce-Prozess ergänzt.

Jeder Tag liefert ein lauffähiges Zwischenprodukt. Architektur, Sicherheit, Tests und Bereitstellung werden fortlaufend berücksichtigt, damit am Ende kein bloßer Demonstrationscode, sondern eine nachvollziehbar strukturierte Lösung entsteht.

Inhaltsverzeichnis

• Zielsetzung
• Zielgruppe
• Voraussetzungen
• Seminarinhalte
• Praxisübungen
• Methodik

Zielsetzung

Ziel ist die umfassende Umsetzung moderner Umbraco-Lösungen vom Inhaltsmodell über server- und clientseitige Erweiterungen bis zu Integration, Suche und transaktionalen Prozessen.

Zielgruppe

Erfahrene .NET- und Webentwickler, Lösungsarchitekten sowie technische Teams vor anspruchsvollen Umbraco-Projekten.

Voraussetzungen

Gute Kenntnisse in C#, ASP.NET Core, HTML, CSS, JavaScript oder TypeScript, HTTP, JSON und Versionsverwaltung. Erste Umbraco-Erfahrung wird vorausgesetzt.

Seminarinhalte

Die Themen werden in aufeinander aufbauenden Arbeitsschritten behandelt. Jeder Schritt wird demonstriert, in der Übungsumgebung umgesetzt und anhand festgelegter Prüfkriterien kontrolliert.

Tag 1 – Projektarchitektur, Modelle und Rendering

Der erste Tag schafft die gemeinsame technische Basis.

1. Schritt 1: Projekt, Konfiguration, Entwicklungsstandards und Schichten für Inhalte, Darstellung, Fachlogik und Infrastruktur aufsetzen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
2. Schritt 2: Document Types, Kompositionen, generierte Modelle und Blockbereiche aus einem fachlichen Modell ableiten. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
3. Schritt 3: Razor-Layouts, Partials, Komponenten und Ansichtsmodelle für Navigation, Listen und Detailseiten implementieren. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
4. Schritt 4: Medien und responsive Bildausgabe integrieren und fehlende oder unvollständige Inhalte robust behandeln. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
5. Schritt 5: Grundlegende Tests, Protokollierung und technische Abnahmekriterien einrichten. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.

Tag 2 – MVC, Routing, Formulare und Mitglieder

Der zweite Tag ergänzt kontrollierte Anwendungslogik.

1. Schritt 1: Renderingpfade, benutzerdefinierte Controller und Route Hijacking gezielt einsetzen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
2. Schritt 2: Surface Controller oder vergleichbare Formularverarbeitung mit Validierung und Schutzmechanismen umsetzen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
3. Schritt 3: Mitgliederanmeldung, geschützte Bereiche und rollenabhängige Ausgabe implementieren. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
4. Schritt 4: Eigene Routen und Content Finder für fachlich begründete Adressauflösung bereitstellen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
5. Schritt 5: Controller-, Service- und Integrationstests für erfolgreiche und fehlerhafte Abläufe erstellen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.

Tag 3 – Moderne Backoffice-Erweiterung

Der dritte Tag entwickelt eine individuelle Verwaltungsoberfläche.

1. Schritt 1: TypeScript-, Lit- und Vite-Projekt mit Extension Manifest und UI Library aufsetzen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
2. Schritt 2: Dashboard, Workspace, Formular, Dialoge und Benachrichtigungen implementieren. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
3. Schritt 3: Eigene serverseitige API mit Datenvertrag, Validierung und Autorisierung bereitstellen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
4. Schritt 4: Frontend und API mit Lade-, Fehler-, Berechtigungs- und Konfliktzuständen verbinden. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
5. Schritt 5: Erweiterung testen, bauen, versionieren und als installierbares Paket vorbereiten. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.

Tag 4 – Integrationen, Suche und Headless-Ausgabe

Der vierte Tag verbindet interne und externe Datenwege.

1. Schritt 1: Externe API mit typisiertem Client, sicherer Authentifizierung und Datenabbildung anbinden. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
2. Schritt 2: Webhooks, Idempotenz, Wiederholungen, Zeitlimits und strukturierte Diagnose implementieren. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
3. Schritt 3: Examine-Index konfigurieren, eigene Felder aufnehmen und gewichtete Suchabfragen erstellen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
4. Schritt 4: Content Delivery API für ausgewählte Inhalte konfigurieren und einen typisierten Client anbinden. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
5. Schritt 5: Vertrags-, Such- und Aktualisierungstests für Integration und Headless-Ausgabe ausführen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.

Tag 5 – Commerce, Qualität und Bereitstellung

Der fünfte Tag ergänzt einen transaktionalen Prozess und schließt das Gesamtprojekt ab.

1. Schritt 1: Shopgrundlage, Produktvarianten, Preise, Warenkorb und Rabatt für ein begrenztes Szenario konfigurieren. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
2. Schritt 2: Checkout, Zahlungssimulation und Bestellstatus mit eindeutiger Fehlerbehandlung umsetzen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
3. Schritt 3: Sicherheits-, Datenschutz-, Performance- und Paketprüfungen über alle Projektteile durchführen. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
4. Schritt 4: Build, Umgebungswerte, Datenbank, Medien, Migration und Rückfallstrategie für die Bereitstellung vorbereiten. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.
5. Schritt 5: Gesamtlösung anhand fachlicher und technischer Abnahmekriterien präsentieren und offene Risiken dokumentieren. Die Umsetzung wird unmittelbar geprüft, fachlich eingeordnet und mit den notwendigen Betriebs- oder Qualitätsregeln dokumentiert.

Praxisübungen

• Entwicklung einer vollständigen Beispielanwendung mit Content Models, MVC, Formular und Mitgliederbereich.
• Umsetzung einer modernen Backoffice-Erweiterung mit eigener API.
• Anbindung eines Fremddienstes, Aufbau einer Suche und Headless-Ausgabe ausgewählter Inhalte.
• Ergänzung eines kleinen Commerce-Prozesses und abschließender Bereitstellungsprobelauf.

Methodik

Kurze Fachvorträge wechseln mit Live-Demonstrationen, geführten Umsetzungen und selbstständigen Übungen. Zwischenstände werden anhand nachvollziehbarer Prüfschritte kontrolliert. Typische Fehlkonfigurationen und Störungsszenarien werden bewusst einbezogen, damit nicht nur der Normalfall, sondern auch Diagnose, Korrektur und sichere Rücknahme beherrscht werden.