Welche Technologien bilden das Frontend?
Die MDN-Erklärung zu Webstandards ordnet HTML, CSS und JavaScript der clientseitigen Weboberfläche zu:
- HTML beschreibt Inhalte und deren semantische Struktur.
- CSS bestimmt Darstellung, Layout und visuelle Zustände.
- JavaScript ergänzt dynamisches Verhalten und Interaktionen.
Ein Frontend benötigt nicht für jede Seite umfangreiches JavaScript. Eine verständliche Unternehmensseite kann wesentliche Inhalte und Verweise bereits als direkt verfügbare Dokumentstruktur anbieten.
Bei der individuellen Website-Erstellung sollten Inhalt und Bedienung deshalb gemeinsam geplant werden. Ein optisch auffälliger Button hilft wenig, wenn seine Funktion unklar bleibt oder sich das Formular dahinter nicht verwenden lässt.
Was unterscheidet Frontend und Backend?
Das Backend verarbeitet Aufgaben auf der Serverseite. Es kann Daten speichern, Berechtigungen prüfen oder Inhalte für die Auslieferung zusammenstellen. Das Frontend zeigt die Ergebnisse und nimmt Eingaben entgegen.
Beispiel: In einem Kontaktformular erfasst der Besucher seine Nachricht über die Oberfläche. Der Server verarbeitet die Übermittlung und kann eine Bestätigung zurückgeben. Beide Ebenen tragen zum funktionierenden Ablauf bei.
Auch eine serverseitig erzeugte Seite besitzt ein Frontend. Die Begriffe sagen etwas über Verantwortungsbereiche aus, nicht automatisch über ein bestimmtes Framework oder Website-System.
Woran erkennst du ein gutes Frontend?
Eine brauchbare Oberfläche macht Inhalte verständlich, passt sich unterschiedlichen Geräten an und lässt sich zuverlässig bedienen. Dazu gehören lesbare Texte, erkennbare Zustände und sinnvoll aufgebaute Formulare.
Bei einer WordPress-Website beeinflussen Theme und Erweiterungen die ausgegebene Oberfläche. Eine passende Vorlage ersetzt deshalb keine Prüfung der tatsächlichen Seiten und Funktionen.
Teste insbesondere typische Besucheraufgaben: eine Leistung verstehen, Informationen finden und eine Anfrage abschicken. Kontrolliere dabei auch Tastaturbedienung und unterschiedliche Bildschirmgrößen. So beziehst du die technische Umsetzung auf die Menschen, die das Frontend tatsächlich verwenden.
