Seminar KI-gestützte Fullstack-Entwicklung mit TypeScript

Ein produktiver Entwicklungsauftrag betrifft häufig mehrere Schichten einer Anwendung. Das Seminar begleitet deshalb ein zusammenhängendes Feature von der fachlichen Beschreibung bis zur geprüften Oberfläche. KI-Assistenten unterstützen Analyse, Implementierung und Fehlerkorrektur. Die Kontrolle von Verträgen, Berechtigungen und dem tatsächlichen Verhalten erfolgt über eine Kombination aus Code-Review und eigenständig festgelegten Tests.

Als gemeinsame Basis dient eine vorbereitete TypeScript-Anwendung mit React, einer Node.js-API und SQL-Datenhaltung. Es wird ein fachlich begrenzter Vorgang erweitert, beispielsweise die Erfassung und Bearbeitung interner Anfragen. Installation und Grundlagen der verwendeten Frameworks sind Voraussetzung. Die vier Tage geben Raum für Integrationsfehler, gezielte Überarbeitung und eine nachvollziehbare Abnahme über alle beteiligten Schichten.

Seminarinhalte

Auftrag und Implementierungsplan

• Das Feature anhand fachlicher Zustände, Rollen und Akzeptanzkriterien präzisieren.
• Vorhandene Komponenten, Tests und Datenmodelle prüfen und geeigneten Kontext bereitstellen.
• Arbeitspakete und einen kleinen vertikalen Umsetzungsschritt festlegen, bevor umfangreicher Code erzeugt wird.

API und Backend

• Einen vorhandenen API-Vertrag um die erforderlichen Operationen und Fehlerfälle erweitern.
• Eingaben serverseitig validieren und Geschäftsregeln an einer klar definierten Stelle durchsetzen.
• Generierte Handler auf Statuscodes, Ausnahmebehandlung und unbeabsichtigte Nebenwirkungen prüfen.

Datenhaltung und Konsistenz

• Datenmodell und Migration für den begrenzten Anwendungsfall nachvollziehbar ergänzen.
• Abfragen parametrisieren und das Verhalten bei konkurrierenden oder wiederholten Anforderungen prüfen.
• Fehler bei einer Datenänderung behandeln und eine geeignete Rücknahme im Schulungsaufbau erproben.

React-Oberfläche und Bedienung

• Formular, Liste und Detailansicht entlang des API-Vertrags implementieren.
• Ladezustände, Validierungsfehler, leere Daten und fehlende Berechtigungen sichtbar behandeln.
• Tastaturbedienbarkeit, verständliche Beschriftungen und konsistente UI-Zustände praktisch prüfen.

Zugriffsregeln und Integration

• Die vorbereitete Authentisierung nutzen und fachliche Berechtigungen zusätzlich im Backend kontrollieren.
• Frontend und API integrieren; widersprüchliche Typen, fehlerhafte Zustände und unvollständige Fehlerbehandlung korrigieren.
• Sensible Informationen aus Clientcode und Protokollen fernhalten sowie Abhängigkeiten begründet auswählen.

Automatisierte Abnahme und Review

• Unit-, API- und Browserprüfungen aus den fachlichen Kriterien ableiten.
• Mindestens einen unberechtigten Zugriff und einen fehlerhaften Eingabefall als negative Prüfung ausführen.
• Den Gesamt-Diff, die Reproduzierbarkeit des Builds und das End-to-End-Verhalten gemeinsam bewerten.

Praxisaufgabe

1. Den vorbereiteten Ausgangsstand starten und die vorhandenen Tests als Vergleichsbasis ausführen.
2. Ein Feature mit klaren Rollen, Zuständen und Akzeptanzkriterien in ein begrenztes Umsetzungspaket überführen.
3. Datenmodell und API mit KI-Unterstützung erweitern, anschließend Migration und Fehlerfälle prüfen.
4. Die React-Oberfläche ergänzen und Normalfall, Ladezustände und Fehlermeldungen im Browser kontrollieren.
5. Berechtigungen im Backend testen und einen absichtlich fehlerhaften Integrationsvorschlag korrigieren.
6. Automatisierte Abnahmetests ausführen, den Gesamt-Diff reviewen und eine reproduzierbare Projektübergabe vorbereiten.

Zielgruppe

Fullstack-Entwickler sowie Backend- und Frontend-Entwickler mit Erfahrung in TypeScript, die KI in durchgehenden Implementierungsaufgaben einsetzen möchten.

Voraussetzungen

Sichere TypeScript- und JavaScript-Kenntnisse, Grundlagen in React, Node.js, HTTP/REST, SQL und Git; Erfahrung mit automatisierten Tests.

Schulungsumgebung

Vorbereitete TypeScript-Anwendung mit React, Node.js-API, SQL-Datenbank, Testwerkzeugen und einem freigegebenen Coding-Assistenten. Eine bestehende Authentisierung ist vorbereitet. Der Kunde stellt die lauffähige Umgebung einschließlich benötigter Zugänge und Kontingente.