Claude Code 101

Dit is Bram. Bram heeft een koffiebar en een simpele website. Op die site staat: open tot 17:00. Een maand geleden ging hij naar 18:00. De website zegt nog steeds 17:00, want Bram kan niet programmeren, en de vriend die de site bouwde zit op vakantie.

Elke dag staat er iemand voor een dichte deur, of mist iemand het laatste uur koffie. Om één regel tekst.

Deze cursus leert je die regel zelf te fixen, binnen een minuut, door één zin in gewone taal te typen. De tool heet Claude Code. Jij zegt wat je wilt, het voert de wijziging uit, het vertelt wat het deed, en jij controleert het resultaat.

De hele methode is één kleine cirkel. Jij beschrijft wat je wilt. Je laat Claude het doen. Jij controleert het resultaat. Drie stappen, en je raakt zelf nooit een bestand aan. Deze cirkel komt in elke les terug.

Beschrijf het → Laat het doen → Controleer het. Deze cirkel is de hele methode. Hij komt in elke les terug.

De 17:00-fout, live gefixt

Nu geef jij de opdracht

1. Op mijn website staat dat we open zijn tot 17:00. Dat is 18:00 geworden. Pas het aan, en als de openingstijden op meer plekken staan, fix ze dan allemaal.Welk deel van deze opdracht zorgt dat geen enkele plek met de oude tijd wordt gemist?"als de openingstijden op meer plekken staan, fix ze dan allemaal" (Dat zinsdeel laat Claude door de hele site zoeken, niet alleen op de ene plek die jij toevallig kent. Zo wordt een halve fix een hele.)
2. Claude Code: Nummer vervangen in de footer en op de contactpagina. Verder niets veranderd.Je hebt dit antwoord net gelezen. Wat doe je nu?De site openen en naar de footer en de contactpagina kijken (Controleren is jouw helft van het werk, en het kost tien seconden. Jij zegt het, Claude doet het, jij kijkt. Die lus is de hele methode.)

Welke opdracht kan Claude Code direct uitvoeren?

B · De concrete opdracht. A geeft niets om vast te pakken. B noemt de plek, het oude en het nieuwe. Concreet wint het elke keer van vaag.

Deze regel staat nu op de site. Wifi is tegenwoordig gewoon gratis, zonder aanvraag. Typ de opdracht die dit fixt.

Je wilt één foute of verouderde regel op je eigen koffiebar-website fixen door Claude Code één duidelijke opdracht te geven die noemt wat er verandert, waar, en wat onaangeroerd blijft.

Je kunt nu:

- De drie stappen van de cirkel benoemen: beschrijf het, laat het doen, controleer het. - Een opdracht die Claude kan uitvoeren onderscheiden van een die dat niet kan: hij noemt de plek, het oude en het nieuwe.

Morgen zet Bram het gereedschap klaar op zijn eigen computer. Tien minuten, één keer.

Vandaag zet Bram het gereedschap klaar. Tien minuten, één keer, en daarna nooit meer. Geen programmeren, geen instelschermen, gewoon drie korte stappen en een venster dat op je wacht.

De terminal is gewoon een venster waarin je tegen je computer typt in plaats van klikt. Je opent hem, je installeert Claude Code één keer, en je start hem door claude te typen. Dat is de hele installatie.

1. Open de terminal: Mac: druk cmd en spatie, typ terminal, druk enter. Windows: installeer eerst WSL2 (zie de waarschuwing hieronder). 2. Installeer: npm install -g @anthropic-ai/claude-code 3. Start: claude — je ziet een welkomstscherm. Dat is alles.

Important

De allereerste start

Het venster leren lezen

1. $ claude command not found: claudeJe typte claude en de terminal antwoordde dit. Wat betekent het waarschijnlijk?De installatie is niet afgerond, dus de terminal kent het woord nog niet ("Command not found" betekent dat de terminal dat woord nog niet kent. De installatiestap leert hem het woord. Er is niets kapot.)

Welke klopt?

B · De werkelijkheid. Hij oogt kaal omdat hij oud is, maar het is gewoon een venster waarin je typt en leest. Geen programmeren nodig.

Nu jij. Doe de drie stappen echt, of als het nu even niet uitkomt, zet een concreet kwartier deze week in je agenda. Zodra het welkomstscherm verschijnt, plak het hieronder en ik bevestig dat je klaarstaat.

