Breakdown schets - 01/09/25

1. Wat is het nut van een breakdown schets? dinsdag?

Je schets voor jezelf een beter beeld over hoe je het wilt hebben, daarnaast geef je ook aan welke html en css elementen je daarbij wilt gebruiken. Dit helpt je met het coderen.

2. Waar moet je op letten als je een breakdown schets maakt?

Dat je goede HTML en CSS elementen op de goede plekken zet en zorg ervoor dat het duidelijk blijft.

3. Wat heb ik vandaag geleerd?

Breakdown schetsen is een belangrijke stap in het proces, je schets je idee schrijft erbij. Daarnaast dat er heel veel elementen zijn die je kan toepassen tijden het coderen. Als je een ! typt en enter dat er een basis code komt. Daarnaast ook de verschillende benamingen, bijvoorbeeld dat alles body heeft en je daarbinnen verschillende sections hebt. Ook dat je moet opletten dat je niet informatie wat in CSS geschreven moet worden in HTML.

Bronnen

• https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements
• https://www.youtube.com/watch?v=bOUhq46fd5g
• https://flukeout.github.io/#

Squad Page - 08/09/25

Wat heb ik vandaag geleerd?

Je schets voor jezelf een beter beeld over hoe je het wilt hebben, daarnaast geef je ook aan welke html en css elementen je daarbij wilt gebruiken. Dit helpt je met het co

Responsive Design - 10/09/25

Wat heb ik vandaag geleerd?

1. Dat elke devices verschillende viewport en pixels hebben.
2. Dat media queries de mogelijkheid om de weergave van een website aan te passen op basis van verschillende kenmerken van het apparaat.
3. Ik heb geleerd dat er standaar 8 margin is. Doordat ik nu de margin op 0 heb gezet is het gelukt op de header helemaal vol uit te coderen.

2 dingen die ik interessant vind

1. Dat elke devices verschillende viewport en pixels hebben.
2. Dat media queries de mogelijkheid geeft om de weergave van elk apparaat te kunnen weergeven.

Schrijf 1 ding waar je nog vragen over hebt

1. Hoe je het goed en overzichtelijk in je HTML kan verwerken.

Code/Design Review - 15/09/25

Als feedback naar een ander team hebben wij gegeven:

Dat er spaties of enters zijn die geen effect hebben en dat er soms geen media quere is gebruikt.

Als feedback heb ik gekregen dat er geen media quere zijn in mijn HTML, daarom wil ik na het weekend daar iets mee doen, omdat het in de toekomst zeker handig is.

Over HTML elements reference.

Visuele Hierachie- 16/09/25

Op welke manieren kan je visuele hierachie aanbrengen in je ontwertp? leg ze uit en voeg bron toe

• Grootte, Kleur & Contrast en witruimte
• Welke niveaus van visuele hierachie heb je geleerd?
• Meest belangrijkte informatie, belangrijkste details en achtergrond informatie

Wie is Joshua Porter eigenlijk? En wat bedoelt hij met zijn quote over visual hierarchy? en voeg de bron over principes of user interface design

Joshua Porter is een ......

Wrap Up- 17/09/25

Wat heb ik vandaag geleerd?

1. Hoe je een read me pagina maakt.
2. Hoe je een automatische scroll toevoegd.
3. Niet allemaal tegelijk in dezelfde code werken.