Hvad er frontend?

Frontend er et af de ord der dukker op så snart man taler om web eller apps, men som sjældent bliver forklaret ligeud. Kort sagt er frontend den del af systemet der kører hos brugeren: brugerfladen, interaktionerne og alt det der ses i browseren eller appen. Det er den side af tjenesten som I og jeres kunder faktisk ser og rører ved. Her er hvad begrebet betyder, uden teknisk jargon.

Frontend er alt det brugeren møder

Tænk på en hvilken som helst hjemmeside eller app I har brugt i dag. Knapperne I trykkede på, teksten I læste, menuen I åbnede, formularen I udfyldte: Alt det er frontend. Det er den synlige og mærkbare overflade af en tjeneste, det der kører i netop jeres browser eller på netop jeres telefon.

Frontend handler derfor ikke kun om hvordan noget ser ud, men også om hvordan det opfører sig. Når en knap reagerer med det samme, når en menu folder sig blødt ud eller når en side opdateres uden at føles træg, er det frontend der arbejder. Kort sagt: Alt det brugeren ser og interagerer med, hører til her.

Det gør frontend til tjenestens ansigt udadtil. Uanset hvor avanceret systemet er under overfladen, er det denne del der afgør hvilket indtryk den besøgende får.

Grænsen til backend

For at forstå frontend hjælper det at sætte den i forhold til dens modpart: backend. Backend er den del der kører på serveren uden for brugerens synsfelt, altså databaser, logik og beregninger der klares bag kulisserne. Frontend viser og modtager, backend gemmer og bearbejder.

Et konkret eksempel på et flow gør samspillet tydeligt. Lad os sige at I logger ind på en tjeneste:

1. I skriver brugernavn og adgangskode og klikker på “Log ind”. Det sker i frontend.
2. Frontend sender et kald til backend med oplysningerne.
3. Backend tjekker dem mod databasen og svarer om de er korrekte.
4. Frontend modtager svaret og viser enten jeres startside eller en fejlmeddelelse.

Klik, kald, svar, visning. Frontend står for det første og det sidste trin, altså det I ser. Backend udfører den kontrol I aldrig mærker. De to sider taler konstant med hinanden, men har forskellige ansvarsområder.

Teknologien bag, kort fortalt

Frontend bygges grundlæggende med tre teknologier: HTML giver siden struktur, CSS styrer udseendet, og JavaScript gør den interaktiv. Oven på dem bruges ofte et framework som React til at bygge større og mere avancerede brugerflader på en effektiv måde. I behøver ikke at kende dem i detaljer, men det er de byggesten der går igen i næsten alle tilbud og projekter.

Derfor afgør kvaliteten af frontend oplevelsen

Her ligger den forretningsmæssige pointe. Fordi frontend er det eneste brugeren faktisk møder, er det også her indtrykket skabes. En langsom, hakkende eller forvirrende frontend får hele tjenesten til at føles upålidelig uanset hvor velbygget alt er under overfladen. Den besøgende ser jo aldrig backend, kun resultatet i sin browser.

Oplevet hastighed er et tydeligt eksempel. En side der viser indhold med det samme og reagerer uden forsinkelse, føles professionel og tryg. En side der indlæses langsomt eller hopper, skaber tvivl, og tvivl koster: Besøgende springer fra, og tilliden falder. En almindelig fejl er at lægge alle kræfter i funktioner under overfladen og spare på den synlige del selvom det er den der afgør om nogen bliver.

God frontend er derfor ikke kosmetik, men en investering i tillid og konvertering. Det er forskellen på en tjeneste der føles professionel, og en der føles halvfærdig.

Kort opsummeret

Frontend er den del af en tjeneste der kører hos brugeren, og som vedkommende ser og interagerer med. Den spiller sammen med backend, som håndterer data og logik bag kulisserne, men det er frontend der bærer oplevelsen. Netop derfor er kvaliteten ofte afgørende for hvor professionel og pålidelig tjenesten føles. Vores ydelser omfatter både gennemarbejdet frontend og robust backend fordi en tjeneste har brug for begge dele for at fungere. Kontakt os hvis I vil tale om jeres projekt.