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 webbapplikation har två huvuddelar: Frontend och Backend. Dessa samarbetar för att leverera allt du ser och använder online.

## Frontend
Frontend är det användaren ser i webbläsaren: text, bilder, knappar, formulär och layouter.

Vad Frontend gör:
- Visar innehåll på skärmen;
- Hanterar användaråtgärder (klick, inmatning, formulär);
- Tillhandahåller navigering och interaktion.

Frontend = den synliga delen av webbplatsen.

## Backend
Backend arbetar i bakgrunden och körs på servrar. Den bearbetar data och driver applikationens logik.

Vad Backend gör:
- Arbetar med databaser;
- Bearbetar förfrågningar från Frontend;
- Skickar tillbaka data och resultat.

Backend = den dolda logiken som får webbplatsen att fungera.

## Hur frontend kommunicerar med backend
1. Frontend begär data (en förfrågan);
2. Backend behandlar den och returnerar resultatet (ett svar);
3. Frontend visar den uppdaterade informationen.

Vilket av följande beskriver bäst skillnaden mellan frontend- och backendutveckling?

Lär dig grunderna i HTML (HyperText Markup Language), grunden för webbutveckling. Denna nybörjarvänliga kurs täcker taggar, attribut, element och strukturering av webbsidor. Få praktiska färdigheter i att skapa rubriker, stycken, listor, bilder, länkar, formulär och tabeller. Utforska bästa praxis, optimering och webbtillgänglighet. Börja din webbutvecklingsresa med HTML.

Utforska webben inre funktioner. Lär dig hur data färdas över nätverk, upptäck protokollens roll och lös mysterierna med IP-adresser och domännamn. Få en övergripande förståelse för hur webbläsare och servrar kommunicerar för att leverera webb-innehåll.

Upptäck kraften i taggar för att strukturera innehåll, från rubriker och stycken till listor och tabeller. Lär dig hur du förbättrar elementen med attribut.

Kärnan i HTML-dokumentstrukturen. Lär dig komponenterna i ett HTML-dokument, inklusive doctype-deklarationen, head och body. Förstå syftet med varje element och hur de bidrar till den övergripande strukturen på en webbsida.

Gör en webbsida mer tilltalande med hjälp av media som bilder, ljud och video. Arbeta med strukturerad tabulär data i form av tabeller.

Utforska mångsidigheten hos HTML-formulär. Lär dig att designa intuitiva och användarvänliga formulär genom att utnyttja viktiga koncept och tekniker. Upptäck hur formulär möjliggör användarinteraktion och dataöverföring på webbplatser.

Frontend- och Backendutveckling Förklarad

Frontend

Backend

Hur frontend kommunicerar med backend

1. Vad ansvarar frontend för?

2. Vilket av följande beskriver bäst skillnaden mellan frontend- och backendutveckling?