Frontend og Backend

Som IT-utvikler er det viktig å forstå forskjellen på frontend og backend. Tenk på et nettsted som et isfjell: frontend er den delen du ser over vann, mens backend er den massive delen under vann som får alt til å fungere.

Frontend

  • Hva det er: Den delen av en applikasjon brukeren interagerer direkte med.
  • Teknologier: HTML, CSS, JavaScript, React, Angular, Vue.js
  • Ansvar:
    • Presentere data på en brukervennlig måte
    • Håndtere brukerinteraksjon (klikk, input, navigasjon)
    • Sørge for god brukeropplevelse (UX) og design (UI)
    • Optimalisere for ulike enheter (responsivt design)

Backend

  • Hva det er: Den delen av applikasjonen som kjører på serveren og håndterer “bak kulissene”-logikken.
  • Teknologier: Python, Java, PHP, Node.js, databaser (MySQL, PostgreSQL, MongoDB), API-er
  • Ansvar:
    • Lagre og hente data fra databaser
    • Behandle forretningslogikk og applikasjonslogikk
    • Sikkerhet og autentisering
    • Skalerbarhet og ytelse

Samspillet mellom frontend og backend

Frontend og backend kommuniserer vanligvis via API-er. Frontend sender forespørsler til backend, som behandler forespørslene og sender tilbake data. Tenk på det som en dialog:

  1. Brukeren klikker på en knapp på nettsiden (frontend).
  2. Frontend sender en forespørsel til backend via et API.
  3. Backend henter data fra databasen.
  4. Backend sender dataene tilbake til frontend.
  5. Frontend viser dataene til brukeren.

Eksempler

  • Nettbutikk: Frontend viser produkter, handlekurv og betalingsskjema. Backend håndterer lagerbeholdning, ordrebehandling og betaling.
  • Sosialt medium: Frontend viser brukerprofiler, innlegg og kommentarer. Backend lagrer brukerdata, håndterer venneforespørsler og varsler.
  • Streaming tjeneste: Frontend viser filmer og serier, søkefunksjon og brukerprofiler. Backend lagrer videofiler, håndterer avspilling og anbefalinger.

Fullstackutviklere

Noen utviklere jobber med både frontend og backend. Disse kalles “fullstackutviklere”. De har en bred kompetanse og kan jobbe med alle deler av en applikasjon.

Som IT-utvikler er det nyttig å ha en grunnleggende forståelse av både frontend og backend, selv om du spesialiserer deg i en av delene. Dette gjør det enklere å samarbeide med andre utviklere og forstå hvordan applikasjoner fungerer som helhet.

< Etikk HTML/CSS/JS >

Relaterte kompetansemål

  • planlegge, utvikle og dokumentere løsninger med innebygd personvern og sikkerhet
  • planlegge, utvikle og dokumentere løsninger som er energieffektive og bærekraftige
  • videreutvikle en løsning for å ivareta brukernes behov
  • planlegge, utvikle, sette opp og dokumentere systemer for datainnsamling, analyse og visualisering
  • planlegge, utvikle, sette opp og dokumentere integrasjoner mellom ulike systemer og databaser
  • utvikle og bruke dokumentasjon og veiledninger
  • håndtere påloggingsopplysninger på en sikker og forsvarlig måte
  • velge og bruke relevante rammeverk og moduler til utvikling
  • beskrive konsekvenser av teknisk gjeld i løsninger
  • beskrive hvilke krav som ulike løsninger stiller til infrastruktur, og hvilke muligheter og begrensninger som følger av infrastrukturen
  • bruke utviklingsstrategier og samarbeide med andre utviklere
  • feilsøke kode og rette feil i algoritmer og kode
  • utforske prosesser knyttet til testing og feilsøking i utvikling av løsninger
  • utforske og vurdere eksisterende og nye teknologier og bransjerelevante kodespråk