Zwei Seiten einer Anwendung
Im Browser
Frontend
HTML strukturiert, CSS gestaltet, JavaScript/TypeScript macht es interaktiv. Frameworks wie Angular oder React organisieren Komponenten, Routing und Zustand. Ein Build-Tool bündelt alles für den Browser.
Auf dem Server
Backend
Eine API nimmt Anfragen an, prüft Authentifizierung und Regeln, liest und schreibt in die Datenbank und liefert JSON zurück. Läuft als Service in der Cloud, skaliert unabhängig vom Frontend.
01POST /orders
{ "item": 42 }
- Backend prüft Token und Regeln
02INSERT INTO orders …
03OK, id = 1001
04201 Created
{ "id": 1001 }
Eine typische Interaktion: Das Frontend sendet, das Backend entscheidet und speichert.
Wer kümmert sich um was?
- Läuft auf
FrontendGerät des Nutzers
BackendServer / Cloud
- Hauptsprachen
FrontendHTML, CSS, TypeScript
BackendPython, Java, C#, Go, Node.js
- Sorgt für
FrontendDarstellung, Interaktion, Barrierefreiheit
BackendDaten, Regeln, Sicherheit, Skalierung
- Vertrauen
FrontendNie – alles ist manipulierbar
BackendHier wird geprüft und entschieden
| Kriterium | Frontend | Backend |
|---|---|---|
| Läuft auf | Gerät des Nutzers | Server / Cloud |
| Hauptsprachen | HTML, CSS, TypeScript | Python, Java, C#, Go, Node.js |
| Sorgt für | Darstellung, Interaktion, Barrierefreiheit | Daten, Regeln, Sicherheit, Skalierung |
| Vertrauen | Nie – alles ist manipulierbar | Hier wird geprüft und entschieden |