1. Open de terminal. Op Mac: druk cmd en spatie, typ terminal, druk enter. Op Windows: open je WSL2-terminal.
2. Installeer Claude Code. Voer deze regel één keer uit.npm install -g @anthropic-ai/claude-code
3. Start hem. Typ claude en wacht tot het welkomstscherm verschijnt.claude

Laat de geplakte uitvoer zien dat Claude Code is gestart met een welkomstscherm en klaarstaat, en wat is het ene ding dat de leerling nu zou moeten proberen?

Je kunt nu:

- De drie installatiestappen op volgorde benoemen: terminal openen, installeren, starten. - Zeggen wat de terminal is: een gewoon venster, geen programmeren.

Morgen opent Bram voor het eerst zijn eigen site, bang om iets kapot te maken. Hij leert dat kijken niets breekt.

Bram opent voor het eerst Claude Code in de map van zijn website, en zijn hand zweeft boven het toetsenbord. Wat als hij iets kapotmaakt? Vandaag kan dat niet. Kijken breekt niets, en dat is precies waar de eerste sessie voor is.

Een website is geen magie. Het is een map met bestanden erin, en Claude Code kan ze allemaal zien. Sommige doen ertoe voor je vraag, andere niet. Dit is wat Claude ziet als het de site van Bram opent.

De map van Brams site (wat Claude ziet) index.html (de voorpagina), contact.html, menu.html, fotos/ (12 bestanden), stijl.css (hoe alles eruitziet), oud-backup/ (negeert Claude gewoon)

Een rondje kijken, en eerst een vraag

Waarom zeg je het hardop

1. Vertel me wat er in deze map staat en wat elk bestand doet. Verander niets.Welk deel van deze opdracht maakt de sessie gegarandeerd veilig, nog voordat Claude iets vraagt?"Verander niets" ("Verander niets" maakt van een rondje kijken een sessie die geen enkel bestand kan aanraken. Precies wat je wilt bij je allereerste poging.)

Welke kan onmogelijk kwaad?

A · De kijk-vraag. A leest alleen en rapporteert. B zou dingen wijzigen, dus daar zou Claude eerst voor vragen, maar A kan sowieso niets beschadigen.

Je hebt hier net Claude gestart. Dit is de hele map. Typ een kijk-vraag die niets verandert.

Je wilt begrijpen wat er in een project zit voordat je iets verandert, door Claude Code een kijk-vraag te stellen die duidelijk verbiedt om iets aan te passen.

Je kunt nu:

- Zeggen wat een website technisch is: een map met bestanden. - Benoemen wanneer Claude toestemming vraagt: voordat het ook maar iets wijzigt.

Morgen wil Bram een echte wijziging, en het verschil tussen een vage wens en een scherpe opdracht bepaalt of hij hem krijgt.

Weet je die ergernis nog die je in les 1 opschreef? Vandaag maak je er een echte opdracht van. Bram doet zo dadelijk hetzelfde met zijn menupagina, en het verschil tussen een wens en een resultaat zit in vier kleine dingen.

Een sterke opdracht heeft vier onderdelen, en elk heeft een kleur die je in elke les terugziet. Wat je wilt, waar het staat, wat er niet mag veranderen, en hoe je controleert. Dit is de opdracht van Bram, uit elkaar gehaald.

Verander de kop van de menupagina in Onze koffie op menu.html laat de prijzen precies zoals ze zijn en vertel me daarna wat je hebt aangepast (doel: Wat je wilt · plek: Waar het staat · controle: Hoe jij controleert · beperking: Wat er niet mag veranderen)

Eerst vaag, dan scherp

Als je het niet kunt formuleren

1. Een truc voor als je zelf nog niet precies weet wat je wilt. Zeg: interview me eerst over wat ik wil, en maak daarna pas een plan. Claude stelt je vragen tot de opdracht zichzelf schrijft.
2. Jij: Maak de menupagina beter. Claude: Wat bedoel je met beter? Ik zie prijzen, koppen en foto's. Welke daarvan moet veranderen, en welke kant op?Claude antwoordde op de opdracht hierboven met een wedervraag in plaats van een wijziging. Waarom?Er was niets concreets om op te handelen, dus vroeg het door in plaats van te gokken (Een wedervraag is het systeem dat je beschermt. Zonder plek, doel en grens zou elke wijziging een gok zijn, en gokken is waar het misgaat.)

Welke opdracht is compleet?

