Norwegian flag

Frontend-utvikler - CV Eksempel

Norsk

Se hvordan en profesjonell frontend-utvikler strukturerer sin CV. Bruk dette eksempelet til å vise frem dine UI/UX-ferdigheter, rammeverkkompetanse og erfaring innen webutvikling.

Begynn å lage CV

Forhåndsvisning av CV

Ingrid Nilsen - Profilbilde

Ingrid Nilsen

Senior Frontend-utvikler

[email protected]+47 412 34 567Oslo, NorgeFørerkort klasse B

Profesjonelt Sammendrag

Kreativ og detaljorientert frontend-utvikler med over 6 års erfaring innen bygging av responsive, tilgjengelige og ytelsesoptimerte webapplikasjoner i stor skala. Ekspert på React, TypeScript og moderne CSS med sterk fokus på komponentdrevet arkitektur og utvikling av designsystemer. Forbedret Core Web Vitals med 45% på tvers av flere produksjonsapplikasjoner brukt av millioner av brukere. Engasjert forkjemper for universell utforming, med ansvar for WCAG 2.1 AA-samsvar i to organisasjoner, og aktiv bidragsyter til open-source UI-biblioteker.

Arbeidserfaring

Senior Frontend-utvikler

WebScale Inc.

Mar 2022 - Nåværende

  • Arkitekterte og vedlikeholdt et felles komponentbibliotek (60+ komponenter) brukt av 5 produktteam, noe som reduserte UI-utviklingstiden med 35%
  • Forbedret Lighthouse-ytelsespoeng fra 52 til 95 gjennom code splitting, lazy loading og critical CSS extraction
  • Ledet migrasjon fra JavaScript til TypeScript i en kodebase på over 200 000 linjer uten produksjonsfeil over en 6-måneders utrulling
  • Etablerte standarder for frontend-testing med Jest og Cypress, økte testdekningen fra 22% til 78% og reduserte regresjonfeil med 40%
  • Veiledet 3 juniorutviklere gjennom strukturert onboarding, kodegjennomganger og ukentlige parprogrammeringssesjoner

Frontend-utvikler

Creative Digital Agency

Jul 2019 - Feb 2022

  • Bygde 15+ responsive webapplikasjoner for kunder inkludert Fortune 500-selskaper innen handel, helsevesen og finans
  • Implementerte WCAG 2.1 AA-tilgjengelighet på tvers av alle kundeprosjekter og besto revisjoner uten kritiske avvik
  • Utviklet et gjenbrukbart animasjonssystem med Framer Motion, noe som reduserte overlevering fra design til kode med 50%
  • Innførte Storybook for visuell komponentdokumentasjon, tatt i bruk av hele det 12 personer store utviklingsteamet i løpet av 3 måneder

Junior webutvikler

Starter Apps Co.

Sep 2017 - Jun 2019

  • Utviklet responsive landingssider og markedsføringssider med HTML, CSS og JavaScript for 20+ kundekampanjer
  • Introduserte React til teamet og ledet migrasjonen av en eldre jQuery-kodebase, noe som forbedret utviklerproduktiviteten
  • Reduserte gjennomsnittlig sidelastetid med 60% gjennom bildeoptimalisering, tree-shaking og Webpack-bundelanalyse
  • Samarbeidet med UX-designere i Figma for å implementere pikselpresis brukergrensesnitt i tråd med designspesifikasjoner

Utdanning

BA Interaktive medier

New York University

2013 - 2017

Fordypning i webutvikling og menneske-maskin-interaksjon. Uteksaminert med utmerkelse.

Sertifikat i UX-design

School of Visual Arts, New York

2018 - 2018

Intensivt 6-måneders program med fokus på brukerundersøkelse, wireframing, prototyping og brukbarhetstesting.

Kurs og Sertifiseringer

Web Accessibility Specialist (WAS)

IAAP

2023

Credential ID: IAAP-WAS-2023-0842

Testing JavaScript Applications

Testing JavaScript (Kent C. Dodds)

2022

Omfattende kurs som dekker enhetstesting, integrasjonstesting og E2E-testing med Jest, React Testing Library og Cypress.

Advanced React Patterns

Frontend Masters

2021

Språk

Norsk

Tale: MorsmålLytting: MorsmålSkriving: Morsmål

Engelsk

Tale: FlytendeLytting: FlytendeSkriving: Flytende

Spansk

Tale: GrunnleggendeLytting: MiddelsSkriving: Grunnleggende

Ferdigheter

