Lebenslauf für Frontend-Entwickler/innen: Beispiele und Anleitung

Ein einseitiger Lebenslauf einer Frontend-Entwicklerin mit sieben Jahren Erfahrung in zwei Agenturen und bei einem Healthtech-Produktunternehmen. Name und Unternehmen sind erfunden. Achten Sie darauf, dass der Stack in der Titelzeile steht, der Kopf auf GitHub und ein Portfolio verlinkt und jeder Stichpunkt eine Zahl enthält, die sich eine Führungskraft vorstellen kann: Nutzerzahlen, Ladezeit, Bundle-Größe, Testabdeckung, Fehler, Conversion.

Ein Frontend-Lebenslauf wird meist zweimal gesichtet: Das Recruiting gleicht den Stack mit der Anzeige ab, dann verbringt die Teamleitung oder eine erfahrene Entwicklerin etwa eine Minute damit. Gesucht wird nach vier Dingen, in dieser Reihenfolge.

• Passender Stack. Arbeitet das Team mit React und TypeScript, will es React und TypeScript in Ihrer Titelzeile und in den Stichpunkten sehen, nicht in einer Liste mit 30 Werkzeugen. Für Vue- oder Angular-Teams gilt dasselbe. Geben Sie die Tiefe ehrlich an: „Vue (produktiv, 2 Jahre)“ wirkt stärker als eine bloße Aufzählung.
• Ausgelieferte Arbeit mit Wirkung. Etwas, das bei Nutzerinnen und Nutzern angekommen ist, mit einer Zahl: Sitzungen, Ladezeit, Conversion, behobene Barrierefreiheitsbefunde, Testabdeckung, weniger Fehler. Ein Feature, das Sie gebaut und ein Jahr lang gepflegt haben, sagt mehr als fünf, an denen Sie mitgewirkt haben.
• Code zum Öffnen. Ein GitHub-Profil mit einem angepinnten Projekt mit README, Tests und Commits über einen längeren Zeitraum; ein Portfolio oder eine laufende App. Führungskräfte öffnen diese Links tatsächlich, besonders bei Junior- und Mid-Level-Bewerbungen.
• Grundlagen. Reines JavaScript, CSS-Layout, der Browser (Rendering, Netzwerk, Speicher), Grundlagen von Barrierefreiheit und Performance. Frameworks wechseln; ein Lebenslauf, der Core Web Vitals und WCAG nennt, zeigt, dass Sie die Plattform verstehen. Seit dem 28. Juni 2025 gilt zudem das Barrierefreiheitsstärkungsgesetz (BFSG) für bestimmte Produkte und Dienstleistungen für Verbraucherinnen und Verbraucher, etwa Onlineshops, Onlinebanking und E-Books (Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen); Erfahrung damit ist in Deutschland ein echtes Plus.

“Zuerst wird das Framework geprüft und ob die Person schon einmal einen echten Produktbereich verantwortet hat. Danach kommt der GitHub-Link. Wenn das angepinnte Repository Tests und ein lesbares README hat, ist das Gespräch schon halb vereinbart.”

Für Frontend-Stellen ist der GitHub-Link oft das, was den Ausschlag gibt. Setzen Sie GitHub, ein Portfolio oder ein laufendes Projekt sowie LinkedIn oder XING als kurze, lesbare URLs in den Kopf (ohne Tracking-Parameter, ohne URL-Kürzer). Sorgen Sie dann dafür, dass sich das Öffnen lohnt.

