Vibe Coding – Workshop

In zwei Tagen entsteht aus Ihrer Idee ein funktionsfähiger App-Prototyp. Die Schulung zeigt, wie Sie KI beim Planen, Erstellen und Verbessern kleiner Anwendungen einsetzen.

Sie nutzen einfache Webtechnologien und arbeiten direkt im Browser oder in einer Entwicklungsumgebung. Schritt für Schritt entstehen Oberfläche, Logik und Datenspeicherung.

Viele Übungen helfen Ihnen, typische Fehler zu erkennen und passende Prompts zu formulieren. Zum Abschluss planen, bauen und präsentieren Sie Ihre eigene Mini-App.

• Einführung in Vibe Coding und KI-gestützte App-Entwicklung
• Von der App-Idee zur klaren Anforderungsbeschreibung
• Gute Prompts für Code, Design, Fehleranalyse und Erweiterungen
• Grundverständnis für HTML, CSS und JavaScript
• Aufbau einer einfachen Web-App mit Oberfläche, Logik und Daten
• Arbeiten mit Tools wie ChatGPT, Claude, Visual Studio Code, Replit oder StackBlitz
• Git-Versionierung
• Erstellung einer ersten Mini-App im Browser
• Anpassung von Layout, Farben, Texten und Bedienbarkeit
• Speichern von Daten im Browser mit localStorage
• Erweiterung der App um Funktionen wie Suche, Kategorien, Prioritäten oder Status
• Einfache Fehleranalyse mit Hilfe von KI
• Grundlagen des Testens: leere Eingaben, lange Texte, Löschen, Neuladen und mobile Ansicht
• Strukturierung einfacher Datenmodelle
• Möglichkeiten zum Teilen oder Veröffentlichen der App
• Abschlussprojekt: eigene kleine App planen, bauen und präsentieren

Sie lernen, KI beim Planen, Erstellen und Verbessern kleiner Anwendungen einzusetzen. Dabei entwickeln Sie Schritt für Schritt einen funktionsfähigen App-Prototyp mit Oberfläche, Logik und Datenspeicherung und planen, bauen sowie präsentieren eine eigene Mini-App.

• Personen ohne tiefere Programmiererfahrung
• Teams aus Fachbereichen
• Projektverantwortliche
• Gründerinnen und Gründer
• Produktmanagerinnen und Produktmanager
• Mitarbeitende mit Interesse an KI-gestütztem Prototyping

Grundlegende Computerkenntnisse reichen aus. Programmiererfahrung ist nicht erforderlich. Ein sicherer Umgang mit Browser, Dateien und einfachen Online-Tools ist hilfreich.