Det viktigste
- Gi hvert kulepunkt et tall, helst ett brukerne merker: andelen som fullfører et skjema, svartiden i grensesnittet eller feil etter lansering.
- Har du bygget et designsystem, oppgir du antall komponenter og hvor mange team som bruker dem.
- Samle rammeverk og testverktøy under Verktøy og systemer, og ta bare med dem du har brukt i arbeid eller studieprosjekter.
- Fagskolestudier i frontend-utvikling er på alt fra 30 til 120 studiepoeng, så oppgi lengden når du fører dem opp under Utdanning.
- Er du nyutdannet, viser du hvor mange som har brukt det du laget i studiet, i en deltidsjobb eller for en forening.
Hva ser arbeidsgivere etter i en CV for frontend-utvikler?
Gokstad Akademiet beskriver frontend-utvikling i studieomtalen sin på utdanning.no som et fag i skjæringspunktet mellom design, teknologi og brukeropplevelse. Den som leser CV-en din, ser etter både koden du skrev og det brukerne fikk ut av den.
Hvilke tall og ord som veier tyngst, avhenger av hva slags løsning du har jobbet med.
| Løsning | Det arbeidsgiveren ser etter | Slik viser du det på CV-en |
|---|---|---|
| Netthandel og bestilling | En rask kasse som er lett å komme gjennom | Oppgi andelen som fullførte kjøpet før og etter endringen din. |
| Selvbetjening i offentlig sektor | Universell utforming og skjemaer folk forstår | Skriv hvilke krav du testet mot, og hvor mange som sender inn skjemaet i måneden. |
| Fagsystemer og interne verktøy | Skjermbilder som sparer tid for folk som bruker dem hele dagen | Beskriv hvilken arbeidsoppgave som gikk raskere, og hvor mange klikk eller minutter det sparte per sak. |
| Konsulentoppdrag | At du kommer raskt inn i nye team og kodebaser | Nevn hvor mange kunder du har jobbet for, og hvilket rammeverk du brukte i hvert oppdrag. |
Oppsett av CV for frontend-utvikler: rekkefølge og tittel
Den nyeste stillingen står øverst, og programmeringsspråk, rammeverk og testverktøy får en egen del som leseren kan holde opp mot kravene i annonsen. Slik ser rekkefølgen ut:
- Kontakt: navn, tittel, e-post, telefon og bosted
- Profil
- Arbeidserfaring
- Kompetanse
- Verktøy og systemer
- Utdanning
- Kurs og sertifiseringer
- Språk
- Referanser oppgis ved forespørsel
Tittelen under navnet skal beskrive arbeidet ditt. Skriver annonsen frontendutvikler i ett ord eller front-end developer, kan du gjerne bruke den samme skrivemåten.
Profiltekst for frontend-utvikler: løsning, rammeverk og ansvar
Profilteksten er 3–4 linjer rett under tittelen. Den forteller hva slags grensesnitt du bygger og for hvem, hvilket rammeverk du jobber mest i og hva du tar ansvar for utover egne oppgaver.
Formel for profilteksten
[Tittel] som bygger [type løsning] for [brukere, med antall]. Jobber mest i [rammeverk og språk]. [Ansvar utover egne oppgaver, med tall]. Søker [stilling] i [sted eller type virksomhet].
Eksempel: Frontend-utvikler som bygger selvbetjeningsløsninger for en bank med 90 000 bedriftskunder. Jobber mest i React, TypeScript og Next.js. Leder arbeidet med universell utforming i et team på 6 utviklere. Søker fast stilling i et produktteam i Bergen.
Den vanligste feilen er å gjøre profilteksten om til en liste over teknologier. Da står det samme i profilen og under Verktøy og systemer, og leseren får ikke vite hva du har laget.
Feil
Frontend-utvikler med erfaring innen HTML, CSS, JavaScript, TypeScript, React, Vue, Angular, Tailwind og Figma. Opptatt av brukervennlighet og ren kode.
Riktig
Frontend-utvikler med 5 års erfaring fra strømbransjen. Bygger en kundeportal i Vue og TypeScript for 60 000 kunder og har kortet ned tiden det tar å bytte strømavtale på mobil fra 4 til 2 minutter.
Portalen, rammeverket og én målt forbedring sier mer enn 9 teknologinavn på rad.
Tilpass teksten til hver annonse. Et rammeverk som står blant kravene, og som du har brukt i en stilling, skal nevnes allerede i profilen.
Profil
Frontend-utvikler med ansvar for komponentbiblioteket i et selskap som lager bestillingssystemer for treningssentre. Har migrert kalendermodulen fra Angular til React og rullet den ut til 310 sentre uten nedetid. Jobber tett med 2 interaksjonsdesignere og sørger for at komponentene i Figma og Storybook stemmer overens. Søker stilling som frontend-arkitekt i Trondheim.
Arbeidserfaring som frontend-utvikler: tall som brukerne merker
Under tittel, arbeidsgiver, sted og periode skriver du 2–4 kulepunkter som begynner med et verb. Av hvert punkt skal det gå fram hva du bygde, i hvilket rammeverk og hvilket tall som endret seg.
Feil
Utviklet nye funksjoner i React i et smidig team og deltok i sprintmøter og kodegjennomgang.
Riktig
Bygde den nye søkesiden for boligannonser i React og fikk ned lastetiden på mobil fra 3,4 til 1,8 sekunder ved å laste kartet først når brukeren åpner det.
Søkesiden, rammeverket og målingen viser både hva du leverte og at du vet hvorfor siden ble raskere.
Et skjermbilde har nesten alltid både designere og backend-utviklere bak seg, så skriv hvilken del av arbeidet som var ditt.
Arbeidserfaring
- Utvikler skjemaet for skademeldinger i React og TypeScript, og kundene sender inn rundt 4 000 meldinger i måneden.
- Har økt andelen som fullfører skademeldingen på mobil fra 58 til 74 % ved å dele skjemaet opp i 6 korte steg.
- Tester hver ny side med tastatur og NVDA og har rettet 29 brudd på WCAG 2.1 siden 2024.
- Bygde bestillingsløsningen i Vue for et fergeselskap og oppgraderte den fra Vue 2 til Vue 3 på 5 måneder.
- Innførte Storybook og visuelle tester i Chromatic, slik at antallet meldte feil i grensesnittet etter lansering gikk ned fra 14 til 4 per kvartal.
Mangler du tall fra analyseverktøy, kan du telle: skjermbilder du har laget, komponenter som gjenbrukes, team som bygger på koden din eller feil som ble meldt før og etter en endring.
| Område | Slik kan det stå på CV-en |
|---|---|
| Responstid | Kortet ned INP i kalenderen fra 380 til 140 ms ved å rendre bare de 2 ukene som vises på skjermen. |
| Universell utforming | Sørget for at alle de 9 stegene i bestillingsflyten kan fullføres med bare tastatur, og at flyten besto en uavhengig tilgjengelighetstest. |
| Gjenbruk | Erstattet 14 ulike knapper i kodebasen med én felles knappekomponent i 4 varianter. |
| Stabilitet | Satte opp feillogging i Sentry og fant årsaken til 23 feil som bare oppsto i Safari på iPhone. |
| Pakkestørrelse | Reduserte JavaScript-mengden på forsiden fra 410 til 190 kB ved å fjerne 3 ubrukte biblioteker. |
Designsystem og samarbeid med designere i CV-en for frontend-utvikler
Et designsystem er et felles bibliotek med komponenter, farger og regler for typografi, og flere team bygger løsningene sine med det. For arbeidsgiveren er det stor forskjell på å bruke, bidra til og ha ansvaret for et designsystem, så skriv hvilken av de tre rollene du har hatt.
Samarbeidet med designerne beskriver du i kulepunktene under Arbeidserfaring. Nevn om du deltok i brukertester, laget prototyper i kode eller ga innspill mens skissene i Figma ennå var under arbeid.
Feil
Jobbet med designsystem og komponentbibliotek i Storybook i samarbeid med designere.
Riktig
Bygde 34 komponenter i React og Storybook til et nytt designsystem for en bank, og 5 produktteam bruker dem nå i 9 løsninger.
Tallene viser hvor stor del av systemet du bygde, og hvor mye det brukes.
Kompetanse og ferdigheter for frontend-utvikler: rammeverk, testing og universell utforming
Under Kompetanse skriver du det du mestrer, for eksempel komponentarkitektur, testing og universell utforming. Navnene på programmeringsspråk, rammeverk og programmer samler du under Verktøy og systemer, slik at de er lette å finne.
| Kompetanse | Type | Slik viser du den |
|---|---|---|
| Komponentarkitektur | Faglig | Beskriv hvordan du delte opp en stor løsning i gjenbrukbare komponenter, og hvor mange det ble. |
| Testing | Faglig | Skill mellom komponenttester i Vitest eller Jest og ende-til-ende-tester i Playwright eller Cypress, og oppgi omfanget. |
| Universell utforming | Faglig | Oppgi hvilke skjermlesere du tester med, og hvilke typer avvik du oftest retter, slik som fokusrekkefølge og kontrast. |
| Brukerforståelse | Personlig | Beskriv en brukertest du deltok i, og hva du endret i grensesnittet etter den. |
| Samarbeid med backend | Personlig | Fortell hvordan du og backend-utviklerne ble enige om API-et før det var ferdig, for eksempel med en OpenAPI-beskrivelse. |
Før opp de 5–6 verktøyene du har brukt mest i en stilling eller et studieprosjekt, og sett dem som står i annonsen, først.
Verktøy og systemer
TypeScript · React · Next.js · Vitest · Playwright · Storybook
Universell utforming på CV-en til en frontend-utvikler
Forskrift om universell utforming av IKT-løsninger krever at offentlige virksomheter gjør nettløsningene sine mulige å oppfatte, mulige å betjene, forståelige og robuste. På intranett og ekstranett gjelder plikten innhold publisert etter 1. februar 2023 og innhold som har gjennomgått en vesentlig revisjon.
Har du jobbet med slike løsninger, skriver du i kulepunktene hvilken del av grensesnittet du testet og hva du rettet.
Utdanning for frontend-utvikler: fagskole, bachelor og fagbrev
Frontend-utviklere kommer fra mange ulike utdanninger. På utdanning.no står frontend-utvikling som fagskolestudium hos blant andre Noroff, Gokstad Akademiet og Kristiania, og mange har en bachelor i informatikk eller IT.
Fagskolestudiene er høyere yrkesfaglig utdanning og har ulik lengde. Studiet hos Kristiania er på 60 studiepoeng over 2 semestre, mens studiene hos Noroff og Gokstad Akademiet er på 120 studiepoeng over 4 semestre. GET Academy tilbyr et nettstudium på 30 studiepoeng i utvikling av Single Page Applications. Fullførte du studiet før 1. august 2024, skriver du fagskolepoeng, som var betegnelsen den gang.
| Utdanning | Lengde | Slik fører du den opp |
|---|---|---|
| Fagskole i frontend-utvikling | 30 til 120 studiepoeng | Skriv studiet på første linje, fagskolen på linjen under og studiepoengene i merknaden. |
| Bachelor i informatikk, IT eller interaksjonsdesign | 3 år, 180 studiepoeng | Nevn bacheloroppgaven i merknaden hvis den handlet om et brukergrensesnitt. |
| Fagbrev i IT-utviklerfaget | Videregående opplæring med læretid i bedrift | Fagbrevet står som merknad under Utdanning, og læretiden under Arbeidserfaring. Fagbrevet oppfyller også opptakskravet til fagskolestudiene hos blant andre Noroff og Gokstad Akademiet. |
| Selvlært | Ingen formell utdanning i faget | Før opp nettkurs med arrangør og år under Kurs og sertifiseringer, og vis resten gjennom arbeidserfaringen. |
Et fordypningsprosjekt for en ekstern oppdragsgiver kan også stå i merknaden. Skriv hva du laget og hvor mye løsningen er brukt.
Utdanning
120 studiepoeng. Fordypningsprosjekt: timebestilling i React og TypeScript for en fysioterapiklinikk i Larvik. Klinikken har tatt imot 1 100 bestillinger gjennom løsningen siden juni 2026.
CV for frontend-utvikler uten erfaring
Har du ikke jobbet som frontend-utvikler før, må studieprosjekter og oppdrag vise at du kan bygge et grensesnitt som andre faktisk bruker. Velg de 2–3 som ligner mest på stillingen, og plasser dem slik:
- Fordypningsprosjekt eller bacheloroppgave for en ekstern oppdragsgiver: i merknaden under Utdanning
- Deltidsjobb, sommerjobb eller betalt oppdrag der du laget noe i en nettløsning: under Arbeidserfaring
- Nettsider eller apper for et idrettslag, et kor eller en forening: under Frivillig arbeid
- Tidligere stilling som grafisk designer eller innholdsprodusent: under Arbeidserfaring, med vekt på design for skjerm og kode du skrev
Kommer du fra grafisk design, har du allerede erfaring med kunder og visuell utforming. Kristiania skriver i studieomtalen på utdanning.no at det ettårige fagskolestudiet i frontend-utvikling passer særlig godt hvis du har studert grafisk design eller digital innholdsproduksjon.
Ofte stilte spørsmål om CV for frontend-utvikler
Hvor lang bør CV-en til en frontend-utvikler være?
Én side er nok når du er nyutdannet. Med lang erfaring kan CV-en bli 2 sider, men blir den lengre, korter du først ned de eldste stillingene. En stilling fra 10 år tilbake trenger sjelden mer enn ett kulepunkt.
Bør jeg ha bilde på CV-en som frontend-utvikler?
Et bilde er frivillig, og til en utviklerstilling veier prosjektene og koden du kan vise fram, tyngst. Hos et konsulentselskap som presenterer deg for kunder, kan et portrett likevel være nyttig. Står det i annonsen at søknadene anonymiseres, utelater du bildet.
Skal jeg kalle meg frontend-utvikler eller fullstack-utvikler?
Bruk tittelen som passer til arbeidet ditt de siste årene. Har du bygget API-er og jobbet med databaser i flere stillinger, er fullstack-utvikler dekkende. Har du bare rettet småfeil i backend, er frontend-utvikler riktig, og backend-erfaringen nevner du i et kulepunkt.
Hører UX-design hjemme på CV-en til en frontend-utvikler?
Ja, når du har gjort det i en stilling eller et studium. Skriv under Kompetanse hva du kan, for eksempel brukertesting eller klikkbare prototyper, sett Figma under Verktøy og systemer, og vis i et kulepunkt hva som ble endret etter testene.
Må jeg ha utdanning for å bli frontend-utvikler?
Nei, frontend-utvikler er ikke et lovregulert yrke, så arbeidsgiveren bestemmer selv hvilken utdanning stillingen krever. Står det «bachelor eller tilsvarende» i annonsen, kan fagskole i frontend-utvikling eller flere års erfaring telle som tilsvarende, men da må løsningene og tallene på CV-en gjøre jobben.
Oppsummering
En sterk CV for frontend-utvikler knytter hvert rammeverk til en løsning noen bruker og viser med tall hva som ble raskere, enklere eller mer tilgjengelig. Skill mellom det du har bygget selv og det du har tatt i bruk.