FED

Procesverslag

Markdown is een simpele manier om HTML te schrijven.
Markdown cheat cheet: Hulp bij het schrijven van Markdown.

Nb. De standaardstructuur en de spartaanse opmaak van de README.md zijn helemaal prima. Het gaat om de inhoud van je procesverslag. Besteedt de tijd voor pracht en praal aan je website.

Nb. Door open toe te voegen aan een details element kun je deze standaard open zetten. Fijn om dat steeds voor de relevante stuk(ken) te doen.

Jij

uitwerken voor kick-off werkgroep ### Auteur: Jairo welling (vervangen door jouw naam) #### Je startniveau: blauw (kies uit zwart, rood óf blauw) #### Je focus: surface plane (kies uit responsive óf surface plane)

Je website

uitwerken voor kick-off werkgroep ### Je opdracht: coolblue #### Screenshot(s) van de eerste pagina (small screen): hier de naam van de pagina omschrijving van de pagina #### Screenshot(s) van de tweede pagina (small screen): hier de naam van de pagina omschrijving van de pagina

Toegankelijkheidstest 1/2 (week 1)

uitwerken na test in 2e werkgroep ### Bevindingen Lijst met je bevindingen die in de test naar voren kwamen: de screenreader leest echt alles voor op de paginas van coolblue. wat mij wel is opgevallen dan op de productpagina, het toevoegen aan favoriete knopje niet word voorgelezen door de screenreader. hier ga ik dus proberen op in te spelen en dit in mijn eigen design aan te passen.

Breakdownschets (week 1)

uitwerken na afloop 3e werkgroep ### de hele pagina: breakdown van de hele pagina breakdown pag 2 ### dynamisch deel (bijv menu): breakdown van een dynamisch deel van homepagina ### wellicht nog een dynamisch deel (bijv filter): breakdown van nog een dynamisch deel mobiele telefoon pagina

Voortgang 1 (week 2)

uitwerken voor 1e voortgang ### Stand van zaken hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code) het breakdownen van de schetsen ging goed, maar het in volgorde zetten van de HTML elementen was een stuk ingewikkelder dan dat het lijkt. Na een tijdje spelen en vechten met de elementen heb ik toch denk ik wel de juiste structuur gevonden. html code verder heb ik ook moeite gehad met het maken van de zoekbalk. ik ben uiteindelijk eruit gekomen door de hulp van css tricks en Chat gpt. . section>
</section> (voorbeeld van mijn code ) ### Agenda voor meeting samen met je groepje opstellen | student 1 | student 2 | student 3 | student 4 | | --- | --- | --- | --- | | dit bespreken | en dit | en ik dit | en dan ik dat | | en dat ook nog | dit als er tijd is | nog een punt | dit wil ik zeker | | ... | ... | ... | ... | ### Verslag van meeting hier na afloop snel de uitkomsten van de meeting vastleggen - punt 1 - punt 2 - nog een punt - ...

Voortgang 2 (week 3)

uitwerken voor 2e voortgang ### Stand van zaken hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code) ### Agenda voor meeting samen met je groepje opstellen | student 1 | student 2 | student 3 | student 4 | | --- | --- | --- | --- | | dit bespreken | en dit | en ik dit | en dan ik dat | | en dat ook nog | dit als er tijd is | nog een punt | dit wil ik zeker | | ... | ... | ... | ... | ### Verslag van meeting hier na afloop snel de uitkomsten van de meeting vastleggen - punt 1 - punt 2 - nog een punt - ...

Toegankelijkheidstest 2/2 (week 4)

uitwerken na test in 9e werkgroep ### Bevindingen Lijst met je bevindingen die in de test naar voren kwamen (geef ook aan wat er verbeterd is):

Voortgang 3 (week 4)

uitwerken voor 3e voortgang ### Stand van zaken hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code) ### Agenda voor meeting samen met je groepje opstellen | student 1 | student 2 | student 3 | student 4 | | --- | --- | --- | --- | | dit bespreken | en dit | en ik dit | en dan ik dat | | en dat ook nog | dit als er tijd is | nog een punt | dit wil ik zeker | | ... | ... | ... | ... | ### Verslag van meeting hier na afloop snel de uitkomsten van de meeting vastleggen - punt 1 - punt 2 - nog een punt - ...

Eindgesprek (week 5)

uitwerken voor eindgesprek ### Je uitkomst - karakteristiek screenshots: uitomst opdracht 1 ### Dit ging goed/Heb ik geleerd: Korte omschrijving met plaatjes top ### Dit was lastig/Is niet gelukt: Korte omschrijving met plaatjes bummer

Bronnenlijst

continu bijhouden terwijl je werkt Nb. Wees specifiek ('css-tricks' als bron is bijv. niet specifiek genoeg). Nb. ChatGpT en andere AI horen er ook bij. Nb. Vermeld de bronnen ook in je code. 1. bron 1 2. bron 2 3. ...