CV-eksempel: Frontend-udvikler
IT & Software
Opdateret · Af SkarptCV-redaktionen
Frontend-udviklere ansættes af tech leads, der har set for mange CV'er med 20 frameworks og nul dybde. De leder efter solid React/TypeScript-erfaring, forståelse for design systems og beviser på, at du bygger til rigtige brugere — tilgængelighed, performance og samarbejde med UX. Dette eksempel viser, hvordan du dokumenterer dybden frem for bredden.
Kort fortalt: Hvad skal et frontend-udvikler-CV indeholde?
En profiltekst med dit frontend-fokus, erfaring med konkrete resultater inden for komponenter, tilgængelighed, test og performance, en grupperet stack, uddannelse og links til projekter. Beskriv også, hvordan du samarbejder med UX og backend.
- Typisk løn
- 42.000-58.000 kr./md.
- Skabelon i eksemplet
- Kompakt
Fiktivt CV-eksempel — person og ansættelser er opdigtede. Bygget med en af vores CV-skabeloner
Se ansøgningen til dette CVFrontend-udvikler med ansvar for komponentbibliotek og kvalitet hos Engholm Software A/SFrontend-stillinger tiltrækker mange ansøgere, og næsten alle skriver React og TypeScript. Det betyder, at de to ord ikke længere skiller dig ud — de er bare forudsætningen. Den tech lead eller senior frontend-udvikler, der læser dit CV, leder efter det næste lag: Kan du bygge komponenter, som andre teams kan genbruge? Ved du, hvordan en skærmlæser oplever din formular? Måler du, hvor hurtigt siden bliver brugbar, eller håber du bare?
Et frontend-CV, der virker, beskriver håndværket konkret. Det fortæller om komponentbiblioteker, tilgængelighedsarbejde, test af brugerflows og performance målt i produktion. Og det viser, hvordan du arbejder sammen med UX og backend, fordi en stor del af jobbet foregår i grænsefladen mellem design og data: tomme visninger, fejltilstande, indlæsning og alle de detaljer, der ikke står i Figma-filen.
En produktvirksomhed vil typisk se dybde i én kodebase, ejerskab over et område af brugerfladen og erfaring med et designsystem. Et bureau vil se, at du kan omsætte mange forskellige designs til responsive løsninger i højt tempo. Offentlige organisationer og deres leverandører lægger stor vægt på tilgængelighed, fordi kravene på området er skærpet. Med samme erfaring kan du vinkle CV'et mod alle tre.
Nedenfor finder du et komplet CV-eksempel for en frontend-udvikler, profiltekster til fire situationer, stærke erfaringspunkter og en gennemgang af, hvordan du viser dybde frem for bredde.
Upload dit gamle CV — AI bygger et nyt på under et minut. Gratis at prøve. Skabelonen Kompakt vælges automatisk til dig.
Stack og kompetencer, der bliver søgt på
Rekrutteringsfolk søger på konkrete teknologier, når de screener frontend-udvikler-kandidater. List det, du reelt arbejder i — systemnavne slår kategorier:
Usikker på, hvilke kompetencer der hører hjemme på CV'et? Se guiden Kompetencer på CV
Anatomien i et stærkt frontend-udvikler-CV
Profiltekst: dit frontend-fokus
Tre til fire linjer i jeg-form, der fortæller, hvad du er stærkest i inden for frontend: designsystemer, tilgængelighed, performance, komplekse formularer eller datatunge brugerflader. Nævn dit framework og den type produkt, du har arbejdet på. "Jeg er frontend-udvikler med fokus på tilgængelige komponenter i React og TypeScript" sætter retningen fra første linje.
Erhvervserfaring med fokus på kvalitet
3-5 punkter pr. stilling, hvor du beskriver, hvad du byggede, hvordan du sikrede kvaliteten, og hvem der havde glæde af det. Nævn teamstørrelse, samarbejdet med UX og backend og konkrete resultater som færre fejl, mindre JavaScript eller flere brugere, der gennemfører et flow.
Komponenter, designsystem og tilgængelighed
Har du bygget eller vedligeholdt et komponentbibliotek, så skriv antal komponenter, hvilke teams der bruger det, og om det er dokumenteret i Storybook. Tilgængelighedsarbejde fortjener sit eget punkt: hvilket WCAG-niveau, hvilke typer fejl du har rettet, og om du tester med tastatur og skærmlæser.
Teknisk stack
Gruppér listen: sprog (TypeScript, JavaScript, HTML, CSS), frameworks (React, Next.js, Vue eller Angular), styling (CSS Modules, Tailwind, styled-components), test (Jest, Vitest, React Testing Library, Playwright) og værktøjer (Storybook, Figma, Git, CI). Hold den på 10-14 punkter og fjern det, du ikke længere bruger.
Uddannelse, kurser og links
Professionsbachelor i webudvikling, datamatiker, multimediedesigner eller en datalogisk uddannelse med sted og årstal. Kurser i webtilgængelighed eller frontend-arkitektur kan nævnes kort. Link til GitHub, et live-projekt eller en Storybook, du har bygget, hvis du må vise den frem.
Tech-punkter, der overbeviser — før og efter
Tekniske læsere gennemskuer buzzwords med det samme. Skriv stack, skala og målbar effekt i stedet for ansvarsbeskrivelser:
Byggede komponenter i React
Vedligeholder sammen med to kolleger over 60 React-komponenter i Storybook, som fire produktteams bygger deres skærme på
Arbejdede med tilgængelighed
Udbedrede over 100 tilgængelighedsfejl efter WCAG 2.1 AA, især i fokusstyring, formularfelter og tastaturnavigation
Optimerede hastigheden
Skar 30 % af den indledende JavaScript-pakke væk med kodeopdeling og behovsstyret indlæsning i den mest brugte del af appen
Skrev tests
Dækker 12 kritiske brugerflows med Playwright-tests, der kører i CI før hver udrulning til produktion
Samarbejdede med designere
Afklarer indlæsning, tomme visninger og fejltilstande med UX, før en opgave går i gang, så færre detaljer opdages sent
Flyttede kode til TypeScript
Migrerede en kodebase på cirka 40.000 linjer fra JavaScript til TypeScript i etaper uden at stoppe udviklingen af nye features
4 bud på profilteksten i dit frontend-udvikler-CV
Profilteksten er de 3-5 linjer øverst i CV'et — og den mest læste tekst i hele dokumentet. Brug eksemplerne som udgangspunkt, og tilpas dem til din erfaring og det konkrete job:
“Jeg er frontend-udvikler med fem års erfaring i React og TypeScript fra SaaS og e-handel. Jeg vedligeholder et designsystem med over 60 komponenter, som fire teams bygger på, og jeg har stået for at løfte vores platform til WCAG 2.1 AA. Jeg trives tæt på UX og søger et produktteam, hvor kvaliteten i brugerfladen bliver taget alvorligt.”
“Jeg er nyuddannet webudvikler med en praktik, hvor jeg omsatte Figma-designs til responsive React-komponenter for to kunder. Jeg har bygget tre egne projekter i TypeScript med tests i Jest og tastaturvenlig navigation. Jeg er nysgerrig på designsystemer og tilgængelighed og søger en juniorstilling med erfarne kolleger og grundige code reviews.”
“Jeg har fire års erfaring som UI-designer og har de seneste to år selv implementeret mine designs i React og CSS. Jeg forstår både designsystemer, typografi og komponenternes kode, og jeg er god til at fange de detaljer, der forsvinder mellem design og udvikling. Jeg søger en frontend-stilling, hvor den dobbelte baggrund kan bruges.”
“Jeg er senior frontend-udvikler med ni års erfaring og har de seneste tre år haft ansvaret for frontend-arkitekturen i en platform med flere produktteams. Jeg har ført en ældre Angular-løsning over i React trin for trin og indført fælles standarder for test, tilgængelighed og performance. Jeg søger en lead-rolle med ansvar for teknisk retning og sparring.”
Vil du dybere ned i håndværket? Læs guiden Profiltekst til CV — sådan skriver du den
Sådan består dit frontend-udvikler-CV både ATS'en og tech-leadens skim
Vælg to-tre områder, hvor du har reel dybde — fx designsystemer, tilgængelighed og test — og lad dem gå igen i profiltekst og erfaringspunkter. Det giver et tydeligt billede af, hvad du bringer ind i teamet.
Skriv WCAG-niveau og metode, når du nævner tilgængelighed. "Tester med tastatur og skærmlæser" og "WCAG 2.1 AA" er konkrete, mens "fokus på tilgængelighed" kan betyde næsten hvad som helst.
Mål din performance. Lighthouse-score, Core Web Vitals, bundle-størrelse eller tid til første interaktion viser, at du arbejder med fakta i stedet for fornemmelser.
Vis samarbejdet med UX. At du giver feedback på designs, før de er låst, og afklarer kanttilfælde tidligt, er en af de egenskaber, tech leads sætter størst pris på hos en frontend-udvikler.
Nævn, hvordan du tester. Unit-tests i Jest eller Vitest, komponenttests med React Testing Library og end-to-end-tests i Playwright eller Cypress fortæller, at din kode holder, når andre ændrer i den.
Brug et link, der viser dit håndværk. En Storybook, et live-projekt eller et velskrevet repository giver læseren mulighed for at se dine komponenter i stedet for blot at læse om dem.
Hold CV'et stramt. En frontend-udvikler, der kan prioritere indhold og hierarki på én til to sider, demonstrerer allerede en del af jobbet.
Typiske fejl i et frontend-udvikler-CV
Tyve frameworks og ingen dybde
React, Vue, Angular, Svelte, jQuery og Ember på samme liste får det til at se ud, som om du har prøvet alt og ikke mestrer noget. Vælg det, du vil arbejde med, og vis dybden i dine punkter.
Ingen tegn på tilgængelighed
Mange frontend-CV'er nævner slet ikke tilgængelighed, selvom det i stigende grad er et krav. Har du arbejdet med det, så skriv det konkret. Har du ikke, så er det en oplagt kompetence at bygge op.
"Pixel perfect" som eneste kvalitet
At kunne ramme et design præcist er godt, men det er kun en del af jobbet. Vis også, at du tænker i tilstande, responsivitet, performance og test — det er dér, frontend-kvalitet ofte afgøres.
CV'et ser ud som et UI-eksperiment
Animationer, farvede bjælker for kompetenceniveau og tekst i grafik kan virke kreativt, men gør CV'et svært at læse for rekrutteringssystemer. Brug din kreativitet i dit portfolio og hold CV'et rent.
Sådan tilpasser du CV'et til jobopslaget
Frontend-opslag afslører ofte, hvad teamet kæmper med. Står der "designsystem" flere gange, mangler de en, der kan bygge og vedligeholde komponenter. Står der "WCAG" og "offentlige kunder", er tilgængelighed et hårdt krav. Flyt de punkter, der svarer på teamets udfordring, øverst i din seneste stilling.
Tilpas din stack til opslaget, men kun med det, du kan. Bruger virksomheden Vue, og har du arbejdet med det i et tidligere job, så flyt det frem. Har du ikke, så vis i stedet, at dine React-kompetencer bygger på principper, der kan overføres, fx komponentdesign, state-håndtering og test.
Profilteksten er stedet for den hurtige tilpasning. Nævn stillingens titel, virksomhedens produkt og de to-tre ting fra opslaget, du er stærkest i — så kan læseren se matchet uden at lede.
Søger du mange stillinger? Med Aktiv jobsøger indsætter du et link til jobopslaget og får en målrettet kopi af dit CV og en færdig ansøgning. Se hvordan
Karriereveje og titler inden for frontend-udvikler-faget
Mange frontend-udviklere starter med at bygge sider og komponenter ud fra designs og bevæger sig derefter mod større ansvar for arkitektur, designsystemer og kvalitet. Med erfaring åbner der sig roller som senior frontend-udvikler, frontend-lead og frontend-arkitekt, hvor du sætter retningen for flere teams.
Nogle specialiserer sig i tilgængelighed og bliver de interne eksperter, som både udviklere og designere spørger til råds. Andre bevæger sig mod fullstack-roller, mod design engineering i krydsfeltet mellem design og kode, eller mod produktnære roller. Uanset retning er det dybden i håndværket, der skal kunne ses i CV'et.
Jobtitler, du kan søge efter
Brug titlerne, når du søger job — og når du skriver din titel i CV'et, så du matcher det, arbejdsgiverne kalder stillingen:
Skabelonen bag dette CV-eksempel
Eksemplet er sat op i CV-skabelonen Kompakt — kompakt to-kolonne CV-skabelon, der får plads til meget indhold på én side — ideel til profiler med mange kompetencer og projekter.
Se vores enkle og minimalistiske cv-skabelonerAnsøgning til frontend-udvikler: den, der hører til CV'et
Personen bag dette CV har også skrevet en ansøgning — til stillingen som frontend-udvikler med ansvar for komponentbibliotek og kvalitet hos Engholm Software A/S. Ansøgningen bygger kun på erfaringen i CV'et og viser, hvordan de to dokumenter spiller sammen. Sådan starter den:
“Over 60 React-komponenter i Storybook, fire produktteams, der bygger på dem, og en fælles standard for tilgængelighed: Sådan ser min hverdag ud som frontend-udvikler i dag. Jeg søger stillingen hos Engholm Software, fordi I vil samle jeres produkter om ét komponentbibliotek og giver frontend-udvikleren ansvar for både arkitektur og kvalitet.”Læs hele ansøgningen til frontend-udvikler
FAQ om frontend-udvikler-CV'et
Hvad skal et frontend-udvikler-CV indeholde?
En profiltekst med dit frontend-fokus, erfaring med konkrete resultater inden for komponenter, tilgængelighed, test og performance, en grupperet stack, uddannelse og links til projekter. Beskriv også, hvordan du samarbejder med UX og backend.
Hvordan skiller jeg mig ud, når alle skriver React og TypeScript?
Med kontekst og dybde. Skriv, hvad du har bygget, hvem der bruger det, og hvordan du har sikret kvaliteten. "Komponentbibliotek brugt af fire teams" eller "platform løftet til WCAG 2.1 AA" siger mere end selve teknologinavnene.
Hvor vigtig er WCAG-erfaring på et frontend-CV?
Vigtigere end tidligere. Offentlige myndigheder er omfattet af webtilgængelighedsloven, og EU's krav om tilgængelighed gælder nu også en række private digitale tjenester. Konkret erfaring med audits, tastaturnavigation og skærmlæsertest adskiller dig.
Skal jeg have et portfolio som frontend-udvikler?
Det er en stor fordel, især tidligt i karrieren. Et par live-projekter, et repository med god README eller en Storybook med dine komponenter giver læseren noget konkret at se på.
Hvordan skriver jeg et frontend-CV som junior?
Lad praktik, studiejob og egne projekter fylde, og beskriv dem med stack, din rolle og hvad du lærte. Vis, at du kan tage imod feedback i code reviews, og nævn tilgængelighed og test, hvis du har arbejdet med det — det er sjældent hos juniorer.
Skal mit frontend-CV skrives på dansk eller engelsk?
Følg opslagets sprog. Mange produktvirksomheder har engelsk som arbejdssprog, mens bureauer og offentlige arbejdsgivere ofte foretrækker dansk. Tekniske termer som Storybook og code splitting beholder du på engelsk.
Skal jeg nævne Vue eller Angular, hvis jeg mest arbejder i React?
Ja, hvis du har brugt dem i et rigtigt projekt, og især hvis opslaget nævner dem. Skriv kort, hvor og hvornår, så læseren kan vurdere niveauet. Har du kun prøvet dem i en tutorial, så lad dem være.
Hvilken CV-skabelon passer bedst til frontend-udviklere?
En stram, pladseffektiv skabelon, hvor stack og resultater står tydeligt. Eksemplet her er lavet med skabelonen Kompakt, men alle vores skabeloner er ATS-venlige og kan bruges.
Flere CV-eksempler
Se, hvordan et stærkt CV ser ud i andre fag — hvert eksempel har skrivetips, færdige formuleringer og et komplet CV, du kan lade dig inspirere af.