Hvad er webudvikling
Webudvikling er arbejdet med at forvandle et design og et sæt krav til noget, der virker i en browser. Det omfatter flere lag, end det ser ud udefra, og at kende dem gør det lettere at tale med den, der bygger.
Denne guide forklarer delene, hvem der tager sig af hvad, og hvad der adskiller en side, der virker, fra en, man kan vedligeholde.
En hjemmesides lag#
Alle hjemmesider har disse lag, også de enkleste — forskellen ligger i, hvor meget der er af hvert.
| Lag | Hvad det gør | Typisk teknologi |
|---|---|---|
| Frontend | Det den besøgende ser og interagerer med | HTML, CSS, JavaScript |
| Backend | Logik på serveren, forretningsregler | PHP, Python, Node, Java |
| Database | Gemmer indhold, brugere, ordrer | MySQL, PostgreSQL |
| Drift | Serveren hvor det hele kører | Delt, VPS, sky |
| Domæne og DNS | Adressen og hvordan den slås op | Registrator, navneservere |
| Eksterne tjenester | Betaling, mail, analytics, kort | Tredjeparts-API'er |
En statisk side kan undvære både backend og database. Derfor er den hurtigere, sikrere og billigere at drive.
Hvem gør hvad#
Rollerne overlapper, og i små projekter udfylder én person flere af dem.
- Frontend: forvandler designet til grænseflade, står for responsivitet, tilgængelighed og ydeevne i browseren.
- Backend: skriver serverlogikken, modellerer data, integrerer eksterne systemer.
- Fullstack: gør begge dele, med forskellig dybde i hver.
- DevOps: står for servere, udrulning, overvågning og backup.
- Designer: fastlægger udseende og adfærd, før der findes kode.
- Projektleder: koordinerer, beskytter tidsplanen og oversætter mellem kunde og team.
- I et lille projekt dækker en eller to personer det hele. Spørg hvem der gør hvad, før du skriver under.
Hvordan delene kommunikerer#
At forstå en forespørgsels rejse forklarer størstedelen af de tekniske beslutninger, du får forelagt.
- Den besøgende indtaster adressen; DNS oversætter domænet til en serveradresse.
- Browseren beder serveren om siden via HTTPS.
- Serveren svarer med HTML — færdig, eller genereret i øjeblikket fra databasen.
- Browseren læser HTML og beder om de tilhørende filer: stilarter, billeder, scripts.
- JavaScript kører og tilføjer adfærd — menuer, formularer, dynamisk indhold.
- Brugerens handlinger kan udløse nye forespørgsler til serveren i baggrunden.
- Serveren skriver til eller læser fra databasen og returnerer resultatet.
Kommer HTML færdig fra serveren, vises siden hurtigere og indekseres mere pålideligt. Findes den først, efter JavaScript har kørt, bliver begge dele værre.
Hvad der kendetegner et solidt byg#
To sider kan se ens ud og være meget forskellige at vedligeholde. Dette er tegnene.
| Tegn | Godt | Dårligt |
|---|---|---|
| Kodestruktur | Ordnet, med konventioner | Alt i én kæmpe fil |
| Versionsstyring | Git, med læsbar historik | Filer kopieret med dato i navnet |
| Testmiljø | Findes og bruges | Ændringer direkte i produktion |
| Udrulning | Automatiseret og kan rulles tilbage | Manuel FTP |
| Afhængigheder | Få og opdaterede | Mange og forældede |
| Dokumentation | Hvordan man installerer og udruller | Kun i hovedet på én person |
| Tests | Mindst på kritiske forløb | Ingen |
Ofte stillede spørgsmål
Hvad er forskellen på webdesign og webudvikling?
Design fastlægger udseende og adfærd; udvikling bygger det, der virker. Der er overlap — en frontender træffer visuelle beslutninger dagligt, og en designer, der forstår tekniske begrænsninger, laver bedre design. I små projekter gør samme person ofte begge dele.
Har jeg brug for en backend?
Kun hvis siden skal gemme eller behandle data: brugerkonti, ordrer, redigerbart indhold, formularer med logik. En virksomhedsside med fast indhold kan være helt statisk, hvilket gør den hurtigere, sikrere og næsten vedligeholdelsesfri.
Hvor lang tid tager det at udvikle en hjemmeside?
To til fire uger for en simpel virksomhedsside efter godkendt design; to til tre måneder med CMS, integrationer og migrering; længere for webshops og applikationer. Tidsplanen bestemmes af antal skabeloner og integrationer, ikke antal sider — og i praksis ofte af indholdet.
Kan jeg lave en hjemmeside uden at programmere?
Ja, med visuelle byggere eller et CMS med tema. Det virker godt til virksomhedssider og blogs. Grænserne dukker op, når du har brug for noget, værktøjet ikke forudser, når ydeevne betyder meget, eller når du vil forlade platformen — der viser det, der lignede en besparelse, sig at være en afhængighed.
webudviklinghvad er webudviklingfrontend backendhvordan en hjemmeside virkerprogrammere hjemmesidebygge website
