Landskapet för AI-kodning
Få en överblick över verktygen Ni kan bygga med.
Landskapet för AI-kodning är en gratis lektion i Vibe Coding på CoddyKit. Detta är lektion 1 av 4. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för Vibe Coding, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Vibe Coding innehåller totalt 4 lektioner.
Vad är AI-kodning?
Välkommen! AI-kodning innebär att bygga riktig programvara genom att beskriva vad du vill ha med vanligt språk, i stället för att skriva varje rad själv. Du pratar, och AI skriver koden.
Varför så många verktyg?
Det finns dussintals verktyg för AI-kodning, och listan fortsätter att växa – det kan kännas överväldigande. Den goda nyheten är att du bara behöver känna till några få kategorier, inte alla produkter.
De tre stora familjerna
Nästan alla verktyg tillhör en av tre familjer: chattassistenter (du frågar och de svarar), IDE-assistenter (ger förslag medan du skriver) och agenter (utför många steg).
Chattassistenter
En chattassistent är den enklaste typen: öppna ett fönster och fråga med vanliga ord. Den passar perfekt för att lära sig, komma vidare när du har fastnat eller hämta ett litet kodexempel. Prova instruktionen nedan.
I'm new to coding. In simple terms, what does a "function" do in a program? Give me one short example.IDE-assistenter
En IDE-assistent finns inuti din kodredigerare och föreslår nästa rader medan du skriver, ungefär som autokomplettering. Den ser dina filer och hjälper dig att behålla arbetsflödet.
Add a comment line, then let the assistant fill in the code:
// create a button that says "Sign up" and turns blue when hoveredAI-agenter
En agent är den mest kraftfulla familjen. Ge den ett mål så planerar och utför den många steg på egen hand – skapar filer, skriver kod och till och med rättar sina egna misstag.
Build a simple to-do list web page. I should be able to add a task, mark it done, and delete it. Keep the design clean and use only one HTML file.I molnet eller på din dator
Verktyg skiljer sig också åt beroende på var de körs: i webbläsaren (inget att installera) eller på din dator (snabbare och mer privat). Som nybörjare är webbläsarverktyg enklast.
Gratis eller betalt
De flesta verktyg har en gratisnivå, så att du kan prova dem utan kostnad. Betalplaner ger högre hastighet och större begränsningar. Börja gratis och betala först när ett verktyg tydligt hjälper dig.
What can I do for free with this tool, and what extra features come with the paid plan? Answer in a short bullet list.Modellen bakom verktyget
Varje verktyg drivs av en AI-modell – hjärnan som läser dina ord och skriver kod. Kom bara ihåg: verktyget är appen du klickar på, medan modellen är dess motor.
Det som förblir detsamma
Verktyg förändras snabbt, men den centrala färdigheten gör det inte: att beskriva tydligt vad du vill ha. Ange vad det ska göra, vem det är till för och vilka begränsningar som gäller – då kan du enkelt byta verktyg.
Make a page that shows today's weather for one city. Keep it beginner-friendly, no sign-up, and explain each step you take.Du behöver inte alla
Det är frestande att jaga varje nytt glänsande verktyg, men det saktar ner dig. De flesta utvecklare väljer ett chattverktyg och ett agent- eller IDE-verktyg och håller sig till dem.
Snabb kontroll
Nu ser vi vad du kommer ihåg från den här lektionen.
Sammanfattning
Bra jobbat! Verktygen tillhör tre familjer – chatt, IDE-assistent och agent – och den bestående färdigheten är att beskriva tydligt. Härnäst jämför vi dem sida vid sida.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 25
- Lektioner
- 100
Vanliga frågor
Är lektionen ”Landskapet för AI-kodning” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen Vibe Coding, inklusive ”Landskapet för AI-kodning”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i Vibe Coding innehåller totalt 4 lektioner.
Vad lär jag mig i ”Landskapet för AI-kodning”?
Få en överblick över verktygen Ni kan bygga med. Ni övar på Vibe Coding med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig Vibe Coding?
Du behöver inga förkunskaper. Utbildningen i Vibe Coding på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.
Hur lång tid tar lektionen ”Landskapet för AI-kodning”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här Vibe Coding-lektionen?
Ja. Varje Vibe Coding-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Landskapet för AI-kodning
- Chatt kontra agent kontra IDE-assistent
- Matcha verktyg med uppgifter
- Konfigurera Ert första verktyg