Was macht ein Frontend-Entwickler?
Ein Frontend-Entwickler setzt Entwürfe in Oberflächen um, die im Browser oder in einer App laufen. Er sorgt dafür, dass sie auf dem Smartphone genauso funktionieren wie am großen Bildschirm, schnell laden und sich auch mit Tastatur oder Screenreader bedienen lassen.
- Oberflächen bauen: Seiten und Bausteine nach den Entwürfen aus dem Design umsetzen
- Daten anbinden: Daten über Schnittstellen (APIs) vom Backend holen und Eingaben dorthin schicken
- Zustand verwalten: festhalten, was Nutzer gerade tun, etwa ausgefüllte Formulare oder gewählte Filter
- Für alle Geräte bauen: Layouts, die sich an Bildschirmgröße und Eingabeart anpassen
- Barrierefreiheit: Oberflächen, die auch mit Tastatur und Screenreader funktionieren
- Ladezeit: Bilder, Code und Schriften so ausliefern, dass die Seite schnell steht
- Testen: Bausteine und Abläufe mit automatischen Tests absichern
Was ist Frontend-Entwicklung?
Frontend-Entwicklung ist der Teil der Softwareentwicklung, der sich um die sichtbare Seite einer Anwendung kümmert. Das Backend verarbeitet dagegen Daten und Geschäftslogik auf dem Server und stellt sie über Schnittstellen bereit. Ein Full-Stack-Entwickler arbeitet auf beiden Seiten.
Die Grenze ist nicht starr. Frontend-Entwickler bauen heute oft auch Teile, die auf dem Server laufen, etwa das serverseitige Rendern von Seiten. In kleinen Teams übernimmt eine Person beides, in größeren Teams sind die Rollen getrennt.
Welche Skills braucht ein Frontend-Entwickler?
- HTML und CSS: Aufbau und Gestaltung von Seiten, auch Layouts mit Flexbox und Grid
- JavaScript und TypeScript: die Sprache des Browsers, TypeScript ergänzt sie um Typen und macht größere Codebasen sicherer
- ein Framework: etwa React, Vue oder Angular
- Schnittstellen: REST oder GraphQL, Umgang mit Fehlern und Ladezuständen
- Barrierefreiheit: Grundregeln der WCAG
- Werkzeuge: Git, Build-Werkzeuge wie Vite, Tests mit Vitest oder Playwright
- Zusammenarbeit: mit Design, Backend und Fachbereich, Entwürfe lesen und Rückfragen stellen
Technologien und Frameworks
Die meisten Frontends entstehen heute mit einem dieser Frameworks:
- React: von Meta, weit verbreitet, großes Angebot an Bibliotheken
- Vue: leicht zu lernen, klare Struktur
- Angular: vollständiges Framework von Google, oft in großen Unternehmensanwendungen
- Svelte: kompiliert zu schlankem Code ohne Laufzeit-Framework
Dazu kommen Werkzeuge für Gestaltung (Tailwind CSS, Sass), für den Build (Vite) und für Seiten, die schon auf dem Server entstehen (Next.js, Nuxt, Astro). Welches Framework passt, hängt weniger von der Technik ab als vom Team, das die Anwendung später pflegt.
Frontend-Entwickler und UX/UI-Design
UX/UI-Designer entscheiden, wie eine Anwendung aussieht und wie Nutzer durch sie geführt werden. Frontend-Entwickler setzen das im Code um. Die beiden Rollen arbeiten eng zusammen: Entwickler sagen früh, was technisch aufwendig ist, Designer prüfen, ob die Umsetzung dem Entwurf entspricht.
Ein Frontend-Entwickler ist also meist kein Designer, braucht aber ein Auge für Abstände, Schrift und Zustände wie Laden, Fehler und leere Listen. In kleinen Teams übernehmen manche beides.