Door Thomas Verhoeven ยท 11 mrt 2026 ยท 4 min leestijd
๐Ÿ’ป ICT & Data

CV voorbeeld front-end developer (2026)

In een markt waar tech-recruiters dagelijks tientallen cv's scannen, wint het cv dat frameworks, meetbare performance-verbeteringen en concrete projecten toont. Laat zien welke interfaces je bouwde en welk verschil dat maakte in laadtijd, conversie of toegankelijkheid.

โœ“ ATS-vriendelijk cv-voorbeeld
๐Ÿ“„ Volledig cv-voorbeeld

Compleet cv als front-end developer

Een compleet front-end cv met React/TypeScript-projecten, Lighthouse-scores en design-system-ervaring. Wissel de frameworks en resultaten uit voor je eigen stack.

Sanne de Groot
Medior Front-end Developer ยท React / TypeScript
๐Ÿ“ Rotterdam๐Ÿ“ง sanne@degroot.dev๐Ÿ“ฑ 06-12345678GitHub: github.com/sannedg
Profiel

Front-end developer met 5 jaar ervaring in het bouwen van performante, toegankelijke webapplicaties met React en TypeScript. Ervaren met component-driven development, design systems en WCAG 2.1 AA-compliance. Gewend aan werken in multidisciplinaire Scrum-teams met designers en back-end developers.

Werkervaring
Medior Front-end Developerfeb 2023 โ€“ heden
Coolblue โ€” Rotterdam
  • Herbouwde productdetailpagina in React/Next.js; laadtijd daalde met 40% en conversie steeg 12%.
  • Ontwikkelde en onderhield gedeeld design system (Storybook) met 60+ componenten, gebruikt door 4 teams.
  • Voerde WCAG 2.1 AA-audit uit en loste 85 toegankelijkheidsissues op, waardoor compliance werd behaald.
  • Implementeerde server-side rendering en image optimization waardoor Lighthouse-score steeg van 62 naar 94.
Junior Front-end Developeraug 2020 โ€“ jan 2023
Backbase โ€” Amsterdam
  • Bouwde klantportalen voor banken in Angular/TypeScript met responsive design voor 15+ breakpoints.
  • Schreef unit- en e2e-tests (Jest, Cypress) met 90% code coverage op kritieke flows.
  • Migreerde legacy jQuery-codebase naar Angular; bundle size daalde met 35%.
Opleiding
BSc Informatica2016 โ€“ 2020
Hogeschool Rotterdam
Vaardigheden
React / Next.jsTypeScript / JavaScriptHTML5 / CSS3 / SASSAngularVue.jsStorybook / Design SystemsJest / Cypress / Testing LibraryGit / CI/CD
Bijscholing

Google UX Design Certificate (2024) ยท IAAP Web Accessibility Specialist (2023) ยท Spreker op Frontmania 2024

โœจ Maak het persoonlijk
1๐Ÿ‘คVul je naam en contactgegevens in
2๐Ÿ“Schrijf je eigen profieltekst
3๐Ÿ’ผVoeg je werkervaring toe
4๐ŸŽ“Vermeld je opleiding
5๐Ÿ’กKies je vaardigheden
Maak dit mijn eigen cv โ†“
๐Ÿ“ Profieltekst

Een profiel dat wรฉl werkt

Open met je primaire framework en ervaringsjaren, gevolgd door het type applicaties dat je bouwde en een meetbaar resultaat. Tech-recruiters filteren op stack โ€” zorg dat React, Vue of Angular in de eerste zin staat, samen met een concreet getal als bewijs van impact.

โœ— Niet doen

Ik ben een creatieve front-end developer met een passie voor mooie websites. Ik leer snel nieuwe technieken en werk graag in een dynamisch team met ruimte voor groei.

โœ“ Beter

Front-end developer met 5 jaar ervaring in React/TypeScript-applicaties voor e-commerce. Herbouwde productpagina die conversie met 12% verhoogde. Ervaren met design systems, WCAG-compliance en performance-optimalisatie.

Meer tips? Lees onze gids voor het persoonlijk profiel.

๐Ÿ’ก Vaardigheden

Wat front-end werkgevers zoeken

ATS-systemen matchen op exacte technologienamen en versienummers. Noem je frameworks met versie, je testtools met coverage-percentages en je performance-resultaten met Lighthouse-scores.

โš›๏ธ

Frameworks & libraries

React, Vue, Angular โ€” noem versies en ecosysteem (Next.js, Nuxt, RxJS). Laat zien welk framework je primair beheerst.

๐ŸŸฆ

TypeScript & JavaScript

TypeScript is de standaard bij grote codebases. Benoem of je ES2024+, generics en type-safe API-calls beheerst.

๐ŸŽจ

HTML, CSS & design systems

Semantic HTML, CSS Grid/Flexbox, SASS, Tailwind, Styled Components โ€” plus ervaring met Storybook of Figma-integratie.

โ™ฟ

Toegankelijkheid (WCAG)

WCAG 2.1 AA-compliance, screen reader testing, ARIA-labels โ€” steeds vaker een harde eis bij grote werkgevers.

๐Ÿš€

Performance & SEO

Core Web Vitals, lazy loading, code splitting, SSR/SSG โ€” kwantificeer je Lighthouse-scores en laadtijdverbeteringen.

๐Ÿงช

Testing & tooling

