Softwareudvikler, frontend

En frontend-udvikler bygger brugerfladen. Altså alt det, brugeren ser og trykker på i browseren eller i en app. Backend-udvikleren styrer database og server. Frontend står for knapper, menuer, formularer, tabeller, tabs og animationer.

Arbejdet ligger mellem design og teknik. Designeren leverer en skitse. Frontend-udvikleren gør den til kode, der virker på alle skærme og i alle browsere. Derfor kaldes stillingen også UI designer hos mange danske virksomheder. I større organisationer er det to adskilte roller. I små webbureauer er det ofte samme person.

Typiske opgaver:

• Omsætte et design fra Figma til fungerende kode
• Bygge genbrugelige komponenter: søgefelt, dropdown, betalingsflow, login
• Sørge for at siden virker på mobil, tablet og stor skærm
• Hente data fra et API og vise det uden at siden fryser
• Rette fejl meldt ind af testere, support eller brugere
• Skære loadtid ned: mindre billeder, mindre JavaScript, hurtigere første visning
• Teste tilgængelighed, så tastatur og skærmlæser kan bruge siden
• Læse kollegers kode igennem (code review) og kommentere på den

En almindelig dag starter tit med et kort stand-up-møde på et kvarter. Hvad lavede du i går, hvad laver du i dag, er du gået i stå. Derefter tager udvikleren en opgave fra Jira eller et lignende board. Så er der typisk tre-fire timers kodning i træk. Undervejs testes der i browseren, mens koden skrives.

Om eftermiddagen sendes arbejdet til review som en pull request. En kollega kigger det igennem og beder måske om ændringer. Når det er godkendt, ryger koden i produktion. Nogle steder sker det flere gange om dagen, andre steder hver 14. dag.

Der er også møder, der ikke handler om kode. Afklaring med designeren om, hvad der sker, når feltet er tomt. Snak med backend om, hvilke data API'et faktisk leverer. Estimater sammen med en produktchef.

Hvor arbejder de:

• Webbureauer og digitale bureauer, ofte med mange kunder på én gang
• Softwarehuse med et fast produkt (SaaS), hvor man bygger på samme system i årevis
• Banker, pensionsselskaber og forsikring, med tunge krav til sikkerhed og test
• E-handel og retail, hvor kurv og checkout er det vigtigste af alt
• Det offentlige og kommuner, med selvbetjeningsløsninger og skrappe krav til tilgængelighed
• Mediehuse, spilbranchen og startups

Meget arbejde foregår hjemmefra en eller flere dage om ugen. Faget er også et af de nemmere at freelance i, fordi opgaverne kan skæres i afgrænsede stykker.

Karriereveje: Efter nogle år går mange to veje. Enten dybere ind i teknikken som senior, tech lead eller frontend-arkitekt. Eller bredere ud som fullstack-udvikler, hvor man også tager backend. Andre drejer mod UX, produktledelse eller starter for sig selv. Skiftet til teamlead betyder mindre kode og flere mennesker.

Til dig der skal hyre: Se på portfolio og GitHub før CV'et. Bed om at se noget, kandidaten selv har bygget, og lad dem forklare et valg de fortryder. Vær konkret i opslaget om, hvilket framework I bruger, og om rollen også dækker design. Ellers får I ansøgere, der forventer noget helt andet.

Der er ingen beskyttet titel og intet krav om autorisation. Man må gerne kalde sig frontend-udvikler uden en formel uddannelse. Til gengæld ser arbejdsgivere hårdt på, hvad du har bygget.

De almindelige uddannelsesveje:

