⌂ Kursmaterial
Folkuniversitetet · Tillfälle 1 · Del 1

AI-driven
programmering

Välkommen! Idag packar vi verktygslådan och får igång vår första AI-agent.

🧰 Verktyg 🐙 GitHub ✳️ Claude Code / 🌀 Codex
Hej!

Vem är jag?

  • 👋Erik Hellman, kursledare
  • 💻Utvecklare som jobbar med AI-verktyg varje dag
  • 🎯Mål: att du ska kunna bygga egna saker med AI efter kursen
🙋

Och vem är du?

Namn, vad du jobbar med och något du skulle vilja bygga eller automatisera.

Kursen

Vad ska vi lära oss?

🛠️

Verktygen

Terminal, Git, GitHub och AI-agenterna Claude Code och Codex.

🧠

Förståelsen

Hur AI-modeller och agenter fungerar, så du vet vad du kan förvänta dig.

🚀

Bygga på riktigt

Appar, webbsidor och automatiseringar, utan att du behöver vara programmerare.

Du behöver inga förkunskaper i programmering. Du behöver nyfikenhet och lite tålamod.

Idag

Dagens plan

🧰Del 1Installera verktygen, skapa GitHub-konto, första körningen med en AI-agent
☕PausSträck på benen
🧠Del 2Hur fungerar en språkmodell, en agent och ett harness?

Allt material finns på kurssidan. Där finns installationsguider med kommandon för Windows och macOS/Linux.

Översikt

Verktygslådan

⌨️

Terminal

Där vi skriver kommandon

🌱

Git

Sparpunkter för projektet

🐙

GitHub + gh

Projekten på nätet

🟩

Node.js

Kör JavaScript-verktyg

📝

VS Code

Se och granska koden

✳️

Claude Code

I Claude-appen

🌀

Codex

I ChatGPT-appen

✅

Checklista

Allt klart?

1

Terminalen

Datorns kommandorad

Terminalen

Prata med datorn i text

  • I stället för att klicka skriver du ett kommando och trycker Enter
  • Det är snabbt, exakt och går att upprepa
  • AI-agenter jobbar på samma sätt: de skriver kommandon åt dig
$ pwd
/Users/anna
$ mkdir kurs
$ cd kurs
$ ls
# tomt, än så länge!
Terminalen

Pakethanterare: en app-butik i terminalen

🪟

Windows: winget

Finns redan inbyggt i Windows 10 och 11.

> winget --version
🍎

macOS: Homebrew

Installeras en gång. Linux har redan apt.

$ brew --version

👉 Följ guide 1 på kurssidan. Mac: glöm inte att köra kommandona under Next steps efter installationen!

2

Git

Ditt skyddsnät

Git

Sparpunkter, som i ett spel

💾 Commit 1Första sidan
→
💾 Commit 2La till meny
→
💥 Commit 3AI:n förstörde något
↩
😌 Tillbakatill commit 2

När en AI ändrar många filer på en gång är Git det som gör att du vågar låta den jobba.

Git

Fem ord att kunna

📁

Repo

En projektmapp som Git håller koll på

💾

Commit

En sparpunkt med en beskrivning

🌿

Branch

En parallell version att experimentera i

⬆️

Push

Skicka dina commits till GitHub

⬇️

Pull / Clone

Hämta från GitHub till datorn

🤖

Bonus

Agenten kan göra allt detta åt dig, om du ber den

Git · gör så här

Installera och presentera dig

🪟 Windows

> winget install --id Git.Git -e

🍎 macOS · 🐧 Linux

$ brew install git
$ sudo apt install git

Alla

$ git config --global user.name "Anna Andersson"
$ git config --global user.email "anna@exempel.se"
$ git --version
git version 2.5x.x

👉 Guide 2 på kurssidan

3

GitHub

Dina projekt på nätet

GitHub

Git ≠ GitHub

🌱

Git

Program på din dator som sparar historiken för ett projekt.

🐙

GitHub

En webbtjänst där repon lagras, delas och samarbetas kring. Och där du kan publicera webbsidor gratis.