B · Met grens. A mist de grens, wat er niet mag veranderen. B heeft alle vier de onderdelen, dus een kleine fix blijft klein.

Bram wil dat de middelste regel "ontvang onze wekelijkse koffietips" wordt. Schrijf de volledige opdracht, alle vier de onderdelen: wat, waar, wat onaangeroerd blijft, en hoe je controleert.

Je wilt een volledige opdracht geven met alle vier de onderdelen: wat er verandert, waar, wat onaangeroerd blijft, en hoe je het gaat controleren.

Je kunt nu:

- De vier onderdelen van een goede opdracht benoemen: wat, waar, wat niet mag veranderen, hoe je controleert. - Een wedervraag lezen als een pluspunt, niet als een mislukking: Claude vraagt door in plaats van te gokken.

Morgen wil Bram iets groters dan één zin, een specials-bord op zijn homepage. Daarvoor bestaat de gratis offerte.

Bram wil iets groters dan een fix van één regel. Een specials-bord op zijn homepage, dat elke week verandert. Te groot om iemand blind aan te laten beginnen. Dus vraagt hij eerst om het plan, zoals je een aannemer om een offerte vraagt voordat het werk begint.

Plan Mode maakt van één grote klus vier rustige stappen. Jij vraagt. Claude schrijft een plan. Jij zegt ja, of je stuurt het bij. Pas daarna bouwt Claude. Je bedenken op het plan kost niets.

1. Jij vraagt: Beschrijf het grotere dat je wilt. 2. Claude plant: Een genummerd plan: de stappen, de bestanden, wat verandert. 3. Jij zegt ja: Keur het goed, of stuur het bij voordat er één regel gebouwd is. 4. Claude bouwt: Nu gebeurt het werk, langs het plan waar je ja op zei.

Om de offerte vragen

Wanneer sla je het plan over

1. A) Verander het telefoonnummer op de contactpagina in 020 765 4321. B) Voeg een wekelijks specials-bord toe dat elke week een andere aanbieding toont.Bij welke van deze twee verzoeken is eerst om een plan vragen de moeite waard?B, het wekelijkse specials-bord (A past in één zin en raakt één plek, dus een plan is meer werk dan de wijziging. B raakt meerdere dingen en draait wekelijks, dus een plan dat je eerst kunt bijsturen is de moeite waard.)

Wat is de veiligere start voor een grote klus?

B · Eerst een plan. Een grote klus blind gebouwd kan ver afdwalen voordat je het merkt. B geeft je een gratis offerte die je kunt corrigeren voor de prijs van niets.

Die 12 barfoto's zitten in een map, ongezien. Je wilt een fotogalerij. Typ het grotere verzoek, en vraag eerst om een plan.

Je wilt een grotere wijziging, dus vraag je Claude Code om eerst een plan te maken en op jouw akkoord te wachten voordat er iets gebouwd wordt.

Je kunt nu:

- Zeggen wat Plan Mode garandeert: eerst een plan, pas bouwen na jouw ja. - Benoemen wanneer een plan overbodig is: als de wijziging in één zin past.

Morgen wordt het goedgekeurde plan echt gebouwd, en Bram leert waarom dingen proberen veilig is.

Bram heeft het plan van gisteren, goedgekeurd en klaar. Vandaag gaat het specials-blok er echt in. Hij is een beetje gespannen, maar onder alles wat hij zo doet ligt een vangnet: hij kan elke wijziging terugdraaien, meteen.

Dit is de homepage voor en na. Je leest de code niet, je leest wat er veranderde en waar. Bevalt het niet, dan zet één zin het terug.

Voer het goedgekeurde plan uit: een specials-blok bovenaan de homepage. — Voor: Bram's Koffiebar / Open tot 18:00 / Onze koffie · Contact → Na: Bram's Koffiebar / Deze week: oat flat white + kaneelbroodje / Open tot 18:00 / Onze koffie · Contact

Bouw het, draai het terug

Important

Waarom verplaatsen, niet verwijderen

1. Je zei tegen Claude om elk twijfelbestand naar een map genaamd twijfel te verplaatsen, en niets te verwijderen. Een week later merk je dat een van die bestanden toch nog nodig was.Omdat je de bestanden verplaatste in plaats van verwijderde, wat kun je nu doen?Het bestand terughalen uit de map twijfel (Verplaatsen is omkeerbaar, verwijderen vaak niet. Twijfel parkeren in een map genaamd twijfel geeft je alle netheid zonder het risico.)

