Code Design Review visitekaartje
In de workshop Code Design Review Visitekaartje van vrijdag 4/9/2026 wordt uitgelegd wat je moet doen.
Een van de fases van de Development Lifecycle (DLC) is Testen. Dit doen frontenders o.a. door regelmatig een code and design review te doen met collega's. Bij FDND doen we elke vrijdag zo'n review en bekijken we elkaars code en design. De feedback leg je vast in issues bij je leertaak. Hier kun je volgende week mee verder om je website te verbeteren.
Deze manier van werken heet iteratief werken. Je doorloopt meerdere keren de DLC, je test regelmatig, je vraagt regelmatig om feedback, zo kan je je website stap voor stap verbeteren.
Deze week heb je een visitekaartje ontworpen en gemaakt. Het maakt niet uit hoe ver je bent, je kan altijd feedback halen op stukken code of dat deel van het ontwerp dat je al wel gemaakt hebt. Zorg dat je issues van je repository aan staan. En dat je de meest recente versie naar je online repository hebt gepusht. Zorg er ook voor dat er een werkende live link is en terug te vinden is op jouw repo.
Vandaag krijg je feedback op code en design die we in workshops in de eerste week hebben behandeld. Hieronder staat een leidraad voor de review die je op het werk van een andere student gaat doen. Zorg ook dat je zelf feedback krijgt! Schrijf altijd nette teksten in een issue en probeer een bron of voorbeeld bij te voegen als je een tip of verbeterpunt hebt.
Doe de review in tweetallen en bespreek alles wat je tegenkomt. Doe minimaal 2 keer een Code/Design review uit je squad. Tip: Je kunt een ander duo kiezen en voor elkaar de review doen. Zo weet je dat je zelf ook feedback ontvangt.
- Test of de HTML goed is door een HTML validator check te doen via de W3C website: https://validator.w3.org. Schrijf een issue als er in de test problemen naar voren zijn gekomen.
- Bekijk de CSS, zijn enkele selectors en properties uitgelegd met comments in de code? Gebruik de CSS reference om te kijken of de uitleg klopt.
- Check het design in een browser. Schrijf een issue als je iets ziet wat beter kan of als je een leuk idee hebt.
- Optioneel: Bekijk of er JavaScript is geschreven. Begrijp je de code? Schrijf een issue als je feedback hebt of als je het een toffe interactie vindt.
Dit zijn goede bronnen om te gebruiken om HTML te leren en onderzoeken: