Hopp til innholdet
Forklart2 min lesetid

Hva er egentlig frontend og backend?

To ord i alle stillingsannonser — forklart med et postkontor og en reise med konvolutt. Uten buzzwords.

«Frontend» og «backend» står i nesten alle stillingsannonser, og de fleste forklarer dem kort med «det du ser» og «det du ikke ser». Det stemmer, men det forteller deg ikke hva folk *gjør* hele dagen — eller hvor du selv bør begynne. Her er en ærlig forklaring på de to halvdelene, og på hvordan de snakker sammen.

Illustrasjon: til venstre en nettleser med knapper og bildeplasser, til høyre servere med tannhjul og databaser, forbundet med stiplede piler
Frontend bor i nettleseren din. Backend bor på en server et annet sted. Pilene mellom dem er hele samtalen.

Frontend: det du ser og trykker på

Frontend er koden som kjører *hos deg*, i nettleseren: HTML gir siden skjelettet, CSS gir den utseendet, og JavaScript gir den oppførselen — det som skjer når du trykker, skriver eller ruller. Når en frontend-utvikler jobber, former de det du som besøkende faktisk opplever: hvor knappen står, hva som skjer når den trykkes, og hva som vises mens man venter på svar.

Backend: det som skjer borte hos serveren

Backend er koden som kjører på en server et annet sted. Den har tre klassiske jobber: huske ting (brukere, fremgang, innhold), regne ut ting, og bestemme hvem som får lov til hva. Når du merker en leksjon som fullført her på skol.no, er det en backend som lagrer det — ellers ville det forsvant i det øyeblikket du lukket fanen. Besøkende ser aldri backend-koden, og det er sånn det skal være: den kan inneholde ting som ikke skal ut.

Illustrasjon: en konvolutt reiser langs en stiplet rute mellom en nettleser, en postkasse og en server, med et litet flagg med hake på slutten
En forespørsel reiser fram, et svar reiser tilbake. Postkassen er grensesnittet de møtes ved.

Hvordan de snakker sammen

De to halvdelene kommuniserer med små, vennlige forespørsler: frontend ber om noe («gi meg leksjonene», «lagre dette svaret»), og backend svarer — med data, eller med et kort «nei, det kan du ikke». Grensesnittet de møtes ved, kalles et API. Du kan tenke på det som et postkontor: du kan ikke gå bak disken og grave i arkivene selv, men du kan bruke skjemaene som finnes — og få svar på samme format hver gang.

jsFrontend stiller et spørsmål, backend svarer — tre linjer
fetch("/api/hilsen")  .then((svar) => svar.json())  .then((data) => {    console.log(data.melding); // «Hei fra serveren!»  });

Hva det betyr for valget ditt

  • Liker du å se resultatet med én gang, og å jobbe med det brukeren opplever — start med frontend: HTML og CSS, så JavaScript.
  • Liker du logikk, struktur og spørsmålet «hvordan skal dette lagres og sjekkes?» — start med backend: Python eller Node.
  • Vet du ikke ennå? Det er greit. Startkursene lærer deg ting begge veier trenger, og du kan velge retning når du kjenner begge sidene.

Ordforklaring

Frontend, backend, fullstack

En fullstack-utvikler jobber med begge halvdelene. Tittelen høres imponerende ut, men betyr i praksis at man begynte på den ene siden og lærte den andre underveis — ingen starter midt på.

Teamet bak Skol

Vi bygger kodeskolen mens vi skriver om den — alt du leser her, er prøvd på ekte nybegynnere først.

Les videre

← Tilbake til bloggen