Welke opdracht is veilig om te geven?

B · De veilige opruiming. A is het 11 GB-verhaal dat op gebeuren staat. B doet dezelfde opruiming, maar elk twijfelbestand overleeft, klaar om terug te komen.

Nu jij. Pak het plan uit les 5, of welke kleine echte wijziging dan ook op je eigen project, en voer hem echt uit. Draai hem daarna, puur om het vangnet te voelen, terug. Zonder angst bouwen begint hier. Plak de samenvatting van Claude hieronder.

1. Start Claude in de map van je eigen project.claude
2. Geef één duidelijke opdracht voor een kleine echte wijziging, alle vier de onderdelen.Op [pagina] staat [oud], verander het in [nieuw]. Laat de rest van de pagina zoals hij is, en vertel me wat je veranderde.
3. Lees de samenvatting en open de pagina om te controleren dat de wijziging klopt.
4. Voel het vangnet: draai de wijziging terug, en zet hem daarna weer terug.Draai die laatste wijziging terug. Zet hem daarna precies terug zoals hij was.

Zegt de geplakte samenvatting duidelijk wat er waar veranderde, en lijkt het een kleine, veilige wijziging die je terug kunt draaien?

Je kunt nu:

- Een wijziging terugdraaien: Esc Esc of /rewind zet het terug. - De ene regel benoemen die rampen voorkomt: verwijder nooit, verplaats naar twijfel.

Morgen is Bram het zat om elke sessie zijn huisstijl opnieuw uit te leggen. Daar is een briefje voor.

Bram is het zat om elke sessie hetzelfde te zeggen. Kleuren zijn bruin op crème. Houd de toon kort en vriendelijk. Kom nooit aan de prijzen tenzij ik het vraag. Elke keer dat hij een nieuwe sessie opent, legt hij het weer uit. Het kan beter: schrijf het één keer op.

CLAUDE.md is een gewoon bestand bovenaan je project. Claude leest het automatisch bij het begin van elke sessie, als een inwerkbriefje voor een nieuwe collega. Schrijf je huisregels één keer op, en ze gelden voor altijd.

De map van Brams site, met het briefje bovenaan CLAUDE.md (wordt bij elke sessie automatisch meegelezen), index.html, contact.html, menu.html, stijl.css

Eén keer opschrijven, altijd toegepast

Important

De snoeitest

1. CLAUDE.md - Kleuren zijn bruin op crème - Verander nooit prijzen tenzij ik het vraag - Wees creatief - Houd de toon kort en vriendelijkEén van deze vier regels verdient zijn plek het minst. Welke zou je schrappen?Wees creatief ("Wees creatief" is vaag en voorkomt geen fouten als je hem weglaat. De snoeitest: veroorzaakt het weglaten van een regel geen fouten, weg ermee.)

Welk briefje werkt beter?

B · Het scherpe briefje. Vijf regels die Claude echt kan volgen winnen het van vijfentwintig die het moet afwegen. Scherp en kort wint.

Nu jij. Schrijf de CLAUDE.md voor je eigen project, drie tot vijf regels, niet meer. Elke regel moet iets zijn wat een nieuwe hulp echt moet weten: een kleur, een toon, iets waar ze nooit aan mogen komen. Start daarna een sessie en zie het vanzelf gevolgd worden. Plak de CLAUDE.md die Claude maakte hieronder.

1. Vraag Claude het geheugenblad met jouw regels te maken.Maak een CLAUDE.md voor dit project met deze regels: [regel 1], [regel 2], [regel 3]. Houd het kort.
2. Lees het en schrap alles wat een nieuwe hulp niet echt nodig heeft. Drie tot vijf regels is genoeg.
3. Start een nieuwe sessie, geef een kleine taak, en zie de regels vanzelf gevolgd worden zonder dat je ze herhaalt.claude

Bevat de geplakte CLAUDE.md drie tot vijf duidelijke, nuttige regels die een nieuwe hulp echt nodig heeft, en ontbreekt er iets of staat er iets overbodigs in?

Je kunt nu:

- Zeggen wat CLAUDE.md doet: het wordt bij elke sessiestart meegelezen, dus huisregels gelden zonder herhalen. - De snoeitest toepassen: veroorzaakt het weglaten van een regel geen fouten, schrap hem.

Morgen wordt Brams sessie van twee uur traag en verward. De oplossing is niet harder praten, maar opnieuw beginnen.