Jest, Testing Library, Cypress, Playwright โ€” noem je coverage-percentage en welke teststrategieรซn je hanteert.

Lees meer over welke vaardigheden je kunt noemen in onze vaardigheden-gids.

๐Ÿ“‹ Werkervaring

Zo beschrijf je werkervaring

Structureer elke bullet als "Wat je bouwde + welke technologie + meetbaar resultaat". Denk aan Lighthouse-scores, conversieverhoging, bundle-size-reductie of opgeloste toegankelijkheidsissues.

Medior Front-end Developerfeb 2023 โ€“ heden
Coolblue โ€” Rotterdam
  • Herbouwde productdetailpagina in React/Next.js; laadtijd daalde met 40% en conversie steeg 12%.
  • Ontwikkelde design system (Storybook) met 60+ componenten, gebruikt door 4 teams.
  • Voerde WCAG 2.1 AA-audit uit en loste 85 toegankelijkheidsissues op.
  • Implementeerde SSR en image optimization; Lighthouse-score steeg van 62 naar 94.
Junior Front-end Developeraug 2020 โ€“ jan 2023
Backbase โ€” Amsterdam
  • Bouwde klantportalen voor banken in Angular/TypeScript met responsive design.
  • Schreef unit- en e2e-tests (Jest, Cypress) met 90% code coverage op kritieke flows.
  • Migreerde legacy jQuery-codebase naar Angular; bundle size daalde met 35%.

Gebruik actieve werkwoorden om je bullets krachtiger te maken.

โœ… Praktische tips

Wel doen en niet doen

โœ“

Noem je frameworks en versies

"React 18, Next.js 14, TypeScript 5" โ€” recruiters filteren op specifieke technologieรซn.

โœ•

Vermijd "pixel-perfect" zonder bewijs

Iedereen claimt dit. Laat het zien via een portfolio-link of design system dat je gebouwd hebt.

โœ“

Kwantificeer performance-verbeteringen

"Lighthouse van 62 naar 94", "laadtijd โˆ’40%", "bundle size โˆ’35%" โ€” meetbare resultaten overtuigen.

โœ•

Geen lijst van 20 frameworks

Noem alleen frameworks die je de laatste 2 jaar actief hebt gebruikt. "jQuery" in 2026 werkt tegen je.

โœ“

Benoem toegankelijkheid

WCAG-compliance is steeds vaker een harde eis. Noem concrete audits, screen reader testing of ARIA-ervaring.

โœ•

Geen hobbyprojecten zonder context

Een todo-app overtuigt niet. Noem open-source bijdragen, npm-packages of productieapplicaties met gebruikersaantallen.

Controleer je cv met onze cv-checklist voordat je solliciteert.

๐Ÿ’ฐ Salarisindicatie

Wat verdien je als front-end developer?

Salarisindicatie op basis van cvcoach AI-analyse van 3542+ recente vacatures.

Starter
โ‚ฌ3.000 โ€“ โ‚ฌ3.800
0 โ€“ 2 jaar ervaring
Medior
โ‚ฌ3.800 โ€“ โ‚ฌ5.000
2 โ€“ 5 jaar ervaring
Senior
โ‚ฌ5.000 โ€“ โ‚ฌ6.500
5+ jaar ervaring
โ“ Veelgestelde vragen

FAQ: CV als front-end developer

Sterk aanbevolen. Een live portfolio of GitHub-profiel toont je werk beter dan beschrijvingen. Zorg dat projecten werken, mobiel geoptimaliseerd zijn en een korte toelichting hebben. Drie sterke projecten zijn beter dan tien half-afgebouwde.

Alleen als je beide recent en actief hebt gebruikt. Kies je primaire framework en noem secundaire frameworks apart. Stem je cv af op de vacature: solliciteer je bij een React-bedrijf, zet React bovenaan.

Eรฉn A4 bij minder dan 5 jaar ervaring, maximaal twee A4 bij meer. Focus op recente projecten met meetbare resultaten. Laat stages en bijbanen weg zodra je relevante werkervaring hebt.

Noem concrete resultaten: "WCAG 2.1 AA-audit uitgevoerd en 85 issues opgelost" of "Screen reader testing geรฏmplementeerd in CI/CD-pipeline." Certificeringen zoals IAAP WAS of CPACC versterken je profiel.

Ja, een actief GitHub-profiel of live portfolio is bijna een vereiste voor front-end developers. Zorg dat je getoonde repositories schone code, goede READMEโ€™s en recente commits bevatten. Drie kwalitatieve projecten maken meer indruk dan twintig onafgemaakte repoโ€™s.

Noem het framework met versienummer, het type project en een meetbaar resultaat. Bijvoorbeeld: "React 18 / Next.js 14 โ€” herbouwde checkout-flow, conversie +15%." Stem je primaire framework af op de vacature en vermeld secundaire frameworks apart.

Beschrijf concrete projecten waarbij je mobile-first werkte en noem het aantal breakpoints of apparaten dat je ondersteunde. Voeg toe welke technieken je gebruikte (CSS Grid, Flexbox, container queries) en welk effect dat had op mobiele conversie of gebruikerservaring.

Begin met je front-end cv

Vul je eigen frameworks, projecten en performance-cijfers in en bouw een front-end cv dat opvalt bij tech-recruiters.

Bouw je front-end developer cv
Vul je stack en projecten in
Maak je CV โ†’