ReactTypeScriptNext.jsVue.jsHTML5/CSS3Tailwind CSSSassReduxGraphQLJestCypressFigma

Dette er et eksempel på CV. Tilpass det med din egen erfaring ved hjelp av vår gratis CV-bygger.

Tips

Vis frem ytelsesforbedringer

Frontend handler om hastighet. Fremhev Lighthouse-poeng, forbedringer i Core Web Vitals og reduksjoner i lastetid. Tall som 'Forbedret LCP fra 4,2s til 1,1s' fanger oppmerksomhet.

Nevn universell utforming

WCAG-samsvar kreves i stadig flere stillinger. Hvis du har implementert tilgjengelighetsfunksjoner, trekk det frem. Det viser faglig modenhet og bevissthet utover det rent visuelle.

List opp rammeverk konkret

Ikke skriv bare 'JavaScript-rammeverk'. List opp React, Vue, Angular, Next.js osv. ATS-systemer matcher eksakte nøkkelord fra stillingsutlysninger.

Inkluder erfaring med designverktøy

Frontend-utviklere som kan jobbe i Figma, Sketch eller Adobe XD er mer attraktive. Nevn samarbeid med designere selv om du ikke er designer selv.

Nøkkelferdigheter

ReactTypeScriptNext.jsVue.jsHTML5/CSS3Tailwind CSSResponsivt designUniversell utforming (WCAG)YtelsesoptimaliseringTesting (Jest/Cypress)GitFigma

Slik skriver du en CV for frontend-utvikler (steg for steg)

En sterk frontend-CV kombinerer en konkret teknisk stack med målbare resultater - ikke bare en liste over rammeverk. Følg disse fem stegene og bruk gjerne en ats-vennlig cv-mal som denne, slik at innholdet faktisk kommer gjennom rekrutteringssystemet.

1

Skriv et sammendrag på tre linjer

Start CV-en med et sammendrag på tre linjer som viser senioritetsnivå, din frontend-stack (for eksempel React, TypeScript og Next.js) og ett brukervendt resultat. Ikke skriv 'erfaren utvikler med gode ferdigheter' - det sier ingenting. Skriv i stedet noe som 'Frontend-utvikler med 4 års erfaring fra React og TypeScript, forbedret Core Web Vitals med 40% og økt konverteringsraten på en netthandelsside med 15%'. Rekrutterere og ATS-systemer skanner denne seksjonen først, så sørg for at nøkkelord fra stillingsannonsen er med.

2

Kvantifiser arbeidserfaringen

Kvantifiser alltid frontend-arbeidet ditt. I stedet for å skrive 'jobbet med ytelsesoptimalisering', skriv 'Reduserte LCP fra 3,8s til 1,2s og økte Lighthouse-score fra 61 til 96 gjennom code splitting og bildeoptimalisering'. Bruk tall for bundlestørrelse, brukerantall, konverteringsrate og tilgjengelighetsscore (WCAG). En sterk setning kan være: 'Bygde en responsiv checkout-flyt i React som økte fullføringsraten med 22% for over 50 000 månedlige brukere.' Start hvert punkt med et handlingsverb.

3

Grupper den tekniske kompetansen

Grupper ferdighetene dine slik at ATS-systemet og rekruttereren lett kan skanne dem: språk og rammeverk (JavaScript, TypeScript, React, Vue, Angular), styling (CSS3, Sass, Tailwind CSS), verktøy og bygg (Webpack, Vite, npm/pnpm, Git, CI/CD) og testing (Jest, Cypress, React Testing Library). Speil ordlyden i stillingsannonsen nøyaktig - skriver de 'Next.js', skriv 'Next.js', ikke bare 'React-rammeverk'. Dette er det enkleste stedet å bli avvist av et ATS-system, så ikke gjett deg frem til hvilke ord som brukes.

4

Ta med portefølje, GitHub og live demoer

Frontend er et visuelt fag, så en lenke til GitHub eller en live portefølje veier tyngre enn i de fleste andre utviklerroller. Legg lenken rett under navnet ditt i kontaktinfoen, ikke gjemt nederst. Har du 2-3 prosjekter med reelle live-demoer (ikke bare kode), er det ofte det første rekruttereren klikker på. Mangler du storskala arbeidsprosjekter å vise til, bygg noe selv - en portefølje-side, et lite verktøy eller et bidrag til et open source UI-bibliotek teller alt sammen.

5

Utdanning, sertifiseringer og en siste ATS-sjekk

