01 – Was ist Backend? 🧠

Die unsichtbare Kraft hinter jeder Webanwendung

🎯 1. Die drei Säulen des Internets

Jede Webseite, die du besuchst, baut auf drei Technologien auf:

HTML – definiert die Struktur (Überschriften, Absätze, Formulare)
CSS – legt das Design fest (Farben, Abstände, Layout)
JavaScript – sorgt für Interaktion (Klicks, Animationen, dynamische Inhalte)

Zusammen bilden sie das sogenannte Frontend – also alles, was der Besucher sieht und benutzt.

💡 Merke: Ohne diese drei Säulen gäbe es kein modernes Web – aber ohne Backend wäre es ohne Gedächtnis.

Frontend = sichtbare Oberfläche | Backend = unsichtbare Logik und Speicher

🔄 2. Der Request-Response-Zyklus

Jede Interaktion zwischen Browser und Server folgt demselben Muster:

1. Der Browser sendet eine Anfrage (Request).
2. Der Server verarbeitet sie und sendet eine Antwort (Response).

🧠 3. Warum braucht man ein Backend?

Stell dir vor, du füllst ein Kontaktformular aus und klickst auf „Senden“. Was passiert danach?

Dein Browser (Frontend) sendet die Daten an den Server.
Das Backend empfängt die Daten.
Es prüft: Ist die E-Mail-Adresse gültig?
Es speichert die Nachricht in einer Datenbank.
Es sendet eine Bestätigung zurück: „Danke für deine Nachricht!“

Ohne Backend würde die Nachricht verschwinden, sobald du die Seite verlässt. Es gäbe kein Gedächtnis, keine Sicherheit, keine Wiederverwendbarkeit.

🚫 4. Was kann das Frontend nicht?

Viele Schüler denken: „Ich kann doch alles mit JavaScript programmieren!“ Doch client-seitiges JavaScript hat klare Grenzen:

❌ Kann keine Dateien auf dem Server lesen oder schreiben
❌ Kann nicht direkt mit einer Datenbank kommunizieren
❌ Kann keine Passwörter sicher speichern (alles ist im Quelltext sichtbar!)
❌ Kann keine E-Mails versenden (ohne Server-Unterstützung)

⚠️ Achtung: Alles, was im Browser läuft, ist für jeden Besucher sichtbar – darum darf niemals sensible Logik oder Daten im Frontend stattfinden! Der Zugriff auf Datenbanken, Dateien oder Passwörter gehört ausschließlich ins Backend.

🔐 5. Sicherheit: Sichtbar vs. Unsichtbar

Im Browser (Client) ist alles einsehbar – über „Seitenquelltext anzeigen“ oder die Entwicklerwerkzeuge. Das bedeutet:

Kein Passwort, kein API-Schlüssel, kein Datenbankzugang darf im client-seitigen Code stehen.
Validierungen im Browser sind bequem, aber nicht sicher – sie können umgangen werden.

Im Backend (Server) hingegen läuft der Code unsichtbar. Nur das Ergebnis wird an den Browser gesendet – nicht der Code selbst.

⚠️ Wichtig: Weder PHP noch Node.js sind „von Haus aus sicher“. Die Sicherheit hängt davon ab, wie du programmierst – z. B. durch Eingabeprüfung, Schutz vor SQL-Injection und sichere Passwortspeicherung. Darauf gehen wir in Kapitel 7: Sicherheit detailliert ein.

🔗 W3Schools – JavaScript Best Practices

✅ 6. Was macht das Backend möglich?

Dank des Backends können Webseiten:

✅ Benutzerkonten anlegen und sichern
✅ Bestellungen speichern und verwalten
✅ Nachrichten in einer Datenbank ablegen
✅ Personalisierte Inhalte anzeigen (z. B. „Hallo, Max!“)
✅ Mit anderen Systemen kommunizieren (z. B. Zahlungsdiensten)

Kurz gesagt: Das Backend gibt dem Web Intelligenz und Dauerhaftigkeit.

🧠 7. KI-Prompt-Training

Aufgabe: Formuliere einen Prompt, mit dem du KI um Hilfe bitten würdest, um zu erklären, warum ein Kontaktformular nicht allein mit HTML und JavaScript sicher funktionieren kann. Außerdem: Welche Aufgaben muss das Backend übernehmen?

💡 Tipp: Nutze KI, um Szenarien zu durchdenken – nicht, um Code zu kopieren. Schreibe deine Antwort auf Papier, bevor du nachschaust!