rubberducky/novi-lessons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add summary

Browse Source
This commit is contained in:
Tim Rijkse
2026-02-07 09:41:08 +01:00
parent 4ad5aee139
commit c74bd19b73
5 changed files with 38 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Les02-OpenCode/Les02-Docenttekst-Notes.md
View File

@@ -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)
--- ---

26
Les02-OpenCode/Les02-Docenttekst.md
View File

@@ -7,11 +7,11 @@
--- ---
## BLOK 1: WELKOM & TERUGBLIK (8 minuten) ## BLOK 1: WELKOM & TERUGBLIK (10 minuten)
### Slide 1: Welkomstslide ### 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." "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 ### 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." "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 ### 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." "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 ### 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." "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? ### 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." "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 ### Slide 6: Build vs Plan Mode
**[09:11 - 09:14]** **[09:13 - 09:15]**
"Belangrijk concept: twee modes." "Belangrijk concept: twee modes."
@@ -73,7 +73,7 @@ _[Wijs naar de problemen]_
### Slide 7: Shortcuts ### Slide 7: Shortcuts
**[09:14 - 09:16]** **[09:15 - 09:17]**
"Vier shortcuts om te onthouden:" "Vier shortcuts om te onthouden:"
@@ -83,7 +83,7 @@ _[Wijs naar de problemen]_
### Slide 8: De @ mention ### 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." "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 ### Slide 14: Demo - Git Push
@@ -336,8 +336,8 @@ _[Ruimte voor vragen]_
| Blok | Tijd | Duur | | Blok | Tijd | Duur |
|------|------|------| |------|------|------|
| 1. Welkom & Terugblik | 09:00-09:08 | 8 min | | 1. Welkom & Terugblik | 09:00-09:10 | 10 min |
| 2. Intro OpenCode | 09:08-09:20 | 12 min | | 2. Intro OpenCode | 09:10-09:20 | 10 min |
| 3. Setup & Demo | 09:20-09:40 | 20 min | | 3. Setup & Demo | 09:20-09:40 | 20 min |
| 4. Git & Vercel | 09:40-09:50 | 10 min | | 4. Git & Vercel | 09:40-09:50 | 10 min |
| 5. Hands-on (deel 1) | 09:50-10:15 | 25 min | | 5. Hands-on (deel 1) | 09:50-10:15 | 25 min |

26
Les02-OpenCode/Les02-Lesplan.md
View File

@@ -45,26 +45,26 @@ Na deze les kan de student:
## Lesverloop ## Lesverloop
### Blok 1: Welkom & Terugblik (8 minuten) ### Blok 1: Welkom & Terugblik (10 minuten)
| Tijd | Activiteit | Slides | | Tijd | Activiteit | Slides |
|------|------------|--------| |------|------------|--------|
| 09:00-09:02 | Welkom, planning | 1-2 | | 09:00-09:05 | Welkom, planning | 1-2 |
| 09:02-09:06 | Terugblik Les 1: v0 workflow + problemen | 3 | | 09:05-09:08 | Terugblik Les 1: v0 workflow + problemen | 3 |
| 09:06-09:08 | Vandaag: OpenCode + verder bouwen | 4 | | 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." **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 | | Tijd | Activiteit | Slides |
|------|------------|--------| |------|------------|--------|
| 09:08-09:11 | Wat is OpenCode? + OpenCode Zen | 5 | | 09:10-09:13 | Wat is OpenCode? + OpenCode Zen | 5 |
| 09:11-09:14 | Build vs Plan mode | 6 | | 09:13-09:15 | Build vs Plan mode | 6 |
| 09:14-09:17 | Shortcuts + @ mentions | 7-8 | | 09:15-09:18 | Shortcuts + @ mentions | 7-8 |
| 09:17-09:20 | Vercel deployment workflow | 9 | | 09:18-09:20 | Vercel deployment workflow | 9 |
**Belangrijk:** OpenCode Zen is gratis - geen API key nodig! **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 | | Tijd | Activiteit | Slides |
|------|------------|--------| |------|------------|--------|
| 09:40-09:44 | **DEMO:** Git add, commit, push | 14 | | 09:40-09:43 | **DEMO:** Git add, commit, push | 14 |
| 09:44-09:48 | **DEMO:** Vercel auto-deploy tonen | 15 | | 09:43-09:47 | **DEMO:** Vercel auto-deploy tonen | 15 |
| 09:48-09:50 | Nieuw project naar Vercel (voor huiswerk) | 16 | | 09:47-09:50 | Nieuw project naar Vercel (voor huiswerk) | 16 |
**Kernboodschap:** "Push naar GitHub = automatisch live op Vercel" **Kernboodschap:** "Push naar GitHub = automatisch live op Vercel"

14
Les02-OpenCode/Les02-Slide-Overzicht.md
View File

@@ -11,17 +11,17 @@
| Blok | Onderwerp | Slides | Tijd | | Blok | Onderwerp | Slides | Tijd |
|------|-----------|--------|------| |------|-----------|--------|------|
| 1 | Welkom & Terugblik | 1-4 | 8 min | | 1 | Welkom & Terugblik | 1-4 | 10 min |
| 2 | Introductie OpenCode | 5-9 | 12 min | | 2 | Introductie OpenCode | 5-9 | 10 min |
| 3 | Setup & Demo | 10-13 | 20 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 | | 5 | Hands-on Opdracht | 17 | 85 min |
| - | **☕ PAUZE** | - | 15 min | | - | **☕ PAUZE** | - | 15 min |
| 6 | Afsluiting | 18-21 | 30 min | | 6 | Afsluiting | 18-21 | 30 min |
--- ---
## BLOK 1: WELKOM & TERUGBLIK (8 minuten) ## BLOK 1: WELKOM & TERUGBLIK (10 minuten)
### Slide 1: Welkomstslide ### Slide 1: Welkomstslide
**Titel:** Les 2: OpenCode - AI Code Assistants **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? ### 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 ### 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! ### Slide 17: Aan de slag!

4
Samenvattingen/Les02-Samenvatting.md
View File

@@ -14,8 +14,8 @@ Introductie tot OpenCode: een open-source AI coding assistant met 60.000+ GitHub
| Blok | Tijd | Duur | | Blok | Tijd | Duur |
|------|------|------| |------|------|------|
| 1. Welkom & Terugblik | 09:00-09:08 | 8 min | | 1. Welkom & Terugblik | 09:00-09:10 | 10 min |
| 2. Intro OpenCode | 09:08-09:20 | 12 min | | 2. Intro OpenCode | 09:10-09:20 | 10 min |
| 3. Setup & Demo | 09:20-09:40 | 20 min | | 3. Setup & Demo | 09:20-09:40 | 20 min |
| 4. Git & Vercel | 09:40-09:50 | 10 min | | 4. Git & Vercel | 09:40-09:50 | 10 min |
| 5. Hands-on (deel 1) | 09:50-10:15 | 25 min | | 5. Hands-on (deel 1) | 09:50-10:15 | 25 min |