Hold utdanningsdelen kort med grad, skole og år, og legg til relevante sertifiseringer (for eksempel Web Accessibility eller avanserte React-kurs). Før du sender CV-en: bruk en enkelt kolonne i stedet for tabeller eller flere spalter, siden mange ATS-systemer leser tabeller feil. Lagre alltid som PDF med tekst som kan markeres, unngå viktig innhold i header/footer, og bruk en ats-vennlig cv-mal fremfor kreative design med grafikk og ikoner i selve teksten.

Eksempler på profesjonelt sammendrag for frontend-utviklere

Bruk disse som utgangspunkt og tilpass dem med din egen stack, dine egne prosjekter og dine egne tall.

Nyutdannet / junior

Nyutdannet frontend-utvikler med praktisk erfaring fra Vue.js, Nuxt og moderne CSS gjennom to praktikkopphold og flere personlige prosjekter. Bygde en fullverdig portefølje-nettside og et Nuxt-basert bestillingssystem som forbedret sideinnlastingen med 35%. Nysgjerrig på universell utforming og opptatt av å skrive ren, testbar kode. Søker en junior frontend-stilling der jeg kan videreutvikle React- og TypeScript-ferdighetene mine.

Senior

Senior frontend-utvikler med 7 års erfaring i å bygge og skalere React- og Next.js-applikasjoner for produkter med over én million brukere. Ledet migrering til TypeScript i en kodebase på 300 000+ linjer og forbedret Core Web Vitals med 50% gjennom code splitting og bildeoptimalisering. Erfaren med komponentbiblioteker, designsystemer og mentorering av junior- og mellomnivå-utviklere. Kombinerer teknisk dybde med tett samarbeid med produkt og design.

Karriereskifte til frontend-utvikling

Tidligere grafisk designer med to års egenlært erfaring i Angular, TypeScript og responsiv webutvikling. Kombinerer solid visuell forståelse med voksende teknisk kompetanse, dokumentert gjennom tre selvbygde Angular-applikasjoner publisert med live-demo på GitHub. Fullførte et intensivt frontend-bootcamp med fokus på tilgjengelighet og ytelsesoptimalisering. Søker min første stilling som frontend-utvikler der jeg kan kombinere designbakgrunn med kode.

ATS-nøkkelord for frontend-utviklere

Speil de eksakte begrepene fra stillingsannonsen - både rekrutterere og ATS-systemer skanner etter nøyaktig disse formuleringene, ikke synonymer.

React

Nevn React spesifikt (ikke bare 'JavaScript-rammeverk') i både sammendrag og kompetanseseksjon hvis stillingen krever det.

TypeScript

List TypeScript separat fra JavaScript, siden mange norske stillingsannonser krever det eksplisitt.

Next.js

Ta med Next.js hvis du har erfaring med SSR/SSG, siden stadig flere stillinger etterspør det spesifikt.

Tailwind CSS / Sass

Nevn det konkrete CSS-verktøyet du bruker daglig, ikke bare 'CSS'.

Responsivt design

Bruk begrepet ordrett, siden både rekrutterere og ATS-systemer søker etter akkurat den formuleringen.

Universell utforming (WCAG)

Skriv både det norske og det engelske begrepet - 'universell utforming (WCAG 2.1)' - siden begge brukes i stillingsannonser.

Jest / Cypress

Nevn de konkrete testverktøyene du har brukt, ikke bare 'testing'.

CI/CD

Ta med CI/CD hvis du har satt opp eller jobbet med automatiserte pipelines, selv i mindre grad.

Kodegjennomgang

Vis at du har erfaring med kodegjennomgang (code review) - det signaliserer teammodenhet utover ren koding.

Core Web Vitals

Bruk dette ytelsesbegrepet ordrett når du beskriver konkrete forbedringer, ikke bare 'rask nettside'.

Svake vs. sterke punkter i arbeidserfaringen

Samme arbeid kan beskrives svakt eller sterkt - forskjellen ligger i handlingsverb, konkret teknologi og tall.

Levering av UI-funksjonalitet

Jobbet med å bygge nye funksjoner til nettsiden i React.

Bygde og lanserte en ny checkout-flyt i React og TypeScript som økte fullføringsraten med 18% for over 40 000 månedlige brukere.

Ytelse og universell utforming

Forbedret nettsidens ytelse og tilgjengelighet.

Reduserte LCP fra 4,1s til 1,3s gjennom lazy loading og bildeoptimalisering, og oppnådde full WCAG 2.1 AA-samsvar verifisert av ekstern revisjon.

Samarbeid med design og team

Samarbeidet med designere om nye grensesnitt.

