Das Frontend ist der Teil einer Website oder Webanwendung, der im Browser läuft. Es umfasst alles, was Nutzer sehen und bedienen: Layout, Texte, Bilder, Navigation, Formulare und die Reaktionen auf Klicks und Eingaben.
- Frontend
Die im Browser ausgeführte Schicht einer Website mit Struktur, Gestaltung und Interaktion, gebaut aus HTML, CSS und JavaScript.
Beispiel: „Im Frontend klappt das Menü auf, das Backend weiß davon nichts.“Abgrenzung zum Frontend (CMS): Beim CMS meint Frontend die öffentlich sichtbare Website im Unterschied zum Verwaltungsbereich. In der Webentwicklung meint es die ganze Schicht im Browser samt ihrer Technik.
Verwandt: Backend, der Teil, der auf dem Server läuft.
Woraus ein Frontend besteht
Aus drei Techniken, die der Browser versteht: HTML für Inhalt und Struktur, CSS für die Gestaltung und JavaScript für das Verhalten. Alles andere, von Frameworks bis zu Präprozessoren, wird beim Bauen in diese drei übersetzt.
Dazu gehören Bilder, Schriften und Icons, die das Frontend lädt, und die Regeln für unterschiedliche Bildschirmgrößen.
Was ein gutes Frontend ausmacht
Es lädt schnell, funktioniert auf jedem Gerät, lässt sich mit Tastatur und Screenreader bedienen und bleibt auch dann benutzbar, wenn ein Skript nicht lädt. Diese Eigenschaften entscheiden mehr über den Erfolg einer Website als die Wahl des Frameworks.
Bei Websites, die gefunden werden sollen, kommt dazu, dass Suchmaschinen den Inhalt im ausgelieferten HTML finden, ohne JavaScript ausführen zu müssen.
Wie viel Frontend eine Website braucht
Weniger, als die Werkzeuge nahelegen. Eine Unternehmenswebsite kommt mit sauberem HTML, CSS und ein wenig JavaScript aus, etwa mit Alpine.js für Menüs und Dialoge. Eine Webanwendung mit vielen Ansichten und viel Zustand braucht dagegen ein Framework wie React oder Vue.js.
Die Wahl richtet sich nach der Aufgabe. Wer jedes Projekt mit dem größten Werkzeug beginnt, bezahlt später mit Ladezeit und Pflegeaufwand.