• Datamatiker (erhvervsakademi, 2½ år). Den klassiske vej. Bredt programmeringsfag med både frontend, backend og databaser. Der indgår praktik i en virksomhed.
• Multimediedesigner (erhvervsakademi, 2 år). Tættere på design og brugerflade. God vej, hvis du vil ende som UI designer eller frontend med designansvar.
• Professionsbachelor i webudvikling (1½ år oven på datamatiker eller multimediedesigner). Den mest direkte overbygning mod netop frontend.
• Datatekniker med speciale i programmering (erhvervsuddannelse, ca. 5 år inkl. lærlingetid). Du er i en virksomhed undervejs og tjener løn.
• Diplomingeniør i softwareteknologi (3½ år) eller datalogi/software engineering på universitetet (3 års bachelor plus 2 års kandidat). Tungere teori, bredere jobmuligheder bagefter.

Adgangskrav til erhvervsakademierne er typisk en gymnasial eksamen med matematik på C-niveau. Eller en relevant erhvervsuddannelse plus matematik C. Universitetsuddannelserne kræver højere matematikniveau, ofte A. Kravene ændrer sig, så tjek altid det aktuelle på uddannelsesstedets side.

Vejen uden uddannelse er reel i dette fag, men den er hårdere end den lyder. Den ser typisk sådan ud:

• Lær HTML, CSS og JavaScript grundigt, før du rører et framework
• Byg tre-fire rigtige projekter, ikke tutorials du har skrevet af
• Læg dem på GitHub med en læsbar README, og sæt dem online så de kan klikkes på
• Tag små freelanceopgaver eller byg noget for en forening gratis
• Søg praktik, studiejob eller junior-stillinger, ikke midt-niveau

Bootcamps findes også, typisk tre til seks måneder på fuld tid. De kan give struktur og et netværk. De giver ikke i sig selv job, og kvaliteten svinger meget. Spørg altid, hvor de tidligere hold arbejder i dag.

Ærligt om markedet: Der er stadig gode jobmuligheder, men det er sværere at komme ind som helt ny end for få år siden. Juniorstillinger er der færrest af, og der er mange ansøgere til hver. Den, der har praktik, studiejob eller synlige egne projekter, kommer typisk først videre.

Der er ingen efteruddannelsespligt. Til gengæld skifter teknologierne hurtigt. Regn med at bruge tid løbende på at følge med, også efter arbejdstid i perioder.

Grundlaget er de tre samme som altid: HTML til struktur, CSS til udseende og JavaScript til opførsel. Kan du dem godt, kan du lære resten. De fleste arbejdspladser bruger i dag TypeScript, som er JavaScript med typer, der fanger fejl før koden kører.

Frameworks er det, jobopslag skriver mest om. React er langt det mest udbredte i Danmark. Vue, Svelte og Angular findes også, især i ældre systemer eller i bestemte huse. Oven på React bruger mange Next.js.

Styling klares med almindelig CSS, med Sass eller med Tailwind CSS, hvor man skriver klasser direkte i HTML'en. Komponenter dokumenteres tit i Storybook, så designer og udvikler kan se det samme.

Design og samarbejde: Figma er standard til at modtage design og hive mål, farver og ikoner ud. Opgaver styres i Jira, Azure DevOps eller Linear. Snakken foregår i Slack eller Teams.

Kode og drift: Git til versionsstyring, med GitHub, GitLab eller Azure DevOps som sted at samle det. Vite eller lignende til at bygge projektet. Automatiske pipelines (CI/CD) kører test og lægger koden ud.

Test og kvalitet: Vitest eller Jest til de små enhedstest. Playwright eller Cypress til at klikke sig gennem siden automatisk. Lighthouse og axe til at måle hastighed og tilgængelighed.

Data: REST-API'er er det almindelige, GraphQL ses hos nogle. Browserens indbyggede udviklerværktøjer bruges hver dag til at finde fejl og se, hvad der er langsomt.

CMS: Mange danske bureauer bygger på Umbraco eller WordPress. Større virksomheder bruger Sitecore eller et headless CMS som Contentful eller Sanity.

Endelig bruger de fleste i dag en AI-assistent i editoren til kodeforslag. Det ændrer tempoet, ikke kravet om at forstå koden.