Skip to content
Koop Reynders edited this page Aug 30, 2026 · 19 revisions

Instructies leertaak Your Tribe Profile Card

Ontwerp en maak met HTML, CSS en JS een visitekaartje.

Context

Deze leertaak hoort bij Sprint 1 "Your Tribe". Dit is een leertaak die je individueel uitvoert.

Briefing

Elke frontender bij FDND stelt zichzelf binnen de tribe voor door middel van een visitekaartje. Maak een visitekaartje op basis van dit voorbeeld en publiceer dat via GitHub Pages.

image

Doel van deze opdracht

Na het volgen van deze leertaak heb je zelf een visitekaartje ontworpen en gemaakt. Je leert werken met de Development Lifecycle. Je hebt hiervoor een aantal eigen ontwerpbeslissingen gemaakt en HTML (voor de structuur), CSS (voor de vormgeving) en JS (voor de interactie) gebruikt om het ontwerp te bouwen. Tot slot heb je jouw visitekaartje gepubliceerd via GitHub Pages en met een aantal klasgenoten getest of het werkt zoals je bedoelde.

Werkwijze

Deze leertaak wordt behandeld in de eerste week van Sprint 1 met verschillende workshops:

  1. Visitekaartje ontwerpen, maken en online publiceren - Maandag
  2. CSS Basics, Properties en selectors - Dinsdag
  3. Breakdown schets - Woensdag
  4. Code/Design review visitekaartje - Vrijdag

Definition of Done

Deze opdracht is done als:

  • Je visitekaartje staat op GitHub en heeft een live url
  • Je hebt iteratief gewerkt
  • Je hebt een breakdown-schets gemaakt en hierop feedback gekregen in een GitHub Issue
  • Je hebt het ontwerp voor het visitekaartje gerealiseerd met HTML, CSS en/of JS en je hebt je code uitgelegd in comments
  • Je hebt een code/design review gedaan en feedback gekregen in GitHub Issues