Gå til indholdet

Kom godt i gang

Dette kapitel giver dig en række gode råd og konkrete trin til at komme godt fra start med at prøve programmering i praksis.

Når du skal i gang med at kode, behøver du ikke et uoverskueligt setup fra dag ét. Det vigtigste er at få installeret en god kodeeditor, forstå de mest basale værktøjer og hurtigt opleve glæden ved at skrive og køre dine første linjer kode.

Visual Studio Code

Visual Studio Code (ofte blot kaldet VS Code) er i dag verdens mest populære kodeeditor – og med god grund. Den er udviklet af Microsoft, er helt gratis og open source, starter lynhurtigt og understøtter stort set alle programmeringssprog via et kæmpe økosystem af udvidelser.

Forskel på VS Code og Visual Studio

Vær opmærksom på, at Visual Studio Code (VS Code) og Visual Studio ikke er det samme program. Visual Studio er en stor, tung IDE primært rettet mod .NET og C++ på Windows, mens VS Code er en let og fleksibel kodeeditor, der virker ens på tværs af alle platforme.

Hvorfor vælge VS Code?

  • Fungerer overalt: Kører på Windows, macOS og Linux.
  • Masser af udvidelser: Du kan tilføje understøttelse af Python, JavaScript, C#, HTML, CSS og meget mere med ét klik.
  • Indbygget terminal: Du kan køre dine programmer direkte i editoren uden at skulle skifte vindue.
  • Integreret versionsstyring: Indbygget understøttelse af Git og GitHub.
  • AI-integration: Fremragende understøttelse af moderne AI-assistenter som GitHub Copilot.

Installation og download

Du kan downloade VS Code gratis fra den officielle hjemmeside:

Download Visual Studio Code (code.visualstudio.com)

Vælg installationspakken til dit styresystem:

Styresystem Anbefalet version Bemærkninger
Windows User Installer (x64) Standardvalget til Windows 10 og 11.
macOS Universal eller Apple Silicon Vælg Apple Silicon, hvis du har en Mac med M1/M2/M3/M4-chip.
Linux .deb (Debian/Ubuntu) / .rpm (Fedora/RHEL) Fås også via Snap eller Flatpak.

Når du installerer på Windows, anbefales det at sætte flueben ved:

  • Tilføj til PATH (Add to PATH) (så du kan åbne mapper direkte fra terminalen med code .).
  • Tilføj handlingen “Åbn med Code” (Open with Code) til fil- og mappekontekstmenuer i Windows Stifinder.

Efter du har downloaded .zip-filen:

  1. Pak filen ud og træk Visual Studio Code over i din Programmer-mappe (Applications).
  2. Åbn VS Code, tryk Cmd+Shift+P, skriv shell command, og vælg Shell Command: Install ‘code’ command in PATH. Så kan du også åbne projekter fra Terminalen med code ..

Installer via din distributions pakkehåndtering eller download .deb / .rpm fra hjemmesiden. VS Code registrerer automatisk code-kommandoen i din PATH.

Vigtige udvidelser (Extensions)

VS Code bliver først for alvor stærk, når du installerer de rigtige udvidelser. Du finder dem ved at klikke på udvidelsesikonet i venstre side (Ctrl+Shift+X / Cmd+Shift+X):

  • Python (fra Microsoft): Tilføjer syntaksfremhævning, formatering, autofuldførelse (IntelliSense) og debugger til Python.
  • C# Dev Kit / C# (fra Microsoft): Giver fuld understøttelse af C# og .NET udvikling.
  • Prettier - Code Formatter: Formaterer din kode pænt og konsistent, hver gang du gemmer.
  • Live Server: Starter en lokal webserver med automatisk genindlæsning til HTML/CSS/JavaScript-projekter.
  • GitHub Copilot: AI-assistent direkte i editoren til kodeforslag og forklaringer.

Dansk sprogpakke?

Du kan installere udvidelsen Danish Language Pack for Visual Studio Code, hvis du foretrækker menuer på dansk. De fleste programmører vælger dog at beholde det engelske interface, da fejlmeddelelser, genveje og online vejledninger oftest refererer til de engelske betegnelser.

Programmeringssprog og runtimes

Visual Studio Code er selve editoren, hvor du skriver din kode. Men for at din computer kan forstå og udføre koden, skal du have installeret det pågældende sprogs fortolker (interpreter), runtime eller compiler.

