Gå til indhold
JP-WEBDesign Logo

Ordliste over webudvikling, design og arkitektur

Fra HTML og CSS til React, SSR og Design Systems – en komplet oversigt over de begreber, der former moderne webløsninger. Alle definitioner er skrevet i et klart og forståeligt dansk.

Skrevet af: Jan Engelbrecht Pedersen — Senior Full-Stack Developer & SEO/GEO-specialist hos JP-WEBDesign | Fagligt gennemgået af: JP-WEBDesign Redaktion

Sidst opdateret og faktatjekket: 15. October 2026 | Læsetid: ca. 6 minutter

Komplet ordliste for webudvikling og digital arkitektur

Denne ordliste samler de vigtigste begreber inden for webudvikling, design, arkitektur og workflow – forklaret i et klart og forståeligt dansk. Listen henvender sig til både begyndere, der vil forstå fundamentet, og til erfarne udviklere, der har brug for et hurtigt opslagsværk.

Begreberne er grupperet i kategorier, så du nemt kan finde frem til det, du søger – fra de tre grundsten HTML, CSS og JavaScript til avancerede emner som SSR, CSR og Design Systems.

De Tre Grundsten

HTML (HyperText Markup Language)
HTML er hjemmesidens skelet. Det bruges til at definere strukturen og indholdet på en side, f.eks. at lave en overskrift, et tekstafsnit eller en knap.
CSS (Cascading Style Sheets)
CSS er hjemmesidens maling og arkitektur. Det styrer alt det visuelle, såsom farver, skrifttyper, afstande og hvordan elementerne placeres ved siden af hinanden.
JavaScript
JavaScript er hjemmesidens hjerne og motor. Det er et programmeringssprog, der gør siden levende og interaktiv – f.eks. så en menu kan poppe ud, eller en indkøbskurv kan opdatere sig uden at genindlæse siden.

Sprog og Overbygninger

TypeScript
TypeScript er et digitalt sikkerhedsnet oven på JavaScript. Det tvinger udvikleren til at holde styr på sine data, så computeren kan fange stavefejl og kodefejl, mens man skriver dem.
Tailwind CSS
Tailwind CSS er et smart designværktøj (framework), hvor du slipper for at skrive traditionel CSS. Vi bruger det konsekvent i vores skræddersyede UI/UX design.
Typewind CSS
Typewind CSS er en avanceret overbygning, der smelter Tailwind CSS sammen med TypeScript. Det sikrer, at du ikke kan lave stavefejl i dine designklasser, fordi koden foreslår klasserne automatisk.

De Store Værktøjer

Framework (Rammeværk)
Et framework er en færdigbygget værktøjskasse og en fast struktur til din kode. I stedet for at starte helt fra bunden, følger der færdige løsninger med til de mest gængse opgaver.
Angular (og AngularJS)
Angular er Googles store, top-professionelle framework. Det er meget strikst og "all-inclusive" (alt følger med i kassen), hvilket gør det ekstremt populært til gigantiske banksystemer og virksomhedsapps.
Vue.js
Vue.js er et meget fleksibelt og begyndervenligt framework. Vi bruger det til at bygge ekstremt hurtige og reaktive grænseflader i vores manuelt kodede fullstack-løsninger.
React
React er et ekstremt populært JavaScript-bibliotek udviklet af Meta (Facebook). Det er minimalistisk og fleksibelt, hvilket betyder, at udvikleren selv skal vælge og sammensætte sine ekstra værktøjer.

Tekniske Fagudtryk og Koncepter

DOM (Document Object Model)
DOM er hjemmesidens interne stamtræ. Det er den usynlige struktur, som browseren bygger op over din HTML-kode, og som JavaScript bruger til at ændre tekst, farver eller fjerne elementer på skærmen.
Virtuel DOM
En virtuel DOM er en lynhurtig kopiversion af DOM'en, som React og Vue.js bruger under motorhjelmen. I stedet for at opdatere hele skærmen, regner den ud, præcis hvilket enkelt ord eller tal der har ændret sig, og opdaterer kun det.
Compiler (Kompilator)
En compiler er en oversætter. Det er et program, der tager din avancerede kode (f.eks. TypeScript eller Typewind) og oversætter det til rå, simpel JavaScript/CSS, som almindelige browsere som Chrome og Safari kan forstå.
Datatyper
Datatyper er regler for, hvad en variabel indeholder. I TypeScript skal du fortælle computeren, om en værdi er et tekststykke (string), et tal (number), et sandt/falsk svar (boolean) eller en hel liste (array).
Komponent (Component)
En komponent er en digital byggeklods. I moderne webudvikling deler man skærmen op i små, isolerede bidder (f.eks. en Menu-komponent), som man kan genbruge igen og igen på tværs af hele hjemmesiden.
Single-Page Application (SPA)
En Single-Page Application er en webapplikation, hvor hele siden kun indlæses én gang. Når du klikker rundt, skifter indholdet lynhurtigt og flydende, uden at hele browseren skal genindlæse en ny side.
Enterprise
Enterprise er et udtryk for gigantiske virksomhedssystemer. Når noget er velegnet til "enterprise", betyder det, at teknologien er robust og sikker nok til at blive brugt af hundredvis af udviklere på samme tid.
Autocomplete / IntelliSense
Autocomplete eller IntelliSense er den funktion i din kodeeditor, der gætter, hvad du vil skrive, og automatisk foreslår færdige ord eller kodebidder, så snart du trykker på tastaturet.

