Frontend

Das Frontend ist i.d.R. ein User Interface (UI), welches durch den Anwender bedient wird und eine Kommunikation zum Backend aufbaut. Es enthält alles, was Benutzer direkt erleben: Textfarben und -stile, Bilder, Grafiken und Tabellen, Schaltflächen, Farben und Navigationsmenü. Damit ist das Frontend das Gegenstück zum Backend.

Aus Benutzersicht ist das Front-End gleichbedeutend mit der Benutzeroberfläche. Aus Entwicklersicht sind es das Interface-Design und dessen Programmierung.

Eines der Hauptziele der Entwicklung ist es, eine positive Nutzererfahrung für eine Anwendung oder Website zu schaffen. Mit anderen Worten, es sollte intuitiv und einfach zu bedienen sein. Dies klingt zwar nach einem einfachen Ziel, kann jedoch überraschend komplex sein, da nicht alle Benutzer oder Geräte gleich sind. Beispielsweise erfordert eine für ein mobiles Gerät entwickelte App ein deutlich anderes Frontend als eine Desktop-Anwendung.

Konzepte und Komponenten umfassen:

• Design- und Auszeichnungssprachen wie HTML, CSS und JavaScript,
• Frameworks wie Vue.js, React oder Flutter
• Suchmaschinenoptimierung (SEO)
• Usability- und Accessibility-Tests
• Grafikdesign- und Bildbearbeitungstools
• Web-Performance und Browser-Kompatibilität

Die Frontend-Entstehung durchläuft normalerweise einige verschiedene Entwicklungsstufen, einschließlich der Erstellung von Wireframes, Prototypen und Benutzertests.

Datenbank-Anwendungen bestehen aus einer grafischen Benutzeroberfläche (GUI – Graphic User Interface), welches das Frontend dargestellt. Dort finden sich Formulare, Tabellen und Berichte.

Weitere Beispiele für Elemente sind:

• Wireframes und Seitenlayout
• Grafiken, Bilder und Animationen
• Audio- und Videoelemente
• Textinhalte
• Elemente der Benutzeroberfläche wie Schaltflächen, Links, Symbolleisten, Navigationsleisten usw.
• Eingabebereiche (Dialogfelder), Formularfelder, Textbereiche, etc.
• Benutzereinstellungen

Heutzutage kommt kaum eine Software mehr ohne Front-End aus, denn jede Anwendung hat auch eine Benutzeroberfläche, über die sie bedient wird.

Unser Entwickler-Team besteht aus Experten der Frontend- und Backend-Entwicklung. Unsere Architekten und Designer entwickeln mit Ihnen gerne ein UI Mock und eine Backend-Architektur passend zu Ihrem IT-Projekt.