• GitHub: Pinnen Sie 2 bis 4 Repositories an, die zur Stelle passen. Jedes braucht ein README mit Screenshot, Zweck, Anleitung zum Starten und Stack, einen Testordner und eine Commit-Historie über Wochen statt eines einzigen „initial commit“. Archivieren Sie Tutorial-Klone oder lösen Sie die Anpinnung.
• Portfolio oder laufende App: Ein ausgeliefertes Projekt, über das Sie 20 Minuten sprechen können, schlägt sechs Vorlagen. Sagen Sie bei Teamprojekten, was Sie selbst gebaut haben. Eine persönliche Website ist in Ordnung, aber kein Projekt, solange sie nichts tut. Denken Sie bei einer eigenen Website an Impressum und Datenschutzerklärung.
• LinkedIn oder XING: Titel, Daten und Stack müssen genau mit dem Lebenslauf übereinstimmen. Das Recruiting vergleicht beides.
• Nicht verlinken: private Repositories, ein GitHub-Profil voller Forks und sonst nichts, ein Portfolio, das auf dem Smartphone nicht funktioniert (dort wird es oft geöffnet), oder ein Lebenslauf-PDF auf einem beliebigen Filehoster.

Gruppieren Sie Ihre Kenntnisse so, dass man das Framework in einer Sekunde findet und in der nächsten die Tiefe sieht. Zehn bis sechzehn Punkte, gruppiert, ohne Skill-Balken oder Sterne (sie sagen nichts aus, und Bewerbermanagementsysteme können sie nicht lesen).

• Sprachen: JavaScript (nennen Sie die Version oder die Features, die Sie nutzen), TypeScript, HTML5, CSS3. Stellen Sie HTML nicht an den Anfang; das setzt jede Anzeige voraus.
• Framework und Ökosystem: React mit Next.js oder Remix; Vue mit Nuxt; Angular; Svelte. Ergänzen Sie Werkzeuge für State und Daten (Redux Toolkit, TanStack Query, Pinia, NgRx) und den Router, den Sie verwenden.
• Styling: Tailwind, CSS Modules, styled-components, Sass, Design Tokens, Responsive Design und Container Queries, Grundlagen der Animation.
• Qualität: Jest oder Vitest, React Testing Library, Playwright oder Cypress, Storybook, visuelle Regressionstests, ESLint und Prettier, typsichere API-Clients.
• Performance und Barrierefreiheit: Core Web Vitals (LCP, INP, CLS), Lighthouse, Bundle-Analyse, Lazy Loading, Bild- und Schriftstrategie; WCAG 2.1 und 2.2, EN 301 549, BITV 2.0 für öffentliche Stellen, Anforderungen aus dem BFSG, ARIA, Tastaturbedienung, Tests mit Screenreadern.
• Build, Deployment und Monitoring: Vite, Webpack, Turbopack; GitHub Actions oder GitLab CI; Vercel, Netlify, AWS; Sentry, Analytics-Events, Feature Flags, Cookie-Consent nach DSGVO und TDDDG.
• Arbeitsweisen, die hier zählen: Figma-Dateien lesen und bei Entwürfen nachhaken, die so nicht umsetzbar sind, klare Pull Requests schreiben, API-Verträge mit dem Backend abstimmen, im Sprint schätzen und liefern.

Ein starker Frontend-Stichpunkt nennt den Produktbereich, den Stack, den Umfang (Nutzerinnen und Nutzer, Sitzungen, Seiten, Komponenten) und ein gemessenes Ergebnis: Ladezeit, Bundle-Größe, Barrierefreiheitsbefunde, Testabdeckung, Fehler, Conversion oder Liefergeschwindigkeit.

Drei Zeilen: Jahre und Stack, das Produkt, das Sie gebaut haben, und sein Umfang, ein oder zwei gemessene Ergebnisse. Wer einsteigt, schreibt ein kurzes Berufsziel mit Stack, einem echten Projekt und der gesuchten Stelle.

Ohne Berufstitel sind Ihre Projekte Ihre Berufserfahrung. Zwei oder drei echte Projekte, beschrieben wie Stellen, schlagen eine lange Kenntnisliste. Wer Junior-Stellen besetzt, will sehen, dass Sie etwas fertigstellen, es testen und Ihre Entscheidungen erklären können. Das gilt nach einem Informatikstudium ebenso wie nach einer Ausbildung zur Fachinformatikerin oder zum Fachinformatiker für Anwendungsentwicklung, einem Bootcamp oder einer Umschulung.