Her gennemgår vi installation og verifikation af de tre mest udbredte sprog og platforme, som bruges igennem dette forløb: Python, Node.js (JavaScript) og .NET (C#).

Python

Python er et af verdens mest populære og begyndervenlige sprog. Det er kendt for sin rene syntaks, der minder om almindeligt engelsk.

Installation

  1. Gå til den officielle side: python.org/downloads
  2. Download den nyeste stabile version (f.eks. Python 3.12 eller nyere).
  3. Kør installationsprogrammet.

Vigtigt på Windows: Sæt flueben ved PATH!

Når installationsvinduet åbner på Windows, skal du sætte flueben i boksen nederst:

☑ Add python.exe to PATH

Glemmer du dette, vil terminalen ikke kunne genkende kommandoen python.

macOS leveres ofte med en ældre system-Python. Det anbefales at hente den officielle pakke fra python.org eller installere via Homebrew: 

brew install python

På Ubuntu/Debian er Python som regel forudinstalleret. Hvis ikke, installeres det med: 

sudo apt update
sudo apt install python3 python3-pip

Test din installation

Åbn din terminal (eller terminalen i VS Code med Ctrl+`) og tjek versionen:

python --version
(På macOS/Linux kan det være nødvendigt at skrive python3 --version)

Hvis installationen lykkedes, får du vist et versionsnummer, f.eks. Python 3.12.2.

Test derefter at køre en konkret Python-fil:

  1. Opret en ny fil i VS Code og kald den app.py.
  2. Skriv følgende kode i filen og gem den (Ctrl+S / Cmd+S):
print("Hej fra Python!")
  1. Kør filen fra terminalen:
python app.py

Fangede du dig selv i Python REPL (>>>)?

Hvis du blot skriver python uden et filnavn, starter Python i interaktiv tilstand (REPL), hvor prompten ændrer sig til >>>. Du kan ikke køre almindelige terminalkommandoer herfra.

  • For at komme ud igen: Skriv quit() eller exit() og tryk Enter (husk parenteserne ()), eller tryk Ctrl+Z efterfulgt af Enter på Windows (Ctrl+D på macOS/Linux).

Node.js (JavaScript)

JavaScript kører som standard inde i en webbrowser. Node.js er et såkaldt runtime-miljø, der gør det muligt at køre JavaScript-programmer direkte på computeren og i terminalen ligesom Python.

Installation

  1. Gå til den officielle side: nodejs.org
  2. Vælg LTS-versionen (Long Term Support), da den er den mest stabile og gennemtestede version.
  3. Følg installationsvejledningen med standardindstillingerne. Node.js installerer automatisk pakkehåndteringen npm (Node Package Manager).
brew install node

sudo apt update
sudo apt install nodejs npm

Test din installation

Åbn terminalen og tjek både node og pakkehåndteringen npm:

node --version
npm --version

Hvis du ser versionsnumre (f.eks. v20.x.x og 10.x.x), er alt klar.

Test derefter at køre en konkret JavaScript-fil:

  1. Opret en ny fil i VS Code og kald den app.js.
  2. Skriv følgende kode i filen og gem den (Ctrl+S / Cmd+S):
console.log("Hej fra Node.js!");
  1. Kør filen fra terminalen:
node app.js

Fangede du dig selv i Node.js REPL (>)?

Hvis du blot skriver node uden et filnavn, starter Node.js i interaktiv tilstand (REPL), hvor prompten ændrer sig til >.

  • For at komme ud igen: Skriv .exit og tryk Enter, eller tryk Ctrl+C to gange i træk (eller Ctrl+D).

.NET (C#)

C# (udtales C-sharp) er et kraftfuldt, typesikkert og objektorienteret sprog skabt af Microsoft. For at udvikle og køre C#-programmer skal du installere .NET SDK (Software Development Kit).

Installation

  1. Gå til: dotnet.microsoft.com/download
  2. Vælg .NET SDK (ikke kun Runtimen – som udvikler skal du bruge SDK’et for at kunne bygge og køre kode).
  3. Download og kør installationsprogrammet til dit styresystem (Windows, macOS eller Linux).
brew install --cask dotnet-sdk

sudo apt update
sudo apt install dotnet-sdk-8.0

Test din installation

Tjek at .NET SDK er tilgængeligt i terminalen:

dotnet --version

Du bør få et versionsnummer retur (f.eks. 8.0.x eller nyere).

I C# samles kode typisk i et lille projekt i stedet for en enkelt løs fil. Test ved at oprette et nyt konsolprojekt og se kildekoden:

  1. Opret et nyt projekt i terminalen:
dotnet new console -o HejVerden
  1. Gå ind i mappen:
cd HejVerden
  1. Åbn filen Program.cs i VS Code. Den indeholder som standard:
Console.WriteLine("Hej fra C#!");
  1. Kør projektet fra terminalen:
dotnet run

Hvis alt er sat rigtigt op, vil .NET kompilere filerne og udskrive teksten i terminalen.

AI-assistenter til kodning

Moderne AI-værktøjer har ændret måden, man lærer og skriver kode på. Som begynder kan du bruge en AI-assistent som en tålmodig hjælpelærer, der kan forklare kode linje for linje, finde fejl i dine scripts og give forslag til løsninger.

De to mest populære og stærke AI-værktøjer til udviklere i dag er GitHub Copilot og Claude Code.

GitHub Copilot

GitHub Copilot er udviklet af GitHub (Microsoft) og OpenAI. Værktøjet er integreret direkte i VS Code og fungerer både som en intelligent autofuldførelse og som en interaktiv chat-makker.

Konto og gratis adgang / prøveversion

For at bruge GitHub Copilot skal du have en GitHub-konto:

  1. Opret en gratis konto på github.com, hvis du ikke allerede har en.
  2. Vælg din adgangstype:
    • Copilot Free: GitHub tilbyder en gratis plan direkte med din GitHub-konto. Den indeholder op til 2.000 kodefuldførelser og 50 chat-prompts pr. måned helt uden at indtaste betalingskort.
    • Studerende og undervisere (helt gratis): Gennem GitHub Student Developer Pack (education.github.com) får studerende og undervisere 100% gratis adgang til den fulde GitHub Copilot Pro.
    • Copilot Pro (30 dages gratis prøveperiode): Hvis du ønsker ubegrænset adgang, kan du aktivere 30 dages gratis prøveperiode på GitHubs hjemmeside.

Aktivering i VS Code

GitHub Copilot er i dag ofte forudinstalleret eller fuldt integreret i VS Code som standard:

  1. Kig efter Copilot-ikonet i VS Code (enten i sidepanelet til venstre eller i statuslinjen i bunden).
  2. Hvis ikonet ikke er der, åbner du Extensions (Ctrl+Shift+X / Cmd+Shift+X), søger efter GitHub Copilot og klikker Install.
  3. Log ind med din GitHub-konto via profil-ikonet i nederste venstre hjørne (eller klik på Sign in to use Copilot).

Claude Code

Claude Code er et avanceret AI-agentværktøj udviklet af Anthropic (skaberne af Claude-modellerne). Det kan forstå hele dit projekt, udføre opgaver på tværs af flere filer, rette fejl og køre tests direkte for dig.

Konto og adgang

For at bruge Claude Code skal du have en konto hos Anthropic:

  1. Gå til claude.ai eller Anthropic Console (console.anthropic.com).
  2. Opret en gratis konto med din e-mailadresse.
  3. Du kan få adgang via et Claude Pro/Team-abonnement eller ved at bruge API-kredit i Anthropic Console (hvor der ved oprettelse og telefonverifikation ofte følger en mindre gratis startkredit med).

Installation af Claude Code-udvidelsen i VS Code

Claude Code findes som en officiel udvidelse til VS Code, så du kan bruge den direkte i editoren uden at skulle rode med terminalinstallationer:

  1. Åbn Extensions i VS Code (Ctrl+Shift+X / Cmd+Shift+X).
  2. Søg efter Claude Code (den officielle udvidelse fra Anthropic).
  3. Klik Install.
  4. Følg vejledningen i sidepanelet for at logge ind og forbinde til din Anthropic-konto.

Hvad kan du bruge Claude Code til?

  • Overskue hele projekter: Claude kan analysere alle filer og mapper i dit projekt og forklare, hvordan arkitekturen hænger sammen.
  • Autonom fejlfinding: Du kan bede den om at finde og rette fejl eller køre tests, hvorefter den selv opdaterer de nødvendige filer.
  • Refaktorering på tværs af filer: Oprette nye komponenter og automatisk opdatere imports og referencer i eksisterende filer.

Brug AI som læremakker – ikke som en erstatning

AI-assistenter er fantastiske til at spare tid og forklare svære ting, men pas på med blot at acceptere kode, du ikke forstår. Spørg altid assistenten: “Kan du forklare mig trin for trin, hvad denne kode gør?” – så lærer du mest!

Praktiske eksempler med AI-prompts

En af de hurtigste måder at se styrken ved AI-assistenter på er at bede dem skrive et komplet, fungerende lille program ud fra en præcis beskrivelse (prompt).

Her tager vi en klassisk opgave: Beregn en persons præcise alder ud fra en fødselsdato. At beregne alder korrekt er en god øvelse, fordi man skal tage højde for, om personen allerede har haft fødselsdag i indeværende år.

Nedenfor ser du tre måder at løse opgaven på ved hjælp af AI: et Python-skrivebordsprogram med grafisk brugerflade, et Node.js-konsolprogram i terminalen og en moderne webside i én samlet HTML-fil.

Eksempel 1: Python med grafisk brugerflade (GUI)

En GUI (Graphical User Interface) giver brugeren et rigtigt vindue med inputfelter og knapper på skærmen i stedet for blot tekst i terminalen.

Den prompt du kan give AI’en

“Skriv et simpelt Python-program ved hjælp af det indbyggede tkinter-bibliotek, som åbner et vindue. Brugeren skal kunne indtaste sin fødselsdato (ÅÅÅÅ-MM-DD), klikke på en knap ‘Beregn alder’, og se sin nøjagtige alder i år, måneder og dage. Sørg for at håndtere forkert indtastning pænt.”

Sådan starter du programmet

Åbn terminalen i VS Code (Ctrl+`) og kør:

python alder_app.py

Der åbner sig nu et lille grafisk skrivebordsvindue direkte på din computer.

Eksempel 2: Node.js som konsolapplikation (CLI)

En konsolapplikation (eller et CLI-program – Command Line Interface) har ingen knapper eller vinduer. Den kører udelukkende inde i din terminal. Programmet stiller et spørgsmål i tekstform, venter på dit tastaturinput og udskriver svaret direkte på skærmen.

Konsolprogrammer er fundamentet i backend-udvikling, databehandling og serverautomatisering.

Den prompt du kan give AI’en

“Skriv et lille Node.js konsolprogram (uden eksterne npm-pakker, brug kun det indbyggede readline-modul). Programmet skal spørge brugeren i terminalen: ‘Indtast din fødselsdato (ÅÅÅÅ-MM-DD): ‘, validere datoen, beregne den nøjagtige alder, og udskrive et pænt svar. Derefter skal programmet lukke pænt ned.”

Sådan starter du programmet

Åbn terminalen i VS Code (Ctrl+`) og kør:

node alder_cli.js

Terminalen stiller dig spørgsmålet med det samme. Skriv din fødselsdato og tryk Enter.

Eksempel 3: Moderne web-app i én HTML-fil

Dette eksempel samler alt i én enkelt .html-fil: HTML (strukturen), Tailwind CSS (moderne styling via CDN) og JavaScript (logikken til beregningen).

Den prompt du kan give AI’en

“Skriv en komplet, selvstændig index.html-fil til en moderne og responsiv aldersberegner. Brug Tailwind CSS via CDN til et lækkert, minimalistisk kortdesign med pæne farver, skygger og afrundede hjørner. Inkluder en dato-vælger (<input type='date'>), en knap og et resultatfelt. Skriv al JavaScript direkte i et <script>-tag i bunden af filen, så den kan åbnes direkte i en browser uden nogen server.”

Sådan starter du web-appen

Der er to nemme måder at åbne din HTML-side på:

  1. Direkte dobbeltklik: Find filen alder.html i din stifinder/mappe på computeren og dobbeltklik på den (eller højreklik og vælg Åbn med $\rightarrow$ Google Chrome / Edge / Safari). Siden åbner med det samme i din standardbrowser.

  2. Via Live Server i VS Code (anbefales): Hvis du har installeret udvidelsen Live Server i VS Code:

  3. Højreklik på alder.html i VS Code Stifinderen (til venstre).
  4. Vælg Open with Live Server.
  5. Siden åbner i browseren, og hver gang du laver en ændring og gemmer i VS Code, genindlæses siden automatisk!