Das Frontend ist der sichtbare Teil einer Webanwendung — alles, was im Browser des Nutzers ausgeführt und dargestellt wird. Dazu gehören Layout, Schrift, Bilder, Interaktionen, Formulare und Animationen. Aus Nutzer-Perspektive ist das Frontend die Website.
Das Gegenstück ist das Backend, also die Server-Seite, die im Hintergrund Daten verarbeitet und bereitstellt. Beide Bereiche arbeiten zusammen, sind aber technisch und konzeptionell getrennt.
Was zum Frontend gehört
Die drei Kerntechnologien des Frontends sind seit Jahren stabil:
- HTML — die Auszeichnung der Inhalte. Was ist Überschrift, was Absatz, was Liste, was Link?
- CSS — die Darstellung. Farben, Abstände, Typografie, Raster, Animationen.
- JavaScript — das Verhalten. Klicks, Eingaben, dynamisches Nachladen, Vorprüfungen, Effekte.
Darauf bauen Werkzeuge, Bibliotheken und Frameworks auf — ohne dass sich an der Grundlage etwas ändert.
Ohne und mit Framework
Frontends entstehen auf einem breiten Spektrum:
- Klassisch — sauberes HTML, CSS und etwas JavaScript. Schnell, robust, ideal für viele Inhalts-Websites.
- Komponenten-Frameworks wie React, Vue, Svelte, Solid — bauen die Oberfläche aus wiederverwendbaren Bausteinen, gut für Anwendungen mit viel interaktivem Verhalten.
- Meta-Frameworks wie Next.js, Nuxt, SvelteKit, Astro — verbinden Komponenten mit Routing, Server-Rendering und Build-Werkzeugen.
Die Wahl hängt vom Anspruch ab. Für viele Websites ist „klassisch" weiterhin die nüchterne, beste Antwort.
Anforderungen an ein gutes Frontend
Unabhängig vom eingesetzten Werkzeug zählt am Ende, was beim Nutzer ankommt:
- Geschwindigkeit — Seiten müssen schnell und zuverlässig erscheinen, auch auf langsameren Geräten.
- Barrierefreiheit — Inhalte müssen für Tastatur, Screenreader und unterschiedliche Wahrnehmungsformen zugänglich sein.
- Responsives Verhalten — gleicher Inhalt funktioniert auf Smartphone, Tablet und Bildschirm.
- Klarheit — was wichtig ist, muss sichtbar sein. Ablenkung zerstört Aufmerksamkeit.
Abgrenzung zu Frontend-Entwicklung im Schatten
Nicht jedes „Frontend" ist eine Webseite. Auch die Oberflächen von Desktop-, Mobile- und Konsolen-Anwendungen werden mitunter als Frontend bezeichnet. Im Sprachgebrauch von Web-Projekten ist mit Frontend aber fast immer der Browser-Teil gemeint.