Les 1: Wat is programmeren?
Introductie tot programmeren, eenvoudige interacties en een kleine opdracht.
Intro — wat is programmeren?
- Een computer leest code van boven naar beneden.
- Een functie doet niets totdat je hem aanroept (call).
- Events zijn gebeurtenissen (bv. een knop wordt aangeklikt) — je schrijft code die reageert op die events.
HTML vs CSS vs JavaScript
HTML bepaalt de inhoud en structuur (koppen, paragrafen, knoppen).
CSS bepaalt hoe de inhoud eruitziet (kleuren, lettergrootte, layout).
JavaScript voegt gedrag toe (interactie, reageren op klikken, veranderen van inhoud).
Opdracht
Maak een titel, een knop en een teller die bij elke klik met 1 omhoog gaat.
- Gebruik de knop om de teller te verhogen.
- Voeg een invoerveld toe om de titel te veranderen met een knop.
- Voeg een reset-knop toe die de teller weer op 0 zet.
Interactieve demo
Mijn titel
Teller: 0
Mini challenge
Extra taken om te proberen:
- Verander de achtergrondkleur van de pagina met een knop.
- Voeg een knop toe die de titel terugzet naar een standaardwaarde.
- Maak een invoer die bij typen de titel live bijwerkt.