Brams sessie loopt al twee uur. Hij wordt traag, en vergeet steeds dingen die Bram in het begin zei. Zijn reflex is harder uitleggen. De echte oplossing is het tegenovergestelde: opnieuw beginnen. Een lang gesprek is een vol hoofd, en een vol hoofd laat de oude dingen vallen.

Binnen één gesprek heeft Claude een werkgeheugen dat volloopt. Hoe langer je praat, hoe meer de vroege details eruit glippen. Door /clear te typen leeg je het gesprek en krijg je een scherpe, schone start voor de volgende klus.

1. Vol hoofd: Een lang gesprek, oude info valt er onderaan uit. 2. /clear: Leeg het gesprek, een schone lei. 3. Nieuwe klus: Eén regel context, en het is weer scherp.

Leegmaken en herstarten

Nog even over geld, want dat is goed nieuws. Deze fix op de contactpagina kostte ongeveer veertig cent aan verbruik. Het webbureau rekent er honderdvijftig euro voor. Maar lange rommelgesprekken verbranden verbruik zonder resultaat, dus typ /usage om te zien waar je staat.

Herken de sessie die misgaat

1. Deze week heb je drie klussen op de site: het menu, de foto's en de nieuwsbrief. Hier zijn vier manieren om je sessies te draaien.Welke van deze vier gaat mis?Eén lang gesprek met het menu, de foto's en de nieuwsbrief allemaal door elkaar (De alles-in-één-sessie, alles in één gesprek, is de nummer één beginnersfout. Het werkgeheugen loopt over en de kwaliteit zakt.)

Welke levert beter werk op?

B · Korte sessies. Korte, gerichte sessies houden het werkgeheugen scherp en kosten minder. De marathon vergeet zijn eigen begin.

Je bent twee uur bezig in deze sessie en hij is traag geworden. Typ /usage om te zien wat het werk tot nu toe heeft gekost.

Je wilt Claude scherp houden en je kosten laag: kijk wat het werk heeft gekost, of vraag Claude de sessie samen te vatten zodat je met een helder hoofd opnieuw kunt beginnen.

Je kunt nu:

- Zeggen wat /clear doet en wat het niet wist: het leegt het gesprek, niet je bestanden of CLAUDE.md. - Uitleggen waarom kort beter is dan lang: het werkgeheugen blijft scherp, en het kost minder.

Morgen wil Bram een hele nieuwe pagina. Hij leert grote dingen te bouwen als een handvol kleine stappen.

Bram wil een hele nieuwe pagina: taarten op bestelling. Het voelt enorm, en enorm is waar mensen bevriezen. De truc is om het niet in één keer te bouwen. Je bouwt het als vier kleine, geordende stappen, elk makkelijk te controleren voordat de volgende komt.

Dit zijn de vier stappen voor de taartenpagina. Eerst het skelet, dan de inhoud, dan het formulier, dan een controle. Elke stap is één opdracht, en je bekijkt het resultaat voordat je verdergaat.

1. 1. Skelet: Maak een nieuwe pagina taarten.html met dezelfde kop en footer als menu.html. 2. 2. Inhoud: Voeg de taarten toe, elk met een naam, een foto en een prijs. 3. 3. Formulier: Voeg een bestelformulier toe: naam, taart, afhaaldatum. 4. 4. Controle: Loop de pagina na op mobiel-weergave en vertel wat er nog mis is.

Stap één, en een kleine misser

Zet ze op volgorde

1. Vier stappen voor de nieuwe taartenpagina, door elkaar: - het bestelformulier - de skeletpagina met kop en footer - de controle in mobiel-weergave - de lijst met taartenWelke van deze vier stappen moet eerst?De skeletpagina met kop en footer (Een pagina moet bestaan voordat je hem kunt vullen. Eerst het skelet, dan de inhoud, dan het formulier, dan de controle. Volgorde houdt elke stap klein.)

Welke is de betere start?

B · Stap één van vier. De mega-prompt vraagt alles tegelijk, dus als er iets scheef zit weet je niet welk deel. Stap één van vier geeft je meteen iets om te controleren.

Nu jij. Bouw één nieuwe pagina op je eigen project in vier stappen: skelet, inhoud, het interactieve deel, dan een controle. Voer er één uit, bekijk het resultaat, voer de volgende uit. Claude naar bestaand werk wijzen geeft je een hele stijl in één korte zin. Plak hieronder wat Claude na de eerste stap meldt.