GitHub · gör så här

Skapa ett konto

  • 1️⃣Gå till github.com/signup
  • 2️⃣E-post, lösenord och ett användarnamn (syns publikt)
  • 3️⃣Bekräfta e-posten med koden du får
  • 4️⃣Välj Free, det räcker
  • 5️⃣Slå på tvåstegsverifiering
💡

Tips

Välj ett användarnamn du kan tänka dig att visa för en framtida arbetsgivare.

GitHub · gör så här

GitHub CLI: gh

Ett verktyg som låter dig, och agenten, prata med GitHub från terminalen.

# Windows
> winget install GitHub.cli
# macOS
$ brew install gh
# Linux: se guide 3
$ gh auth login
? Where do you use GitHub? GitHub.com
? Preferred protocol? HTTPS
? Authenticate Git? Yes
? How to authenticate? Web browser
✓ Logged in as anna

👉 Guide 3 på kurssidan. Kontrollera med gh auth status

4

Node.js och VS Code

Motorn och verkstaden

Node.js · VS Code

Två verktyg till

🟩

Node.js

Kör JavaScript på din dator. Många webbprojekt och verktyg behöver det.

> winget install OpenJS.NodeJS.LTS
$ brew install node
📝

VS Code

Gratis editor där du ser filerna och granskar AI:ns ändringar.

> winget install Microsoft.VisualStudioCode
$ brew install --cask visual-studio-code

👉 Guide 4 och 5 på kurssidan. Linux-kommandon finns där.

VS Code

Rekommenderade tillägg

$ code --install-extension anthropic.claude-code
$ code --install-extension openai.chatgpt
$ code --install-extension github.vscode-pull-request-github
$ code --install-extension ritwickdey.liveserver
  • ✳️Claude Code i en panel
  • 🌀Codex i en panel
  • 🐙Pull requests
  • 🔴Live Server för webbsidor

Öppna en mapp med code . (punkten betyder ”mappen jag står i”)

5

AI-agenten

Claude Code eller Codex, i en app på datorn

AI-agenten

Välj en av dem

✳️

Claude Code

I Claude-appen, fliken Code. Kräver Claude Pro eller högre.

  • Windows, macOS och Linux (beta)
  • Ladda ner från claude.ai/download
🌀

Codex

I ChatGPT-appen, välj Codex. Kräver ChatGPT Plus eller högre.

  • Windows (Microsoft Store), macOS (M1 eller senare), Linux
  • Länkar finns i guide 6b

Har du redan ett abonnemang? Välj den. Båda fungerar för allt i kursen. 👉 Guide 6a / 6b

AI-agenten · första körningen

Säg hej!

ChatCoworkCode
💻 Local📁 forsta-projektet🚦 Manual
Skapa en enkel webbsida index.html som hälsar mig välkommen till kursen. Använd varma färger.
Jag skapar index.html med en välkomstrubrik och en varm färgskala.
index.html +42 −0AcceptReject
Beskriv vad du vill göra …
  • Välj Local och en tom projektmapp
  • Skriv på svenska, som till en kollega
  • Agenten frågar om lov och visar ändringen först
  • Öppna sidan i webbläsaren 🎉
Klart?

Checklista

$ git --version
$ gh auth status
$ node --version
$ code --version
  • ✅GitHub-konto, inloggad med gh
  • ✅Git vet vem du är
  • ✅Claude- eller ChatGPT-appen är installerad och inloggad
  • ✅Du har skapat din första sida
Om något krånglar

Vanliga problem

”command not found”

Stäng terminalen och öppna en ny. Programmet installerades men terminalen vet inte om det än.

”running scripts is disabled”

Windows: kör Set-ExecutionPolicy -Scope CurrentUser RemoteSigned

brew hittas inte

Kör kommandona under Next steps från Homebrew-installationen.

Lösenordet syns inte

Det är normalt i terminalen. Skriv och tryck Enter.

☕

Paus!

Sedan: vad händer egentligen när AI:n skriver kod?