Frontend bezeichnet die Schnittstelle zwischen Benutzer und Computeranwendung, durch die die Interaktion mit einer Softwareanwendung gesteuert wird. In der Regel handelt es sich um die visuelle Darstellung einer Anwendung, einschließlich der Benutzeroberfläche und des Designs, die der Benutzer direkt sieht und mit der er interagiert.
Der Begriff wird häufig in Zusammenhang mit Webentwicklung verwendet, kann aber auch in anderen Bereichen der Softwareentwicklung sowie in der Produktgestaltung Anwendung finden. Im Webkontext besteht das Frontend aus allem, was im Webbrowser ausgeführt wird, wie HTML, CSS und JavaScript.
Komponenten:
– Benutzeroberfläche (UI): Die grafische Darstellung der Anwendung, einschließlich Layout, Farben, Schriftarten und Bilder.
– Interaktivität: Durch JavaScript und ähnliche Technologien können Benutzer direkt mit der Anwendung interagieren. Dies kann von einfachen Aktionen wie dem Klicken eines Buttons bis hin zu komplexeren Aktionen wie Drag-and-Drop reichen.
– Datenpräsentation: Die Art und Weise, wie Daten dem Benutzer dargestellt werden, oft in Form von Listen, Tabellen oder Diagrammen.
– Client-seitige Logik: Eine Logik, die im Browser des Benutzers ausgeführt wird, oft zur Validierung von Formularen oder zur Steuerung von Benutzerinteraktionen.
Abgrenzung zum Backend:
Das Frontend steht im Gegensatz zum Backend, dem Teil der Anwendung, der auf dem Server läuft. Das Backend kümmert sich um die Verarbeitung von Daten, die Geschäftslogik und die Interaktion mit Datenbanken und anderen Diensten.
Wichtige Technologien sind:
– HTML (HyperText Markup Language)
– CSS (Cascading Style Sheets)
– JavaScript
– Frontend-Frameworks wie Angular, React und Vue.js