1. Vraag alleen om het skelet, in de stijl van een pagina die je al mooi vindt.Maak een nieuwe [pagina] met alleen de indeling, nog geen echte inhoud. Maak het zoals de [bestaande] pagina.
2. Bekijk het resultaat en vraag daarna om de inhoud.Vul het nu met deze inhoud: [jouw tekst].
3. Voeg het interactieve deel toe (een formulier, een knop, een galerij).Voeg [het interactieve deel] toe en vertel me wat je veranderde.
4. Controleer het: open de pagina en klik erdoorheen.

Laat het geplakte resultaat zien dat een pagina stap voor stap wordt gebouwd, in de stijl van iets bestaands, in plaats van alles in één keer?

Je kunt nu:

- Zeggen waarom klein wint: elke stap is makkelijk te controleren, dus fouten blijven klein. - De verwijs-truc gebruiken: "maak het zoals de [bestaande pagina]" kopieert een hele stijl in één keer.

Morgen doet het bestelformulier het niet bij de eerste poging. Dat is normaal, en dat is de hele les.

Brams bestelformulier doet het niet bij de eerste poging. Druk op versturen, en er gebeurt niets. Zijn maag draait om. Maar dit is geen ramp, het is het meest normale moment bij het bouwen van wat dan ook. De les van vandaag is precies dit: wat je doet als het misgaat.

Je hoeft de oorzaak niet te begrijpen. Jij beschrijft wat je ziet, en Claude zoekt uit waarom. Dit is Brams kapotte formulier, de vervolg-opdracht die hij typte, en het resultaat.

Wat Bram zag: Bestelformulier op taarten.html / Druk op versturen... er gebeurt niets / Geen bevestiging, geen mail — De vervolg-opdracht: "Het formulier op taarten.html doet niets als ik op verstuur klik. Er komt geen bevestiging en geen mail. Zoek uit waarom en fix het." → Na de fix: Bestelformulier op taarten.html / Druk op versturen... "Bedankt, we hebben je bestelling" / Bevestigingsmail verstuurd

Plak de fout, krijg de fix

Note

Zien, niet gokken

1. Error: form action not definedJe bestelformulier liet deze rode tekst zien. Wat is de beste zet?Kopieer en plak hem precies zoals hij is naar Claude (Een foutmelding is informatie, geen straf. Precies zoals hij is geplakt, is het het nuttigste wat je Claude kunt geven, en je hoeft hem zelf nooit te begrijpen.)

Welke is nuttiger voor Claude?

B · Wat je echt ziet. A is een gok die fout kan zijn. B is wat er echt gebeurt, en dat kan Claude terugleiden naar de echte oorzaak.

Dit inschrijfvak staat op de homepage. Klik op Aanmelden en er gebeurt niets, geen bevestiging. Beschrijf wat je ziet, zodat Claude het kan fixen.

Je wilt een bug helder melden: beschrijf wat je deed, wat je zag, en wat je verwachtte, zodat Claude de oorzaak kan vinden en fixen.

Je kunt nu:

- De twee-keer-regel toepassen: na twee mislukte fixes, /clear en schoon beginnen. - Zeggen wat je plakt bij een foutmelding: de hele melding, precies zoals hij is.

Morgen gaat de taartenpagina eindelijk de wereld in. Save-points, en dan live.

De taartenpagina werkt. Nu moet hij de wereld in, en naar Brams klanten. Twee ideeën doen dat, en allebei kosten ze vijf minuten. Een save-point, zodat je altijd terug kunt. En live gaan, zodat iedereen het kan zien.

Een commit is een save-point, een foto van je hele project op dit moment. Je kunt altijd terug naar elke foto. Je maakt een foto, je verbouwt, je maakt een nieuwe foto. Simpel, en het maakt elke wijziging voorgoed omkeerbaar.

1. Foto maken: Een commit: je kunt altijd terug naar precies deze staat. 2. Verbouwen: Maak je wijzigingen, probeer dingen, bouw. 3. Nieuwe foto: Nog een commit, zodat ook deze versie bewaard is.

Bewaar het, zet het live

Note

Wanneer bewaar je

1. Je staat op het punt Claude het hele navigatiemenu van je site te laten herbouwen, een grotere wijziging die meerdere pagina's tegelijk raakt.Wat is het beste moment om een save-point te maken?Nu meteen, vóór deze grotere wijziging, zodat je altijd terug kunt (Een save-point vóór een grotere klus betekent dat het ergste geval "terug naar de laatste foto" is, niet "opnieuw beginnen". Goedkope verzekering, vaak genomen.)

