Det værktøj, udstyr og de materialer, faget bruger. Priser er vejledende markedspriser med kilde — tjek altid den aktuelle pris hos forhandleren.
En gratis kodeeditor til at skrive og redigere kode. Visual Studio Code er den mest udbredte i branchen, men alternativer findes.
Bruges til: 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.
En moderne browser med indbyggede DevTools til at inspicere og fejlsøge en hjemmeside. Gratis at hente.
Bruges til: Bruges til at se hvordan koden virker i browseren, inspicere HTML/CSS, teste responsivt design på flere skærmstørrelser og fejlfinde JavaScript.
Et gratis system til at gemme og holde styr på ændringer i koden over tid. Bruges sammen med platforme som GitHub eller GitLab.
Bruges til: 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.
Et tekstbaseret værktøj til at styre computeren og udviklingsprojekter med kommandoer. Indbygget i alle operativsystemer.
Bruges til: Bruges til at køre Git-kommandoer, starte lokale udviklingsservere, installere pakker og styre projektet uden grafisk brugerflade.
De tre grundsprog i frontend-udvikling: HTML til struktur, CSS til design og JavaScript til funktionalitet. Gratis og åbne standarder.
Bruges til: Bruges til at bygge det brugeren ser og interagerer med i browseren — fra layout og udseende til knapper, formularer og dynamisk indhold.
Serversprog og databaser, der håndterer logik, login og data bag en hjemmeside. Faget arbejder med relationelle databaser og webapplikationer.
Bruges til: Bruges til at bygge funktioner som login, betaling og lagring af data, samt til at opsætte og vedligeholde databaser og webservere.
Et content management system, der gør det nemt at oprette og redigere indhold på en hjemmeside uden at kode alt fra bunden. Indgår direkte i uddannelsen.
Bruges til: Bruges til at bygge og tilpasse hjemmesider og e-handelsløsninger, hvor kunden selv kan redigere indhold, samt til tilpasning af færdige webshop-systemer.
Software til at lave designoplæg, wireframes og prototyper af en hjemmeside, før den kodes. Figma har en gratis plan til studerende.
Bruges til: Bruges 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.
Software til at redigere fotos, ikoner og grafik til web. Uddannelsen omfatter digital fotografering, scanning og billedbehandling.
Bruges til: Bruges til at klargøre og optimere billeder, ikoner og grafiske elementer, så de ser godt ud og loader hurtigt på hjemmesiden.
En bærbar computer er det centrale arbejdsredskab. Til webudvikling anbefales mindst 16 GB RAM og SSD for at køre editor, browser og lokale servere flydende.
Bruges til: Bruges til al kodning, test og kørsel af udviklingsværktøjer. Kan tages med mellem skole og hjemmearbejde.
Vejledende · proshop.dk · 2026-06
En ekstra skærm (typisk 24-27 tommer Full HD eller højere) ud over den bærbare. Giver mere overblik over kode og resultat samtidig.
Bruges til: Bruges til at have kode på den ene skærm og browseren med den kørende hjemmeside på den anden, hvilket gør udvikling og fejlfinding mere effektiv.
Vejledende · proshop.dk · 2026-06
Et fuldt tastatur og en god mus til en stationær arbejdsplads. Mange udviklere foretrækker et mekanisk tastatur for komfort ved lange kodesessioner.
Bruges til: Bruges til at skrive kode komfortabelt og ergonomisk i mange timer ad gangen og giver en bedre arbejdsstilling end den bærbares indbyggede tastatur.
Vejledende · proshop.dk / elgiganten.dk · 2026-06