Spring til indhold
← Webudvikler·Værktøj & sortiment

Værktøj & sortiment.

Det værktøj, udstyr og de materialer, faget bruger. Priser er vejledende markedspriser med kilde — tjek altid den aktuelle pris hos forhandleren.

Software og udviklingsværktøjer

5
Kode­editor (VS Code)Det daglige værktøj hvor man skriver HTML, CSS, JavaScript og anden kode med syntaksfremhævning, autofuldførelse og udvidelser, der gør udviklingen hurtigere.
Webbrow­ser med udvik­lerværk­tøjerBruges til at se hvordan koden virker i browseren, inspicere HTML/CSS, teste responsivt design på flere skærmstørrelser og fejlfinde JavaScript.
Versions­styring (Git)Bruges til at gemme versioner af projektet, gå tilbage til tidligere ændringer og samarbejde med andre om den samme kodebase uden at overskrive hinandens arbejde.
Termi­nal / komman­dolinjeBruges til at køre Git-kommandoer, starte lokale udviklingsservere, installere pakker og styre projektet uden grafisk brugerflade.
API-test­værk­tøjBruges til at teste og dokumentere API'er under udvikling, verificere svar-data og statuskoder, og dele testopsætninger med resten af teamet.

Programmeringssprog og rammer

3
Fron­tend-sprog (HTML, CSS, Java­Script)Bruges til at bygge det brugeren ser og interagerer med i browseren — fra layout og udseende til knapper, formularer og dynamisk indhold.
Back­end-sprog og data­baseBruges til at bygge funktioner som login, betaling og lagring af data, samt til at opsætte og vedligeholde databaser og webservere.
CMS-systemBruges til at bygge og tilpasse hjemmesider og e-handelsløsninger, hvor kunden selv kan redigere indhold, samt til tilpasning af færdige webshop-systemer.

Design og grafik

2
Design- og proto­type­værk­tøjBruges til at omsætte en idé til et visuelt design og en klikbar prototype, så man ved hvordan siden skal se ud, før udviklingen går i gang.
Billed­behandling og grafikBruges til at klargøre og optimere billeder, ikoner og grafiske elementer, så de ser godt ud og loader hurtigt på hjemmesiden.

Hardware og arbejdsplads

4
Bærbar compu­ter~ fra ca. 5.000-8.000 krVejledende · proshop.dk · 2026-06
Ekstern skærm~ ca. 700-1.500 kr (24")Vejledende · proshop.dk · 2026-06
Eksternt tasta­tur og mus~ tastatur ca. 500-1.300 krVejledende · proshop.dk / elgiganten.dk · 2026-06
Ergo­nomisk kontor­stol~ ca. 450-1.800 krVejledende · jysk.dk · 2026-07

Hosting og infrastruktur

2
Domæne + webho­tel-abon­nement~ ca. 950-1.100 kr/år (domæne + basis-webhotel, ofte billigere 1. år)Vejledende · billig-webhosting.dk / one.com / simply.com · 2026-07
Cloud-hosting­plat­form (Ver­cel/­Netli­fy)~ Gratis niveau (Hobby/Starter); Pro fra ca. 140 kr/md pr. bruger (20 USD)Vejledende · vercel.com/pricing, netlify.com/pricing · 2026-07

Backend og cloud-tjenester

1
Sky-data­base / Back­end-as-a-Service~ Gratis niveau; betalt fra ca. 25 USD/md pr. projekt (Supabase Pro)Vejledende · supabase.com/pricing · 2026-07

Test og kvalitetssikring

1
Tilgæn­gelig­heds- og perfor­mance-test­værk­tøjBruges til at kvalitetssikre en webløsning før aflevering — fx tjekke farvekontrast, manglende alt-tekster på billeder og hvor hurtigt siden reelt indlæses.

Projektstyring og samarbejde

1
Projekt­styrings- og samar­bejds­værk­tøjBruges til at opdele et projekt i konkrete opgaver, fordele dem i teamet og holde styr på, hvad der mangler, før en aflevering eller et release.

Læring og certificering

1
Onli­nekur­sus/­certi­fice­ring i webtek­nologiBruges til selvstudie ved siden af skolen og til at dokumentere konkrete kompetencer over for en praktikvirksomhed eller kommende arbejdsgiver, fx i et bestemt framework.