Frontend
Das Frontend eines Softwareprogramms oder einer Website umfasst alles, womit der Benutzer interagiert. Aus Sicht des Benutzers ist das Frontend gleichbedeutend mit der Benutzeroberfläche. Aus Sicht eines Entwicklers umfasst es das Design der Benutzeroberfläche und die Programmierung, durch die die Benutzeroberfläche funktioniert. Das Backend umfasst dagegen Funktionen und die Datenverarbeitung, die im Hintergrund stattfindet.
Eines der wichtigsten Ziele der Frontend-Entwicklung ist es, eine reibungslose oder „friktionsfreie“ Benutzererfahrung zu schaffen. Mit anderen Worten: Das Frontend einer Anwendung oder Website sollte intuitiv und einfach zu bedienen sein. Obwohl dies wie ein einfaches Ziel klingt, kann es überraschend komplex sein, da nicht alle Benutzer oder Geräte gleich sind. Beispielsweise benötigt eine für ein Mobilgerät entwickelte App ein deutlich anderes Frontend als eine Desktopanwendung. Websites müssen auf mehreren Geräten und Bildschirmgrößen gut funktionieren. Daher umfasst die moderne Webentwicklung typischerweise responsives Design.
Beispiele für Frontend-Elemente sind:
- Layout einer Anwendung oder Seite
- Grafiken
- Audio- und Videoelemente
- Textinhalte
- Elemente der Benutzeroberfläche Schaltflächen, Links, (Symbolleisten, Navigationsleisten usw.)
- Eingabebereiche (Dialogfelder), Formular-felder, Textbereiche usw.)
- Benutzerfluss (wie eine Benutzeroberfläche zur nächsten führt)
- Benutzereinstellungen, Designs und Anpassungen
Die Benutzereingabe wird über das Frontend empfangen und im Backend eines Programms oder einer Website verarbeitet. Der Backend-Code liest und schreibt Daten und sendet Ausgaben über das Frontend an den Benutzer. Da Backend und Frontend einer App oder Website zusammenarbeiten, erfordern Stellen in der Softwareentwicklung häufig sowohl Frontend- als auch Backend-Entwicklung. Die Entwicklung für beide Bereiche wird als Full-Stack-Entwicklung bezeichnet.
NOTE: Frontend kann auch als „front end“ (als Substantiv) oder „front-end“ (als Adjektiv) geschrieben werden. Der Einfachheit halber hat sich das zusammengeschriebene Wort „frontend“ als akzeptabler Begriff für beide Verwendungen etabliert.
Testen Sie Ihr Wissen