sandra-larsson
Educator Fullstack Developer Javascript at Chas Academy
{ FJS26 }
Intro till AI och verktygen
just nu
Vad modellerna gör, hur du lär dig med dem, och vad du använder
ÖVERSIKT
Innehåll
01Vad AI faktiskt är3
02Att lära sig med AI12
03Verktygen just nu19
04Säkerhet29
05Vägen vidare33
01
Vad AI faktiskt är
Ingen magi. Statistik, i väldigt stor skala.
01 · BEGREPP
Tre ord som blandas ihop
AI
Paraplybegreppet. Allt från en schackmotor till en språkmodell.
Maskininlärning
System som lär sig mönster ur data istället för att programmeras med regler.
LLM
Stor språkmodell. Tränad på enorma mängder text för att förutsäga nästa token.
Generativ AI
AI som skapar nytt innehåll istället för att sortera eller känna igen befintligt. Text, bild, ljud, kod.
- Äldre AI svarade på frågor av typen "är det här skräppost?". Ett svar ur en given lista.
- Generativ AI producerar något som inte fanns: en text, en bild, en funktion.
- Den hämtar inte fram ett sparat svar. Den bygger ihop ett nytt, bit för bit.
- Därför blir svaret sällan exakt likadant två gånger.
01 · UNDER HUVEN
Ett neuralt nätverk, översiktligt
- Siffror in till vänster, sannolikheter ut till höger.
- Varje linje har en vikt: ett tal som styr hur mycket den påverkar.
- Att träna är att justera vikterna. Ingen databas där inne, bara vikter.
Token
Den minsta textbit modellen räknar i. Inte ett tecken, inte ett ord, utan något mittemellan.
- Vanliga engelska ord blir ofta en token. Ovanliga ord delas upp.
- Svenska kostar fler tokens än engelska, eftersom ordlistorna är engelsktyngda.
- Allt du betalar för och allt som mäts räknas i tokens, in och ut.
Kontextfönster
Allt modellen kan hålla framför sig samtidigt: din fråga, underlaget, historiken och svaret som skrivs.
- Modellen har inget minne mellan samtal. Allt den vet skickas med varje gång.
- Ett långt samtal blir därför dyrare och långsammare för varje tur.
- Mer kontext är inte bättre kontext. Relevant underlag höjer kvaliteten, brus sänker den.
01 · SÅ GENERERAS SVARET
En token i taget
Modellen skriver inte en mening. Den skriver nästa token, om och om igen.
- För varje steg räknar den ut sannolikheter för alla möjliga nästa tokens.
- Sedan väljs en av dem, och hela beräkningen görs om med den inkluderad.
- Därför kan den inte planera slutet innan den börjat skriva.
- Därför kommer text ut ord för ord när du streamar svaret.
01 · STYRKOR OCH SVAGHETER
Bra på, mindre bra på
Ärligt hållet.
Bra på
Långa underlag, sammanfattningar, utkast, struktur, omskrivningar, mönster i text, kod och att följa instruktioner noga.
Mindre bra på
Exakta siffror, färska händelser, att veta vad den inte vet, och allt där du inte själv kan avgöra om svaret är rätt.
Hallucination
Ett svar som låter fullständigt rimligt men inte stämmer. Ett paket som inte finns, en funktion som aldrig fanns, en källa som är påhittad.
- Det är inte en lögn. Modellen har ingen uppfattning om vad som är sant.
- Den är lika säker i tonen när den har fel som när den har rätt.
- Du ansvarar för koden du checkar in. Läs och förstå den först.
02
Att lära sig med AI
Den svåraste delen av kursen, och den viktigaste.
”
Verktyget kan skriva koden åt dig. Det kan inte lära sig programmera åt dig.
”
02 · RISKEN
Illusionen av kompetens
Det här är den vanligaste fällan, och den märks först vid tentan eller på LIA.
- Koden fungerar, uppgiften blir klar, och det känns som att du förstått.
- Att läsa en lösning känns nästan som att kunna den. Det är inte samma sak.
- Nästa gång, utan verktyget, står du still.
- Det som räknas är vad du kan när du sitter i en teknisk intervju.
02 · ARBETSSÄTT
Tre sätt som bygger kunskap
Skriv först, fråga sen
Försök själv. Fastna. Fråga sedan. Kampen innan svaret är där lärandet sitter.
Be om förklaring, inte lösning
"Varför fungerar inte det här?" ger dig mer än "fixa det här".
Låt den förhöra dig
Be om övningar, motfrågor och kodgranskning på det du själv skrivit.
02 · FRÅGOR SOM GER LÄRANDE
Byt ut promptarna
- Istället för "skriv en funktion som...": "jag har skrivit det här, vad missar jag?"
- "Förklara rad för rad vad den här koden gör."
- "Ge mig tre övningar på det här begreppet, från lätt till svår."
- "Vilka frågor skulle en intervjuare ställa om det här?"
- "Visa två sätt att lösa det, och förklara avvägningen."
02 · STUDIELÄGE
Det finns ett läge för det här
Alla tre stora chattverktygen har numera ett läge som undervisar istället för att svara.
ChatGPT Study Mode
Samtalande och följsamt. Tål att du frågar "vänta, varför?" fem gånger i rad.
Gemini Guided Learning
Mest strukturerat. Delar upp ämnet i steg och ber dig förklara innan det går vidare.
Claude Learning Mode
Håller hårdast på att inte ge svaret. Mest sokratiskt av de tre.
02 · STUDIELÄGE
Så slår du på det
Lägena ligger i verktygsmenyn vid promptfältet. Namnen flyttar ibland, men funktionen finns kvar.
- chatgpt.com · välj Study bland verktygen. Ingår i alla planer, även gratis.
- gemini.google.com · välj Guided Learning.
- claude.ai · slå på Learning mode i inställningarna.
- Gemensamt: de ställer motfrågor och ger dig deluppgifter istället för färdig kod.
03
Verktygen just nu
Landskapet ändras snabbt. Kategorierna gör det inte.
03 · KATEGORIER
Fyra sorters verktyg
Lär dig kategorierna, inte produktnamnen. Namnen byts ut.
Kodassistent i editorn
Föreslår kod medan du skriver. GitHub Copilot, Cursor.
Agentiskt kodverktyg
Arbetar i hela projektet över flera steg. Claude Code, Codex.
Chattassistent
Förklaringar, felsökning, resonemang kring designval. Claude, ChatGPT, Gemini.
App-generator
Prompt till körbar applikation. Lovable, v0, Bolt.
03 · KOM IGÅNG
Kodassistent i editorn
Bor i din editor och föreslår kod medan du skriver. Enklast att börja med.
- GitHub Copilot · github.com/features/copilot
- Gratis för verifierade studenter: ansök på education.github.com/pack, aktivera under Settings → Education benefits. Kan ta upp till 72 timmar.
- Installera tillägget GitHub Copilot i VS Code och logga in.
- Cursor · cursor.com · egen editor byggd på VS Code, importerar dina inställningar. Studentpris: cursor.com/students
03 · KOM IGÅNG
Agentiskt kodverktyg
Läser filer, kör kommandon, rättar sig själv. Kraftfullast, och mest att förhålla sig till.
- Claude Code · claude.com/product/claude-code
- Kräver ett betalt Claude-abonnemang, se claude.com/pricing.
- Finns i terminalen, i VS Code, som app och i webbläsaren på claude.ai/code.
- Codex från OpenAI är motsvarigheten där: chatgpt.com/codex
03 · KOM IGÅNG
Chattassistent
Den du frågar när du vill förstå något, inte när du vill ha kod skriven åt dig.
- Claude · claude.ai · har Learning mode.
- ChatGPT · chatgpt.com · har Study Mode.
- Gemini · gemini.google.com · har Guided Learning.
- Alla tre har gratisnivå och duger till det vi ska göra. Välj en och lär känna den ordentligt.
03 · KOM IGÅNG
App-generator
Prompt in, körbar app ut. Snabbast av alla att imponera med, och lättast att tappa kontrollen över.
- Lovable · lovable.dev · fullstack-app med databas och inloggning.
- v0 · v0.app · från Vercel, starkast på gränssnitt i React.
- Bolt · bolt.new · kör projektet direkt i webbläsaren.
- Alla tre har en gratisnivå som räcker för att prova. Den tar slut fort, kolla prissidan innan du planerar ett större bygge.
- Läs koden som kommer ut. Det är där kursen börjar, inte där den slutar.
03 · VAR DE HJÄLPER
Var i stacken de gör nytta
- Frontend: komponenter, layout, tillgänglighet, omskrivningar av gammal kod.
- Backend: API-skelett, validering, felhantering, migrationer.
- Databas: schemaförslag, frågor, indexering du sedan verifierar.
- Test: enhetstester och testdata, ofta den snabbaste vinsten.
- Runt koden: commit-meddelanden, dokumentation, kodgranskning.
Vibe coding
Ett kreativt och intuitivt sätt att programmera där man följer sin känsla snarare än en strikt plan: man promptar en AI, testar idéer direkt i koden och låter nyfikenhet och flow styra processen.
- Utmärkt för att utforska, prototypa och komma igång snabbt.
- Riskabelt när ingen förstår koden som blev kvar.
- Använd det för att lära dig vad som är möjligt, inte för att slippa förstå.
03 · APP-GENERATORER
Var gränsen går
Kommer långt
Ett gränssnitt, en databas, inloggning och en fungerande demo på en förmiddag. Det hade tagit veckor för hand.
Tar slut här
Prestanda, säkerhet, förvaltning och det som är särskilt för just din verksamhet. Där behövs du.
03 · DIN KOMPETENS
Vad du måste kunna själv
Det verktygen inte gör åt dig är precis det som gör dig anställningsbar.
- Läsa kod och avgöra om den är rätt, inte bara om den kör.
- Felsöka när du inte förstår varför något går sönder.
- Välja teknik och kunna motivera valet för någon annan.
- Förstå hur data flödar genom systemet du bygger.
- Kommunicera avvägningar till människor som inte kodar.
04
Säkerhet
Det som skiljer en utvecklare från en promptare.
04 · FYRA RISKER
Det du måste ha i åtanke
Läckage
Allt du klistrar in kan lagras. Kundkod, personuppgifter och nycklar hör inte hemma i en prompt.
Prompt injection
Innehåll som verktyget läser kan innehålla instruktioner. Data är data, inte instruktioner.
Osäker kod
Genererad kod kan se korrekt ut och ändå vara sårbar. Du ansvarar för det du checkar in.
Beroenden
Föreslagna paket kan vara övergivna, onödiga eller ha en licens som inte går att använda.
04 · PROMPT INJECTION
Den risk som är ny
Om ett verktyg läser innehåll utifrån kan innehållet vara riktat till modellen.
- En webbsida, ett issue, en fil eller ett svar från ett API kan bära instruktioner.
- Modellen kan inte säkert skilja ditt uppdrag från text den läser.
- Allvarligast när ett agentiskt verktyg både läser okänd indata och får köra kommandon.
- Regeln: behandla allt inläst innehåll som data, aldrig som instruktioner.
04 · HEMLIGHETER OCH PERSONUPPGIFTER
Nycklar och GDPR
- API-nycklar ska aldrig ligga i koden, varken din egen eller den du låter generera.
- En nyckel som råkat committas är läckt även om du tar bort den. Publika repon skannas av botar inom minuter.
- En personuppgift är allt som pekar på en levande person. IP-adresser och kak-id:n räknas.
- Behöver modellen verkligen namnen? Oftast inte. Osäker? Kör på ett påhittat exempel.
05
Vägen vidare
05 · LÄRA DIG MER
Var du gräver vidare
- docs.claude.com · teknisk dokumentation och guide till att skriva prompter.
- academy.claude.com · kursplattform, inklusive grunderna och vad modeller klarar.
- modelcontextprotocol.io · den öppna standarden för att koppla AI-verktyg till andra system.
- Kursens instuderingsmaterial: avsnittet AI-verktyg och säkerhet på kurswebben.
- Bygg något litet mot ett API. En eftermiddag ger mer än tio artiklar.
”
Verktygen byts ut varje år. Förståelsen för hur de fungerar gör det inte.
”
Intro till AI och verktygen just nu
By sandra-larsson
Intro till AI och verktygen just nu
FJS26, forelasning 9 september 2026. Intro till AI, att lara sig med AI, och verktygen just nu med lankar och kom-igang-instruktioner.
