diff --git a/Les02-OpenCode/Les02-Docenttekst-Notes.md b/Les02-OpenCode/Les02-Docenttekst-Notes.md index 7cbce05..4a01df6 100644 --- a/Les02-OpenCode/Les02-Docenttekst-Notes.md +++ b/Les02-OpenCode/Les02-Docenttekst-Notes.md @@ -4,7 +4,7 @@ --- -## BLOK 1: WELKOM & TERUGBLIK (8 min) +## BLOK 1: WELKOM & TERUGBLIK (10 min) --- @@ -38,7 +38,7 @@ --- -## BLOK 2: INTRO OPENCODE (12 min) +## BLOK 2: INTRO OPENCODE (10 min) --- @@ -117,7 +117,7 @@ npm run dev --- -## BLOK 4: GIT & VERCEL (12 min) +## BLOK 4: GIT & VERCEL (10 min) --- diff --git a/Les02-OpenCode/Les02-Docenttekst.md b/Les02-OpenCode/Les02-Docenttekst.md index 715f12a..3abf351 100644 --- a/Les02-OpenCode/Les02-Docenttekst.md +++ b/Les02-OpenCode/Les02-Docenttekst.md @@ -7,11 +7,11 @@ --- -## BLOK 1: WELKOM & TERUGBLIK (8 minuten) +## BLOK 1: WELKOM & TERUGBLIK (10 minuten) ### Slide 1: Welkomstslide -**[09:00 - 09:02]** +**[09:00 - 09:05]** "Welkom terug bij les 2! Vorige week hebben jullie allemaal een website gebouwd en online gezet. Vandaag gaan we een stap verder." @@ -19,7 +19,7 @@ ### Slide 2: Planning -**[09:02 - 09:04]** +**[bij slide 1]** "De planning: tot 10 voor 10 doe ik uitleg en demo's. Dan gaan jullie aan de slag met jullie eigen projecten. Kwart over 10 hebben we een korte pauze, daarna werken jullie door tot half 12." @@ -27,7 +27,7 @@ ### Slide 3: Terugblik Les 1 -**[09:04 - 09:06]** +**[09:05 - 09:08]** "Jullie hebben nu: een werkende website op Vercel, code in GitHub, en ervaring met v0.dev." @@ -39,17 +39,17 @@ _[Wijs naar de problemen]_ ### Slide 4: Vandaag - De volgende stap -**[09:06 - 09:08]** +**[09:08 - 09:10]** "Vandaag werken we met jullie bestaande repos. We gaan ze lokaal draaien, uitbreiden met AI, en weer deployen naar Vercel. De volledige development workflow." --- -## BLOK 2: INTRODUCTIE OPENCODE (12 minuten) +## BLOK 2: INTRODUCTIE OPENCODE (10 minuten) ### Slide 5: Wat is OpenCode? -**[09:08 - 09:11]** +**[09:10 - 09:13]** "OpenCode - open source met meer dan 60.000 GitHub stars. Het is een AI coding assistant die direct in je project werkt." @@ -59,7 +59,7 @@ _[Wijs naar de problemen]_ ### Slide 6: Build vs Plan Mode -**[09:11 - 09:14]** +**[09:13 - 09:15]** "Belangrijk concept: twee modes." @@ -73,7 +73,7 @@ _[Wijs naar de problemen]_ ### Slide 7: Shortcuts -**[09:14 - 09:16]** +**[09:15 - 09:17]** "Vier shortcuts om te onthouden:" @@ -83,7 +83,7 @@ _[Wijs naar de problemen]_ ### Slide 8: De @ mention -**[09:16 - 09:18]** +**[09:17 - 09:18]** "Die @ is krachtig. Je typt @, begint een bestandsnaam te typen, en het zoekt door je project. Bijvoorbeeld: @Hero.tsx - voeg een gradient toe. De AI krijgt dan exacte context." @@ -170,7 +170,7 @@ _[Wacht op generatie]_ --- -## BLOK 4: GIT & VERCEL WORKFLOW (12 minuten) +## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten) ### Slide 14: Demo - Git Push @@ -336,8 +336,8 @@ _[Ruimte voor vragen]_ | Blok | Tijd | Duur | |------|------|------| -| 1. Welkom & Terugblik | 09:00-09:08 | 8 min | -| 2. Intro OpenCode | 09:08-09:20 | 12 min | +| 1. Welkom & Terugblik | 09:00-09:10 | 10 min | +| 2. Intro OpenCode | 09:10-09:20 | 10 min | | 3. Setup & Demo | 09:20-09:40 | 20 min | | 4. Git & Vercel | 09:40-09:50 | 10 min | | 5. Hands-on (deel 1) | 09:50-10:15 | 25 min | diff --git a/Les02-OpenCode/Les02-Lesplan.md b/Les02-OpenCode/Les02-Lesplan.md index 72726a8..50cd17d 100644 --- a/Les02-OpenCode/Les02-Lesplan.md +++ b/Les02-OpenCode/Les02-Lesplan.md @@ -45,26 +45,26 @@ Na deze les kan de student: ## Lesverloop -### Blok 1: Welkom & Terugblik (8 minuten) +### Blok 1: Welkom & Terugblik (10 minuten) | Tijd | Activiteit | Slides | |------|------------|--------| -| 09:00-09:02 | Welkom, planning | 1-2 | -| 09:02-09:06 | Terugblik Les 1: v0 workflow + problemen | 3 | -| 09:06-09:08 | Vandaag: OpenCode + verder bouwen | 4 | +| 09:00-09:05 | Welkom, planning | 1-2 | +| 09:05-09:08 | Terugblik Les 1: v0 workflow + problemen | 3 | +| 09:08-09:10 | Vandaag: OpenCode + verder bouwen | 4 | **Kernboodschap:** "Jullie hebben werkende websites. Vandaag gaan we die uitbreiden met AI direct in je editor." --- -### Blok 2: Introductie OpenCode (12 minuten) +### Blok 2: Introductie OpenCode (10 minuten) | Tijd | Activiteit | Slides | |------|------------|--------| -| 09:08-09:11 | Wat is OpenCode? + OpenCode Zen | 5 | -| 09:11-09:14 | Build vs Plan mode | 6 | -| 09:14-09:17 | Shortcuts + @ mentions | 7-8 | -| 09:17-09:20 | Vercel deployment workflow | 9 | +| 09:10-09:13 | Wat is OpenCode? + OpenCode Zen | 5 | +| 09:13-09:15 | Build vs Plan mode | 6 | +| 09:15-09:18 | Shortcuts + @ mentions | 7-8 | +| 09:18-09:20 | Vercel deployment workflow | 9 | **Belangrijk:** OpenCode Zen is gratis - geen API key nodig! @@ -81,13 +81,13 @@ Na deze les kan de student: --- -### Blok 4: Git & Vercel Workflow (12 minuten) +### Blok 4: Git & Vercel Workflow (10 minuten) | Tijd | Activiteit | Slides | |------|------------|--------| -| 09:40-09:44 | **DEMO:** Git add, commit, push | 14 | -| 09:44-09:48 | **DEMO:** Vercel auto-deploy tonen | 15 | -| 09:48-09:50 | Nieuw project naar Vercel (voor huiswerk) | 16 | +| 09:40-09:43 | **DEMO:** Git add, commit, push | 14 | +| 09:43-09:47 | **DEMO:** Vercel auto-deploy tonen | 15 | +| 09:47-09:50 | Nieuw project naar Vercel (voor huiswerk) | 16 | **Kernboodschap:** "Push naar GitHub = automatisch live op Vercel" diff --git a/Les02-OpenCode/Les02-Slide-Overzicht.md b/Les02-OpenCode/Les02-Slide-Overzicht.md index 0b6b343..ce86b97 100644 --- a/Les02-OpenCode/Les02-Slide-Overzicht.md +++ b/Les02-OpenCode/Les02-Slide-Overzicht.md @@ -11,17 +11,17 @@ | Blok | Onderwerp | Slides | Tijd | |------|-----------|--------|------| -| 1 | Welkom & Terugblik | 1-4 | 8 min | -| 2 | Introductie OpenCode | 5-9 | 12 min | +| 1 | Welkom & Terugblik | 1-4 | 10 min | +| 2 | Introductie OpenCode | 5-9 | 10 min | | 3 | Setup & Demo | 10-13 | 20 min | -| 4 | Git & Vercel Workflow | 14-16 | 12 min | +| 4 | Git & Vercel Workflow | 14-16 | 10 min | | 5 | Hands-on Opdracht | 17 | 85 min | | - | **☕ PAUZE** | - | 15 min | | 6 | Afsluiting | 18-21 | 30 min | --- -## BLOK 1: WELKOM & TERUGBLIK (8 minuten) +## BLOK 1: WELKOM & TERUGBLIK (10 minuten) ### Slide 1: Welkomstslide **Titel:** Les 2: OpenCode - AI Code Assistants @@ -65,7 +65,7 @@ --- -## BLOK 2: INTRODUCTIE OPENCODE (12 minuten) +## BLOK 2: INTRODUCTIE OPENCODE (10 minuten) ### Slide 5: Wat is OpenCode? @@ -177,7 +177,7 @@ _(AI leest alleen, verandert niets)_ --- -## BLOK 4: GIT & VERCEL WORKFLOW (12 minuten) +## BLOK 4: GIT & VERCEL WORKFLOW (10 minuten) ### Slide 14: Demo - Git Push @@ -217,7 +217,7 @@ Of gebruik GitHub Desktop! --- -## BLOK 5: HANDS-ON OPDRACHT (83 minuten) +## BLOK 5: HANDS-ON OPDRACHT (85 minuten) ### Slide 17: Aan de slag! diff --git a/Samenvattingen/Les02-Samenvatting.md b/Samenvattingen/Les02-Samenvatting.md index 12c9519..c55fe87 100644 --- a/Samenvattingen/Les02-Samenvatting.md +++ b/Samenvattingen/Les02-Samenvatting.md @@ -14,8 +14,8 @@ Introductie tot OpenCode: een open-source AI coding assistant met 60.000+ GitHub | Blok | Tijd | Duur | |------|------|------| -| 1. Welkom & Terugblik | 09:00-09:08 | 8 min | -| 2. Intro OpenCode | 09:08-09:20 | 12 min | +| 1. Welkom & Terugblik | 09:00-09:10 | 10 min | +| 2. Intro OpenCode | 09:10-09:20 | 10 min | | 3. Setup & Demo | 09:20-09:40 | 20 min | | 4. Git & Vercel | 09:40-09:50 | 10 min | | 5. Hands-on (deel 1) | 09:50-10:15 | 25 min |