Frontend, Backend, Datenbank: Wie eine Web-App aufgebaut ist

Wer mit KI-Hilfe eine Web-Anwendung baut, muss nicht programmieren können, aber er muss sagen können, was passieren soll. Und wenn etwas nicht klappt, hilft es enorm zu wissen, wo man suchen muss. Dafür reicht ein klares Bild von den drei Schichten fast jeder Web-App: Frontend im Browser, Backend auf dem Server, Datenbank als Gedächtnis.

Dieses Heft erklärt die drei Schichten mit einem Alltagsvergleich aus dem Restaurant und zeigt in acht Schaubildern, als Stationentabellen zum Mitlesen, welchen Weg eine Anfrage nimmt: vom Seitenaufruf über das Formular bis zur Bezahlung über einen fremden Dienst. Ein kleines, tatsächlich ausgeführtes Python-Beispiel zeigt alle drei Schichten in einer einzigen Datei.

Zwölf Übungen trainieren die Frage "Wo gehört das hin?". Zehn Verständnisfragen an die KI, jeweils mit Beispiel-Antwort, helfen dir, dein eigenes Vorhaben einzuordnen. Ein Zuordnungsblatt für 30 typische Funktionen und eine Begriffsliste mit 30 Einträgen machen das Heft zum Nachschlagewerk.

Für wen? Für Nicht-Programmierer, die mit KI Software bauen wollen und verstehen möchten, wie eine Web-App aufgebaut ist. Keine Vorkenntnisse nötig.

Wichtig: Das Heft vermittelt Grundwissen und ersetzt keine fachliche Prüfung einer Anwendung, die live geht. Das Beispiel ist ein Anschauungsstück, keine fertige Anwendung. Schütze Zugangsdaten, lege Sicherungen an, teste und lass KI-Code von einem Menschen prüfen. Gib keine vertraulichen oder personenbezogenen Daten in einen KI-Chat ein. Keine Produkt- oder Framework-Empfehlungen. Stand: Oktober 2026. Funktionen von KI-Werkzeugen ändern sich – prüfe die Dokumentation deines Werkzeugs. Mit KI-Unterstützung erstellt.