Summary
This chapter explains the separation of a web application into frontend and backend components, detailing how the client-side UI handles user interactions and the server-side logic processes data, with communication via requests and responses.

General domain of usage
Web application development

En webapplikation har to hoveddele: Frontend og Backend. De arbejder sammen for at levere alt, hvad du ser og bruger online.

## Frontend
Frontend er det, brugerne ser i browseren: tekst, billeder, knapper, formularer og layouts.

Frontendens funktioner:
- Viser indhold på skærmen;
- Håndterer brugerhandlinger (klik, indtastning, formularer);
- Giver navigation og interaktion.

Frontend = den synlige del af hjemmesiden.

## Backend
Backend fungerer bag kulisserne og kører på servere. Den behandler data og driver applikationens logik.

Backends funktioner:
- Arbejder med databaser;
- Behandler forespørgsler fra Frontend;
- Sender data og resultater tilbage.

Backend = den skjulte logik, der får hjemmesiden til at fungere.

## Hvordan frontend kommunikerer med backend
1. Frontend anmoder om data (en forespørgsel);
2. Backend behandler den og returnerer resultatet (et svar);
3. Frontend viser de opdaterede oplysninger.

Hvilket af følgende beskriver bedst forskellen mellem frontend- og backend-udvikling?

Lær det grundlæggende i HTML (HyperText Markup Language), fundamentet for webudvikling. Dette begynder-venlige kursus dækker tags, attributter, elementer og strukturering af websider. Få praktiske færdigheder i at skabe overskrifter, afsnit, lister, billeder, links, formularer og tabeller. Udforsk bedste praksis, optimering og webtilgængelighed. Start din webudviklingsrejse med HTML.

Udforsk internettets indre funktioner. Lær hvordan data rejser over netværk, opdag protokollernes rolle, og afslør mysterierne bag IP-adresser og domænenavne. Få en overordnet forståelse af, hvordan webbrowsere og servere kommunikerer for at levere webindhold.

Opdag kraften i tags til at strukturere indhold, fra overskrifter og afsnit til lister og tabeller. Lær hvordan du forbedrer elementerne med attributter.

Kernen i HTML-dokumentstrukturen. Lær komponenterne i et HTML-dokument, inklusive doctype-deklarationen, head og body. Forstå formålet med hvert element, og hvordan de bidrager til den overordnede struktur af en webside.

Gør en webside mere attraktiv ved hjælp af medier som billeder, lyd og video. Arbejd med strukturerede tabeldata i form af tabeller.

Udforsk alsidigheden af HTML-formularer. Lær at designe intuitive og brugervenlige formularer ved at udnytte nøglekoncepter og teknikker. Opdag, hvordan formularer muliggør brugerinteraktion og dataindsendelse på hjemmesider.

Forklaring af Frontend- og Backend-udvikling

Frontend

Backend

Hvordan frontend kommunikerer med backend

1. Hvad er frontend ansvarlig for?

2. Hvilket af følgende beskriver bedst forskellen mellem frontend- og backend-udvikling?