Bij welke slaap je rustig?

B · Een foto vóór elke klus. Zonder save-points kun je een slechte wijziging alleen uit je geheugen terugdraaien. Mét save-points heb je altijd een goede versie om naar terug te keren.

Nu jij. Maak je eerste save-point op je eigen project, met een korte omschrijving. Zet het daarna live. Claude loopt je erdoorheen. Binnen een paar minuten heb je een echt webadres voor iets wat je zelf bouwde. Plak hieronder wat Claude je vertelt.

1. Vraag Claude een save-point te maken met een korte omschrijving van wat je deed.Bewaar mijn werk met de omschrijving "[wat je vandaag veranderde]".
2. Vraag Claude de site live te zetten en je het adres te geven.Zet deze site live en geef me het webadres.
3. Open het adres in een gewone browser om het echt te zien.

Bevestigt de geplakte uitvoer dat er een save-point is gemaakt en geeft het een echt webadres dat de leerling kan openen?

Je kunt nu:

- In gewone taal zeggen wat een commit is: een foto van je project waar je altijd naar terug kunt. - Zeggen wat deploy betekent: je site online zetten op een webadres.

Morgen nog één gewoonte, die mensen die goed werk opleveren onderscheidt van mensen die alleen maar opleveren: het zelf controleren.

Bram heeft nu een ritueel, na elke klus. Telefoon in de hand, site open, doorklikken wat er veranderde. Het kost tien seconden en het heeft hem al twee keer gered. Deze laatste les maakt van dat ritueel een gewoonte, en geeft je de sleutels om alleen door te gaan.

Het controle-ritueel is vier snelle bewegingen. Open de site, klik wat veranderd is, kijk op je telefoon, en klopt iets niet, beschrijf het zoals je in les 10 leerde. Tien seconden, elke keer.

1. Open de site: Kijk naar het echte ding, niet naar de samenvatting. 2. Klik wat veranderd is: Probeer precies wat je net vroeg. 3. Check op je telefoon: De meeste bezoekers zitten op een telefoon. Kijk daar ook. 4. Klopt iets niet?: Beschrijf wat je ziet (les 10) en fix het.

Laat Claude bewijs tonen

Note

Welke gewoonte dit oplost

1. De vijf gewoontes die mensen de das omdoen: - Alles in één gesprek proppen - Blijven corrigeren na twee missers - Ja zeggen zonder plan bij grote klussen - Nooit zelf kijken - Iets laten verwijderenWelke van deze lost het tien-seconden-controle-ritueel van vandaag direct op?Nooit zelf kijken (Het controle-ritueel, de site openen en met je eigen ogen kijken, is het exacte tegenovergestelde van nooit kijken. Elke andere gewoonte heeft zijn eigen remedie: /clear voor proppen, de twee-keer-regel voor rondjes, Plan Mode voor grote klussen, verplaats-niet-verwijder voor verwijderingen.)

Welke houdt je uit de problemen?

B · Het tien-seconden-ritueel. "Het is af" is een bewering. Je eigen ogen op de echte pagina zijn bewijs. Het tien-seconden-ritueel is wat opgeleverd werk echt goed maakt.

Nu jij, een laatste keer. Doe het ritueel op je live project, nu meteen. Klopt iets niet, dan weet je precies wat te doen. Klopt het, dan sloot je de lus zoals een professional. Plak hieronder wat je zag en ik bevestig dat je het netjes hebt opgeleverd.

1. Open je live site in een gewone browser, niet de editor.
2. Klik precies op wat je veranderde en controleer dat het doet wat je verwacht.
3. Open dezelfde site op je telefoon en kijk nog een keer.

Op basis van wat de leerling zag op de live site en telefoon: lijkt de wijziging correct opgeleverd, en wat is het ene ding dat het dubbelchecken waard is?

Je kunt nu:

- Het controle-ritueel benoemen: open, klik, telefoon, en beschrijf wat niet klopt. - Zeggen wanneer je een professional inschakelt: betalingen, inloggen, privacygevoelige data.

Hierna komt het Operator-niveau: VS Code als werkbank, en Claude als echte werkpartner. De lus zit in je handen. Vanaf hier is het ritme, elke week één klein ding opgeleverd.