Samarbeidet tett med UX-designere i Figma for å implementere et nytt designsystem, reduserte overlevering fra design til kode med 50% og eliminerte 30+ UI-inkonsistenser på tvers av produktet.

Vanlige spørsmål

Hva bør en frontend-utvikler-CV inneholde?

En frontend-utvikler-CV bør fremheve kompetanse innen JavaScript-rammeverk (React, Vue, Angular), CSS-ferdigheter, erfaring med ytelsesoptimalisering, kunnskap om universell utforming og eventuelle komponentbiblioteker eller designsystemer du har bygget. Inkluder målbare resultater som forbedringer i lastetid og Lighthouse-poeng.

Bør jeg inkludere en lenke til portefølje på frontend-CV-en min?

Ja, hvis du har en. En GitHub-profil eller porteføljeside demonstrerer arbeidet ditt bedre enn noen beskrivelse. Inkluder den i kontaktinformasjonsdelen ved siden av e-post og telefon.

Hvilke frontend-ferdigheter er mest etterspurt?

React og TypeScript er de mest etterspurte frontend-ferdighetene. Next.js, Tailwind CSS og testrammeverk (Jest, Cypress) er også høyt verdsatt. Universell utforming (WCAG) og ytelsesoptimalisering er stadig viktigere faktorer som skiller kandidater.

Kan jeg lage en frontend-utvikler-CV gratis med NoBsResume?

Ja. NoBsResume er 100% gratis. Velg en ATS-vennlig mal, legg inn dine frontend-ferdigheter og din erfaring, og last ned som PDF. Ingen registrering, ingen vannmerker, ingen skjulte kostnader.

Finnes det en gratis ats-vennlig cv-mal for frontend-utviklere?

Ja. NoBsResume tilbyr flere ats-vennlige cv-maler spesielt egnet for frontend-utviklere - enkel kolonnestruktur, ingen tabeller eller grafikk som forstyrrer parsing. Dette eksempelet er fullt redigerbart i den gratis CV-byggeren: bytt ut navn, erfaring og ferdigheter med dine egne, og last ned som PDF på under fem minutter. Ingen registrering kreves.

Hvordan skriver jeg en frontend-utvikler-CV uten erfaring?

Uten arbeidserfaring bør du fremheve prosjekter i stedet: personlige apper, bootcamp-oppgaver eller bidrag til open source. Beskriv dem som du ville gjort med en jobb - hvilken stack du brukte, hvilket problem du løste og hvilket resultat det ga (for eksempel en Lighthouse-score eller responstid). Ta med lenke til GitHub og en live demo. Vårt gratis eksempel kan tilpasses til en nyutdannet-versjon direkte i CV-byggeren.

Bør frontend-CV-en min være på norsk eller engelsk?

Det kommer an på arbeidsgiveren. Norske selskaper og offentlig sektor forventer ofte CV på norsk, mens internasjonale team, techoppstartsselskaper og utenlandske selskaper med kontor i Norge som regel foretrekker engelsk - spesielt i Oslo. Se på språket i selve stillingsannonsen og speil det. Er du usikker, er en engelsk CV sjelden en ulempe i frontend-miljøet.

Hvor lang bør en CV for frontend-utvikler være?

Én side er ideelt for under 5-7 års erfaring, maks to sider for seniorer med lang fartstid. Rekrutterere bruker sekunder på første gjennomlesning, så prioriter de mest relevante prosjektene og de sterkeste tallene fremfor å liste opp alt du noensinne har gjort.

Må jeg ha med GitHub-lenke selv om jeg ikke har mange offentlige prosjekter?

Ja, inkluder den uansett - selv få, ryddige prosjekter med god README og live demo sier mer enn ingenting. Mangler du innhold, bygg en enkel portefølje-side eller bidra til et open source-prosjekt før du søker. En tom eller uinteressant GitHub-profil er sjelden verre enn ingen lenke i det hele tatt.

Er NoBsResume virkelig gratis for frontend-CV-er, uten skjulte kostnader?

Ja, helt gratis. Du velger en av flere ATS-vennlige maler, fyller inn dine egne frontend-ferdigheter og din erfaring basert på dette eksempelet, og laster ned en ferdig PDF - uten registrering, uten vannmerke og uten betalingsvegg, uansett hvor mange ganger du redigerer eller laster ned på nytt.

Lag din CV nå

Bruk dette eksempelet som inspirasjon. Tilpass det og last ned en profesjonell PDF på få minutter. 100% gratis.

Begynn å lage CV

Se denne CVen på andre språk

Dette CV-eksempelet er tilgjengelig på 63 språk: