Skip to content
Koop Reynders edited this page Sep 1, 2026 · 1 revision

I Love Web

Jouw persoonlijke i-love-web-site is een verzameling zaken, die met elkaar jouw frontenderschap tentoon stellen. Het bestaat uit een Learning Journal die je routinematig, het liefst elke dag, bijhoudt. Daarnaast is er de Digital Garden, een site waarbij de vorm compleet vrij staat. Aan het eind van je opleiding is dit jouw eigen, persoonlijke site én portfolio.

20% regel: Bij sommige bedrijven mag je 20% van je tijd besteden aan je eigen projecten. Bij FDND reserveer je 20% van je tijd voor het bijhouden van je Learning Journal en het tuinieren in jouw Digital Garden.

Fork en clone deze leertaak en maak 'm van jezelf.

Learning Journal

Houd je leerproces routinematig (chronologisch) bij. Noteer aantekeningen, interessante links en bronnen die je niet wil vergeten waar je later nog naar wil kijken. Voeg je sketchnotes en aantekeningen van de We Love Web presentaties en andere lezingen toe. Dit is ook de plek waar je je dagelijkse checkout doet.

Digital Garden

Maak jouw eigen vette website, een creatief weblog, je project portfolio, een link dump, en/of een playground... Hiermee ga je experimenteren en nieuwe technieken uitproberen. Niks moet, alles mag.

NB: Je kunt een eigen domeinnaam koppelen aan jouw etalage. Vraag Justus om tips of hulp als je dit wilt doen.

Doel van deze opdracht

Je leert aantekeningen bijhouden en gestructureerd studeren. Tijdens checkouts en retrospects ga je regelmatig terugkijken naar wat je allemaal hebt gedaan en geleerd.

Tegelijkertijd werk je aan je eigen website, die met je meegroeit, zodat je aan het eind van je opleiding een écht online visitekaartje hebt. En je krijgt hierdoor ervaring met een wat langer lopend project onderhouden.

Semester 1

Maak met HTML, CSS en JS je eigen statische website. Hou je Learning Journal bij in de Wiki met Markdown, of voeg dit ook als HTML bestanden toe aan je website. Alles mag.

Semester 2

Maak met NodeJS, Express en Liquid een doorontwikkeling op je statische site uit Semester 1. Neem alle content uit Semester 1 mee, en maak hiermee een dynamische, interactieve site. Als je in Semester 1 in je Wiki hebt gewerkt, kijk dan eens of je die kunt exporteren en anders in kunt zetten in je site. Misschien kun je er wel een (Markdown) database van maken. Gebruik bijvoorbeeld front matter als metadata, zodat je Directus niet nodig hebt. Bedenk ook welke andere dynamische data je toe kunt voegen aan je site. Misschien wel iets met een weather API? Of de API van je lokale sportvereniging? Of die van GitHub? Of een andere?

Semester 3 & 4

Maak met Sveltekit, 11ty, Astro, of een ander framework een doorontwikkeling van je website uit Semester 2. Neem alle relevante eerdere content mee als Markdown files, hergebruik je Wiki als je dat nog niet hebt gedaan. Gebruik bijvoorbeeld front matter als metadata, of zet een database met gestructureerde content op, en maak met componenten je dynamische portfolio met weblog. Denk ook na over hoe je je content kunt hergebruiken als je besluit naar een ander framework over te stappen.

Laat zien aan welke projecten je de afgelopen twee jaar hebt gewerkt, waar je trots op bent, en waar je passies liggen.