Whimsical Workshop

Deelnemers

Deelnemersinfo

Je hoeft niets van websites te weten. We beginnen met een leeg bestand en bouwen van daaruit verder.

Het helpt als je al eens met een terminal en een code-editor hebt gewerkt. Tijdens de avond typ je een paar commando’s en bewerk je een aantal bestanden. Nog nooit een terminal geopend? Ook goed — dan is er gewoon wat meer om op te pikken.

We bouwen met Eleventy, een eenvoudige tool om websites te maken die op Node.js draait. Je hoeft het niet zelf te installeren; dat doen we samen aan het begin.

Installeer vooraf twee dingen op je laptop: een code-editor en Node.js, waar npm bij zit. Kies de LTS-versie van Node.js. LTS staat voor long-term support en is voor de meeste mensen de aanbevolen keuze.

Heb je al een code-editor en Node.js 22 of nieuwer, met npm? Dan zit je goed. Doe even de controle om zeker te zijn dat alles werkt. Op Windows heb je daarnaast Cmder nodig om de bash-terminal te gebruiken.

Je laptop voorbereiden

Volg de stappen voor je besturingssysteem.

Windows
  1. Installeer een code-editor: VS Code of VSCodium. VSCodium is dezelfde editor als opensource-build, zonder de branding en tracking van Microsoft.
  2. Installeer Node.js: Download de LTS Windows Installer (.msi) van nodejs.org en volg de installatie, met de standaardinstellingen.
  3. Installeer Cmder: Deze extra stap is voor Windows. Tijdens de workshop werken we in een bash-terminal, en met Cmder krijg je die eenvoudig, zonder Git Bash apart te installeren.
    1. Download de Full-versie van cmder.app. Daar zit Git for Windows in, dat bash meebrengt.
    2. Pak het uit in een eigen map, bijvoorbeeld C:\cmder.
    3. Start Cmder.exe, klik op + en kies bash::bash om een bash-tabblad te openen.
macOS
  1. Installeer een code-editor: VS Code of VSCodium.
  2. Installeer Node.js: Download de LTS macOS Installer (.pkg) van nodejs.org en klik door met de standaardinstellingen.
    Beheer je Node.js al met Homebrew of een versiebeheerder? Dan kun je die gewoon blijven gebruiken, zolang je aan de versie-eisen uit de controle hieronder voldoet.
  3. Open Terminal: Je vindt het in Programma’s › Hulpprogramma’s. Niets te installeren.
Linux
  1. Installeer een code-editor: VS Code of VSCodium.
  2. Installeer Node.js LTS met de instructies voor jouw distributie op nodejs.org. De versie in je pakketbeheerder is vaak te oud.
  3. Open Terminal: Gebruik de terminal die bij je distributie hoort. Niets extra te installeren.

Controleer of het werkt

Open je terminal en typ deze twee commando’s, één voor één:

node --version
npm --version

Toont elk een versienummer, en begint dat van Node.js met v22 of hoger? Dan ben je klaar.

Tot dan

Lukt het niet helemaal? Geen zorgen. De avond begint met de setup, en de laatste puntjes zetten we samen op orde. Neem je laptop en je oplader mee.

Tot !