1. 1Kopf mit GitHub, einem Link zu einem laufenden Projekt und LinkedIn. Wenn Ihr GitHub-Profil dünn ist, beheben Sie das, bevor Sie die erste Bewerbung abschicken.
2. 2Berufsziel in zwei oder drei Zeilen: der Stack, den Sie beherrschen, ein Projekt mit echten Nutzerinnen und Nutzern oder einer echten Zahl, die gesuchte Stelle.
3. 3Projekte, platziert vor dem Abschnitt Ausbildung: 2 oder 3 Projekte mit Name, Jahr, Stack, Zweck, Nutzerkreis und Zahlen (Nutzer, Tests, Lighthouse-Wert, API-Endpunkte, Komponenten). Sagen Sie bei Team- oder Bootcamp-Projekten, was Sie selbst gebaut haben.
4. 4Ausbildung: Studium, IHK-Ausbildung, Bootcamp oder Umschulung mit Zeitraum; passende Module nur, wenn sie konkret sind (Algorithmen und Datenstrukturen, Mensch-Computer-Interaktion, Webentwicklung). Eine Umschulung mit Bildungsgutschein der Arbeitsagentur ist nur bei AZAV-zertifizierten Trägern möglich; nennen Sie den Träger. Die Abschlussnote nur, wenn sie gut ist (etwa 2,0 oder besser).
5. 5Kenntnisse gruppiert wie im Abschnitt oben, beschränkt auf das, was Sie live programmieren können.
6. 6Jede bisherige Tätigkeit mit ein oder zwei Zeilen und einer Zahl: Einzelhandel, Support, Nachhilfe, Werkstudentenjob. Teams stellen gern Juniors ein, die schon gearbeitet haben. Eine Seite.

• Eine Seite bis etwa 8 Jahre Erfahrung; zwei Seiten für Senior- und Lead-Rollen mit mehreren Produkten und einem Team, in Deutschland ohnehin üblich. Eine dritte Seite liest niemand.
• Reihenfolge: Kopf mit Links, Titelzeile mit Stack, Profil, Berufserfahrung (oder Projekte bei Juniors), Kenntnisse, Ausbildung. Zertifikate sind im Frontend optional und stehen am Ende.
• Schlichtes, einspaltiges Layout, echter Text, keine Skill-Balken, keine Icons als Abschnittsüberschriften. Viele Unternehmen stellen über Bewerbermanagementsysteme wie Personio, SAP SuccessFactors, softgarden, Greenhouse oder Workday ein, die Text auslesen; ein zweispaltiges Design mit Grafiken verliert dort oft Ihre Daten.
• Textbasiertes PDF mit dem Namen Vorname-Nachname-Lebenslauf-Frontend.pdf. Schicken Sie keinen Link zu einem Figma- oder Canva-Entwurf als Lebenslauf.
• Schlüsselwörter: Übernehmen Sie die Schreibweise der Anzeige. Anzeigen schreiben „Frontend“, „Front-End“ und „Front End“ abwechselnd, also verwenden Sie die Form der Anzeige im Titel und eine andere einmal im Text. Nennen Sie das Framework, TypeScript, die Testwerkzeuge, „Barrierefreiheit“, „Performance“, „Responsive Design“, „REST“ oder „GraphQL“, „CI/CD“ und „agil“ oder „Scrum“, wenn sie vorkommen.
• Ein Bewerbungsfoto ist in Deutschland üblich, aber freiwillig; Geburtsdatum und Familienstand ebenso. Viele Tech-Unternehmen verzichten auf ein Anschreiben; schreiben Sie eines, wenn die Anzeige es verlangt. Ist die Anzeige auf Englisch, schicken Sie einen englischen CV.
• Prüfen Sie das PDF mit dem ATS-Check von cvplex und fügen Sie die Stellenanzeige ein. Er zeigt, welche Stack-Begriffe fehlen und welche Stichpunkte kein messbares Ergebnis haben.