Backend & Data

Frontend
Frontend er alt det, som brugeren kan se og interagere med i browseren (HTML, CSS, JavaScript, design). Kaldes også for klientsiden.
Backend
Backend er alt det, der sker bag kulisserne på serveren. Det håndterer databaser, brugerlogin og forretningslogik. Det er rygraden i de fleste skræddersyede webapps.
API (Application Programming Interface)
En API er en digital flaskepost eller bro, der lader to systemer tale sammen. Vi bygger f.eks. specialiserede API'er, der henter live vejrdata eller opdaterede priser fra regnskabssystemer.
Database
En database er et digitalt pengeskab på serveren, hvor appen gemmer alle sine permanente data (f.eks. produkter og brugerlogin). Hos JP-WEBDesign bygger vi ofte på robuste MariaDB/MySQL databaser.
Server
En server er en kraftfuld computer, der altid er tændt og forbundet til internettet. Dens eneste opgave er at "servere" din hjemmesides filer og data, når en bruger anmoder om det.

Webdesign, UI & UX

UI (User Interface / Brugerflade)
UI er det rent visuelle design af skærmen. Det handler om farveskema, layout og skrifttyper. Gode UI-valg fastholder brugernes opmærksomhed.
UX (User Experience / Brugeroplevelse)
UX handler om logik og psykologi. Er det logisk at finde rundt på siden? Et stærkt UX-design sikrer, at du ikke mister besøgende, der farer vild.
Responsive Design (Responsivt design)
Responsive design betyder, at hjemmesiden er som en kamæleon. Designet tilpasser sig automatisk og ser lige så flot ud på en smartphone som på en stor desktopskærm.
Wireframe
En wireframe er en enkel sort-hvid skitse (ofte bare streger og kasser), der viser, hvor elementerne skal placeres på siden, før vi koder selve designet.
Mockup
En mockup er et statisk, farverigt billede af det færdige design. Det ligner en rigtig hjemmeside, men mangler klikbare elementer.
Prototype
En prototype er en interaktiv model af designet. Knapperne kan klikkes på, så kunden kan teste UX-flowet før programmeringen starter.
Design System
Et Design System er en samling af færdige regler for farver, skrifttyper, knapper og afstande. Det sikrer total visuel konsistens på tværs af alle dine apps og sider.

Udviklingsværktøjer & Workflow

Git
Git er en digital tidsmaskine til kode. Det holder styr på alle ændringer, så man altid kan genskabe en tidligere, fungerende version af websitet.
GitHub / GitLab
GitHub og GitLab er en sky-platform (Cloud), hvor udviklere uploader deres Git-projekter. Det gør det muligt at samarbejde sikkert om den samme kodebase.
NPM (Node Package Manager)
NPM er en digital app-store for kode. Her kan udviklere dele og downloade avancerede funktioner, så de ikke skal opfinde den dybe tallerken hver gang.
CLI (Command Line Interface / Terminalen)
CLI er det tekstbaserede kontrolpanel på computeren, hvor vi styrer udviklingsværktøjer via skriftlige kommandoer i stedet for med musen.
Bundler (f.eks. Vite, Webpack)
En bundler tager alle vores hundredvis af små kodefiler og pakker dem sammen til få, top-optimerede filer, så din hjemmeside indlæses lynhurtigt.

Avancerede Web-koncepter

SEO (Search Engine Optimization / Søgemaskineoptimering)
SEO er kunsten at blive fundet på nettet. Det handler om at kode hjemmesiden, så Google forstår den. Se hvordan vi arbejder med det i vores Lokal SEO & AI-GEO strategi.
SSR (Server-Side Rendering)
SSR betyder, at serveren bygger HTML-siden helt færdig på forhånd og sender den som en pakke til browseren. Det er fantastisk til at forbedre SEO og opstartshastighed.
CSR (Client-Side Rendering)
CSR betyder, at serveren sender en tom skal og lader brugerens browser bygge hele siden vha. JavaScript. (Typisk for klassiske Vue- eller React-apps).
Framework vs. Library (Bibliotek)
Et Library er et stykke værktøj, du frit kalder på, når du har lyst. Et Framework (som f.eks. WordPress eller Angular) er et helt "hus", du flytter ind i – og frameworket bestemmer reglerne for byggeriet.

Skal vi hjælpe dig med at omsætte begreberne til virkelighed?

Vi bygger skræddersyede webløsninger i HTML, CSS, JavaScript, PHP, Tailwind og Vue – og rådgiver om arkitektur, SEO og AI-GEO. Book et møde på vores kontor i Aarhus eller hos dig i Randers og få konkrete idéer til dit projekt.

Kontakt JP-WEBDesign nu