Hva er frontend?

Frontend er et av ordene som dukker opp så fort man snakker om web eller apper, men som sjelden blir forklart rett ut. Enkelt sagt er frontend den delen av systemet som kjører hos brukeren: grensesnittet, interaksjonene og alt som vises i nettleseren eller appen. Det er den siden av tjenesten som dere og kundene deres faktisk ser og samhandler med. Nedenfor går vi gjennom hva begrepet betyr, uten teknisk sjargong.

Frontend er alt brukeren møter

Tenk på en hvilken som helst nettside eller app dere har brukt i dag. Knappene dere trykket på, teksten dere leste, menyen dere åpnet, skjemaet dere fylte ut: Alt det er frontend. Det er den synlige og følbare overflaten av en tjeneste, det som kjører i akkurat deres nettleser eller på akkurat deres telefon.

Frontend handler derfor ikke bare om hvordan noe ser ut, men også om hvordan det oppfører seg. Når en knapp reagerer med en gang, når en meny glir mykt ut, eller når en side oppdateres uten å føles treg, er det frontend som jobber. Kort sagt: Alt brukeren ser og samhandler med, hører hjemme her.

Det gjør frontend til tjenestens ansikt utad. Uansett hvor avansert systemet er under overflaten, er det denne delen som avgjør hvilket inntrykk den besøkende får.

Grensen mot backend

For å forstå frontend hjelper det å se den i sammenheng med motparten: backend. Backend er den delen som kjører på serveren, utenfor brukerens synsfelt, altså databaser, logikk og beregninger som håndteres bak kulissene. Frontend viser og tar imot, backend lagrer og behandler.

Et konkret eksempel på flyten gjør samspillet tydelig. Si at dere logger inn på en tjeneste:

1. Dere skriver inn brukernavn og passord og klikker på «Logg inn». Det skjer i frontend.
2. Frontend sender en forespørsel til backend med opplysningene.
3. Backend sjekker dem mot databasen og svarer om de stemmer.
4. Frontend tar imot svaret og viser enten startsiden deres eller en feilmelding.

Klikk, forespørsel, svar, visning. Frontend står for det første og det siste steget, det dere ser, mens backend gjør kontrollen dere aldri merker. De to sidene snakker hele tiden med hverandre, men har ulikt ansvar.

Teknologien bak, kort fortalt

Frontend bygges i bunn og grunn med tre teknologier: HTML gir siden struktur, CSS styrer utseendet, og JavaScript gjør den interaktiv. Oppå disse brukes ofte et rammeverk som React for å bygge større og mer avanserte grensesnitt på en effektiv måte. Dere trenger ikke å kjenne dem i detalj, men det er byggesteinene som går igjen i nesten alle tilbud og prosjekter.

Derfor avgjør kvaliteten på frontend opplevelsen

Her ligger det forretningsmessige poenget. Fordi frontend er det eneste brukeren faktisk møter, er det også der inntrykket skapes. En treg, hakkete eller forvirrende frontend får hele tjenesten til å virke upålitelig, uansett hvor godt alt er bygget under overflaten. Den besøkende ser aldri backend, bare resultatet i nettleseren sin.

Opplevd hastighet er et tydelig eksempel. En side som viser innhold med en gang og reagerer uten forsinkelse, føles profesjonell og trygg. En side som laster tregt eller hopper rundt, skaper tvil, og tvil koster: Besøkende faller fra, og tilliten synker. En vanlig feil er å legge all kraft i funksjonene under overflaten og spare på den synlige delen, selv om det er den som avgjør om noen blir værende.

God frontend er derfor ikke kosmetikk, men en investering i tillit og konvertering. Det er forskjellen på en tjeneste som føles profesjonell, og en som føles halvferdig.

Kort oppsummert

Frontend er den delen av en tjeneste som kjører hos brukeren, og som han eller hun ser og samhandler med. Den samspiller med backend, som tar seg av data og logikk bak kulissene, men det er frontend som bærer opplevelsen. Nettopp derfor er kvaliteten ofte avgjørende for hvor profesjonell og pålitelig tjenesten føles. Tjenestene våre omfatter både gjennomarbeidet frontend og robust backend fordi en tjeneste trenger begge deler for å fungere. Ta kontakt hvis dere vil ta en prat om prosjektet.