Deres playbook til vibe coding
Vaner og en tjekliste til hvert build.
Deres playbook til vibe coding er en gratis Vibe-programmering-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Vibe-programmering, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Vibe-programmering-kurset indeholder 4 lektioner i alt.
Fra vaner til en drejebog
Du har lært, hvornår du kan stole på AI, hvordan du undgår faldgruberne, og hvordan du fortsætter med at udvikle dig. Nu samler vi det hele i en gentagelig fremgangsmåde – et sæt vaner og en tjekliste, du kan bruge til hver eneste build.
Dygtige udviklere er ikke dygtige, fordi de er genier. De er dygtige, fordi de følger en proces, der opdager fejl, før brugerne gør. Denne lektion giver dig den proces.
Vane 1: Start med en tydelig specifikation
Den største kvalitetsforbedring sker, før du skriver kode: beskriv tydeligt, hvad du vil have. Uklare prompts giver uklare apps. En god specifikation beskriver målet, inputtet, outputtet og hvad det vil sige, at opgaven er "færdig".
Goal: a tip calculator web page.
Inputs: bill amount, tip percent (buttons: 10/15/20), number of people.
Outputs: tip amount and total-per-person, updating live as I type.
Done means: works on mobile, handles empty/zero input without crashing.
Use plain HTML/CSS/JS, no frameworks.Vane 2: Byg i små trin
Bed ikke om hele appen på én gang. Del den op i små, testbare dele, og kontrollér hver del, før du går videre.
Byg én funktion, kør den, bekræft, at den virker, og gå så videre til den næste. Små trin betyder, at du ved præcis, hvilken ændring der forårsagede problemet, når noget går i stykker. Prompts, der beder om alt på én gang, skaber store fejl, som er frustrerende at finde rundt i.
Vane 3: Kør det hele tiden
Når du kører kode, bliver usynlige antagelser til synlige fakta. Kør den efter hver meningsfuld ændring. Værktøjer som Replit, Bolt og v0 giver dig øjeblikkelige forhåndsvisninger – brug dem konsekvent.
Her er et lille stykke af en drikkepengeberegner. Kør det for at bekræfte matematikken, før du bygger brugergrænsefladen omkring det. Kontrollér kernen, og udvid derefter.
function perPerson(bill, tipPercent, people) {
if (people <= 0) return 0; // guard against divide-by-zero
const total = bill * (1 + tipPercent / 100);
return total / people;
}
console.log(perPerson(100, 20, 4)); // 30
console.log(perPerson(50, 15, 0)); // 0, no crashVane 4: Gennemgå de risikable linjer
Du kan ikke læse alt, og det behøver du heller ikke. Men læs altid de linjer, der berører penge, data, adgang eller sletning. Det er her, skjulte fejl bliver til reel skade.
Skim layoutet og teksten, men gransk den logik, der betyder noget. Det er vurderingen af grønne og røde zoner fra tidligere, anvendt som en fast rutine.
Vane 5: Test grænsetilfældene
Test af den normale situation er let og misvisende. Pålidelighed i praksis kommer fra grænsetilfælde. Få AI til at generere dem for dig, så du ikke selv skal finde på dem alle.
Before I ship this feature, list the edge cases I should test:
empty inputs, zero, negative numbers, very large numbers,
missing fields, and unusual user behavior.
For each, tell me what SHOULD happen, then check my code handles it.Vane 6: Hold det enkelt
Når AI giver dig noget komplekst, skal du sige fra. Spørg: Kan det gøres enklere? Enkel kode har færre steder, hvor fejl kan gemme sig, og den er lettere for både dig og AI at ændre senere.
Enkelhed er en disciplin, du håndhæver i hver prompt, ikke et valg, du træffer én gang. "Gør det enklere" er en af de mest værdifulde instruktioner, du kan give.
Vane 7: Hav altid en vej tilbage
Før du foretager en stor ændring, skal du sikre dig, at du kan fortryde den. Gem dit arbejde, lav en commit i versionsstyringen, eller gem i det mindste en kopi. AI kan omskrive halvdelen af din app på få sekunder, så du får brug for en nødudgang, når det går skævt.
Before we refactor, remind me to save a checkpoint.
Then make the change in the smallest steps possible,
and after each step, tell me exactly what changed so I can roll back
just that piece if I don't like it.Vane 8: Lær én ting i hver build
Før væksttankegangen videre: Hver build bør lære dig mindst én ting. Bed AI om at forklare ét koncept, den brugte, og føj det til din læringsrejse.
Det forhindrer, at fremgangsmåden gør dig mekanisk. Du leverer ikke bare noget – du opbygger dine færdigheder med hvert projekt. Over et år bliver det til en stor forandring.
Tjeklisten før udgivelse
Før du kalder en build "færdig", skal du gennemgå denne tjekliste. Du kan endda give den til AI som en afsluttende kontrol (se prompten nedenfor):
- Skrev jeg en tydelig specifikation?
- Byggede og testede jeg i små trin?
- Kørte jeg det efter hver ændring?
- Læste jeg de linjer, der berører penge, data og adgang?
- Testede jeg tomme, nulstillede og mærkelige input?
- Er det så enkelt, som det kan være?
- Har jeg en vej til at fortryde det?
- Hvad er én ting, jeg lærte?
Review this whole feature against my pre-ship checklist:
1) Does it match the spec? 2) Any unhandled edge cases?
3) Any risky logic on money/data/access I should double-check?
4) Is anything more complex than it needs to be?
Give me a short pass/fail on each with the exact lines to look at.Din fremgangsmåde er din fordel
Alle kan skrive en prompt og få kode. Det, der gør dig pålidelig, er processen omkring prompten: tydelige specifikationer, små trin, konstant kørsel, målrettet gennemgang, test af grænsetilfælde, enkelhed, sikkerhed og læring.
Brug denne fremgangsmåde til hver build, så leverer du apps, der rent faktisk virker, samtidig med at du stille og roligt bliver en virkelig dygtig udvikler. Det er fornuftig vibe-programmering.
Hurtigt tjek
Ifølge fremgangsmåden, hvad er den bedste måde at arbejde på, så du kan se præcis, hvilken ændring der forårsagede problemet, når noget går i stykker?
Opsummering
Du har nu en komplet fremgangsmåde til vibe-programmering:
- Tydelig specifikation, små trin, kør det hele tiden.
- Gennemgå risikable linjer, test grænsetilfældene, hold det enkelt.
- Hav altid en vej tilbage, og lær én ting i hver build.
- Afslut med tjeklisten før udgivelse, og giv den eventuelt til AI, så den kan kontrollere arbejdet.
Det er vanerne hos en effektiv AI-udvikler: hurtig, pålidelig og altid i udvikling. Du har gennemført Begrænsninger og bedste praksis – byg nu med omtanke.
Lær JavaScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 25
- Lektioner
- 100
Ofte stillede spørgsmål
Er lektionen “Deres playbook til vibe coding” gratis?
Ja — alle 3 lektioner i læringssporet Vibe-programmering, inklusive “Deres playbook til vibe coding”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Vibe-programmering-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Deres playbook til vibe coding”?
Vaner og en tjekliste til hvert build. Du øver dig i Vibe-programmering med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Vibe-programmering?
Der kræves ingen tidligere erfaring. Vibe-programmering på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.
Hvor lang tid tager lektionen “Deres playbook til vibe coding”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Vibe-programmering-lektion?
Ja. Alle Vibe-programmering-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Hvornår De skal vibe, og hvornår De skal forstå
- Undgå faldgruber ved AI-kode
- Bliv en rigtig udvikler
- Deres playbook til vibe coding