Frontend – ein Begriff, den viele schon einmal im Zusammenhang mit Software-Entwicklung gehört haben. Aber was bedeutet er eigentlich? Was macht ein Frontend-Entwickler und womit arbeitet er? Und wie zeichnet sich ein guter Frontend-Entwickler aus? Diese Fragen beantworten wir in diesem Artikel.
Definition: Was ist ein Frontend-Entwickler?
Ein Frontend-Entwickler (oder auch Frontend-Developer oder Frontend-Engineer) entwickelt und optimiert die Funktionen und Darstellung einer Webseite. Wenn du bspw. eine Webseite öffnest, ist alles, was du sehen kannst, vom Frontend-Entwickler umgesetzt worden. Die Prozesse, die im Hintergrund ablaufen, werden hingegen vom Backend-Entwickler entwickelt. Z. B. wenn du dich auf einer Webseite registrierst und deine Daten infolgedessen in einer Datenbank gespeichert werden müssen.
Frontend: Eingliederung in die Softwareentwicklung
Ohne Frontend-Entwickler sehen wir nichts von der Webseite, die wir aufrufen. Der Frontend-Entwickler erstellt eine grafische Oberfläche (auch User Interface genannt) für das Programm und macht es so für den Nutzer zugänglich. Das, was das Programm im Hintergrund macht und für uns nicht sichtbar ist, übernimmt der Backend-Entwickler. Frontend und Backend arbeiten für die Bereitstellung einer Webseite also Hand in Hand. Manchmal übernehmen Entwickler auch beide Bereiche. Diese werden dann Full Stack-Entwickler genannt.
Bei der Entwicklung grafischer Oberflächen geht es ebenfalls um Design und UI/UX (User Interface / User Experience). Das, was wir sehen sollen, soll ja auch schön und ausgewogen aussehen und nicht überladen sein. Gleichzeitig müssen relevante Informationen und Buttons für den Webseiten-Besucher gut sichtbar und schnell auffindbar sein. Dieser Bereich wird meist von separaten Webdesignern übernommen, die dem Frontend-Entwickler dann Anweisungen geben, wie das Design umzusetzen ist.
Welches Tech-Stack nutzen Frontend-Entwickler?
Frontend-Entwickler benötigen vor allem Kenntnisse in HTML, CSS und JavaScript. HTML für die Strukturierung der Webseite, CSS für das Aussehen und JavaScript für die Interaktivität.
Darüber hinaus nutzen Frontend-Entwickler i. d. R. Frameworks und Bibliotheken (Libraries). Diese sind z. B.:
Außerdem nutzen Frontend-Entwickler Bibliotheken (Libraries) zur visuellen Gestaltung, also speziell für CSS. Dazu zählen:
Diese Listen sind bei weitem nicht vollzählig und es kommen auch immer wieder neue Technologien hinzu. Sie geben aber eine Richtung vor, welche Technologien uns im Zusammenhang mit dem Begriff Frontend begegnen können.
Was macht einen guten Frontend-Entwickler aus?
Ein guter Frontend-Entwickler setzt das Design um und integriert die Funktionalitäten der App oder Webseite. Ein Entwickler, der beide Welten (Design und Funktion) versteht und in Einklang bringen kann, ist Gold wert. Häufig kennen sich solche Entwickler auch mit Design-Tools wie Photoshop, Figma oder der gesamten Adobe-Produktreihe (z. B. Adobe Illustrator) aus. So kann er bereits im Designprozess auf eventuelle Schwierigkeiten in der späteren Entwicklung hinweisen.
In unserer modernen Welt ist der Frontend-Entwickler auch damit konfrontiert, “responsive” zu entwickeln. Eine Webseite wird heute auf vielen verschiedenen Endgeräten aufgerufen. Die Größe des Smartphone-Displays ist kleiner als die des Tablets und noch kleiner als die des Laptops oder des PC-Bildschirms. Die grafische Oberfläche der Webseite muss sich also anpassen. Diese Anpassung übernimmt ebenfalls der Frontend-Entwickler, wenn er responsive entwickelt.
Ein guter Frontend-Entwickler denkt die grafische Oberfläche und seinen Entwicklungsprozess ganzheitlich. Denken wir die Responsiveness nämlich weiter, geht es in der Frontend-Entwicklung auch um Kompatibilität. Neben der Anpassung an die Displaygröße, geht es bspw. auch um die verschiedenen Browser (Google Chrome, Mozilla Firefox, Safari,…), über die die Webseite geöffnet wird. Oder auch um Ladezeiten der Webseite, Fehlermeldungen und die Art der Eingabegeräte. Nutzt der Webseitenbesucher Maus und Tastatur oder einen Touchscreen? In welchen Sprachen soll die Webseite verfügbar sein? Und bringt der Webseitenbesucher schnelles oder langsames Internet mit?
Die Komplexität in der Frontend-Entwicklung ist in den letzten Jahren also enorm gestiegen und ein guter Frontend-Entwickler weiß, diese Komplexität zu bewältigen.
Worauf solltet du als Tech-Recruiter achten?
Frontend ist, wie wir sehen, ein umfangreiches Feld. Wenn wir als Tech-Recruiter Frontend-Entwickler suchen, müssen wir mehr Bewertungsmaßstäbe einführen, als nur das Tech-Stack zu betrachten. Sicher ist das Tech-Stack relevant. Jedoch sind neue Frameworks im Verhältnis schnell gelernt. Es geht mehr um das Verständnis des großen Ganzen, was einen guten Frontend-Entwickler ausmacht.
Wenn du auf der Suche nach einem Frontend-Entwickler bist, versuche herauszufinden, ob dein Gegenüber einfach nur Design umsetzt, oder ob er das Design auch selbst (mit-)macht. Design-Tools, wie Photoshop, Figma oder Illustrator, die im Profil genannt werden, können dir hierauf vorab Hinweise geben. Versuche auch mehr über die Person herauszufinden. Manchmal verweisen Frontend-Entwickler auf eigene Projekte oder Webseiten. Hier siehst du ihr Design-Talent. Wenn es eine Webseite gibt, rufe sie auch über dein Smartphone auf. So findest du heraus, ob sie “responsive” ist. Wenn sie sich nicht richtig an den Smartphone-Bildschirm anpasst, hat der Entwickler nicht alles bedacht.
Ein Frontend-Entwickler muss natürlich nicht zwangsläufig ein Designer sein. Es hilft einfach sehr, wenn man gutes Design erstellen und gleichzeitig auch umsetzen kann. Das gilt genauso für Designer. Wenn sie Design auch in der Umsetzung denken können, JavaScript- und CSS-Erfahrung haben, hilft das dem Entwicklungsprozess.
Sollte das Talent des Frontend-Entwicklers nicht im Designbereich liegen, dann kann er möglicherweise andere Stärken vorweisen. Die Umsetzung von Webseiten für Touchscreen-Geräte wie Smartphones und Tablets oder die optimale Verfügbarkeit von Webseiten in Ländern mit leistungsschwachen Geräten oder schlechterer Internetverbindung durch ein effizientes Bereitstellen des Codes.
Die Fragen an einen Frontend-Entwickler sollten sich insbesondere danach richten, was das Unternehmen benötigt. Möchte das Unternehmen ins Ausland expandieren und hat daher besondere Anforderungen wie Mehrsprachigkeit oder Webseiten-Performance? Dann ist es wichtig, abzufragen, ob der Entwickler damit bereits Erfahrung hat.
Handelt es sich jedoch um ein Start-up mit sehr wenigen Mitarbeitern und der Frontend-Entwickler ist für die alleinige Umsetzung der Webseite zuständig, dann kann ein zusätzliches Talent im Designbereich sehr hilfreich sein, da es die Kommunikation im Unternehmen erleichtert und das Team so schneller Ergebnisse produzieren kann.
Die Fragen an einen Frontend-Entwickler ergeben sich also aus dem Bedarf des Unternehmens. Hier einige beispielhafte Fragen:
- Das Unternehmen ist frisch gegründet und sucht jemanden, der eine responsive Webseite umsetzt und dabei auch viel Verantwortung im Design übernimmt. Welche Erfahrungen hast du damit? Liegen deine Stärken im Design? Bist du in der Lage, eine solche Webseite auch ohne klare Anweisungen in Eigenregie umzusetzen?
- Das Unternehmen möchte nach Indien expandieren und sucht deshalb jemanden, der sich insbesondere mit Webseiten-Performance und Smartphones als Endgerät auskennt. Es ist wichtig, dass Inhalte schnell und effizient geladen werden. Hast du bereits für solche Anforderungen entwickelt? Welche Herausforderungen sind dir dabei begegnet und wie hast du sie gelöst?
- Das Unternehmen ist ein großer Konzern und sucht einen Frontend-Entwickler für die Umsetzung von Formularen zur Datenabfrage innerhalb des Konzerns. Hast du Erfahrung damit, komplexe Formulare im Frontend umzusetzen? Kannst du praktische Beispiele geben?
Unterschiedliche Anforderungen ergeben also unterschiedliche Suchen. Ein Austausch mit dem Fachbereich ist daher enorm wichtig. Streng genommen ist der Austausch mit dem Fachbereich wichtiger als der Austausch mit dem Frontend-Entwickler, da der Fachbereich abgrenzen sollte, wonach genau gesucht wird. Daraus ergeben sich dann auch die Fragen, die dem Entwickler gestellt werden sollten.
So blickst du über den Tellerrand hinaus und gewinnst die wirklich guten Entwickler. Sie werden im Gespräch auch merken, dass du nicht nur die Basisinformationen rund ums Tech-Stack abfragst, sondern verstehst, was man alles daraus machen kann und worauf es ankommt.
Du willst mehr über Entwickler-Rollen wissen? Dann lasse dir die kommenden Artikel direkt per Mail schicken.
FAQ
Was macht man als Frontend-Entwickler?
Ein Frontend-Entwickler setzt das Design einer Webseite um und integriert die Funktionalität. Hierbei achtet er darauf, dass die Webseite für die Zielgruppe optimal bereitgestellt wird (unterschiedliche Endgeräte, mehrere Sprachen, einfache Verfügbarkeit, etc.).
Wie viel verdient ein Frontend-Entwickler?
Ein Frontend-Entwickler verdient i. d. R. etwa 50.000 € im Jahr. Allerdings sind die Anforderungen im Frontend in den letzten Jahren stark gestiegen, wodurch auch höhere Gehälter gerechtfertigt sein können. Insbesondere dann, wenn der Frontend-Entwickler über besonderes Nischenwissen bzw. -fähigkeiten verfügt (Mehrsprachigkeit, Performance- oder Suchmaschinenoptimierung, Design, …).
Welche Programmiersprachen nutzt man im Frontend?
Die am häufigsten verwendete Sprache im Frontend ist JavaScript bzw. TypeScript. Dennoch kommen manchmal auch andere Sprachen wie z. B. Java (Backend-Sprache) zum Einsatz, bei denen der Code nicht im Browser ausgeführt wird, sondern nur die “fertige” Webseite an den Nutzer ausgeliefert wird.