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

Meer info

Auteur:

Jack van Vlerken

Je startniveau:

Blauw

Je focus:

Surface plane

Je website

Meer info

Je opdracht:

Apple Website

Screenshot(s) van de eerste pagina (small screen):

Apple Website omschrijving van de pagina

Screenshot(s) van de tweede pagina (small screen):

Apple website omschrijving van de pagina

Breakdownschets (week 1)

uitwerken na afloop 2e werkgroep

de hele pagina:

breakdown van de hele pagina

dynamisch deel (bijv menu):

breakdown van een dynamisch deel

Voortgang 1 (week 2)

uitwerken voor 1e voortgang

Stand van zaken

In deze week heb ik mijn HTML zo vanilla mogelijk proberen te maken en daarnaast met css gespeeld voor de positionering van elementen met flexbox en position. Ik denk dat het opstellen van de HTML heel goed ging. Wat mij heel erg hielp was het maken van een breakdownsheet. Dit is een goeie manier van alles op de website te catagoriseren. Wel twijfel ik nog over mijn sections die ik in de html geplaatst heb.

HTML opzet

Verder was het werken met flexbox en position aan het begin weer wat wennen. Dit was de eerste keer in een lange tijd dat ik hiermee gewerkt had, maar na even oefenen (vooral met flexfroggy) kreeg ik het weer te pakken.

Agenda voor meeting

samen met je groepje opstellen

Christaan Dirven Renee Stapert Jack van Vlerken
Hoe je de CSS Wat is de beste Hoe maak ik een
en ik dit manier om te goed werkend
gestructueerd dit als er tijd is hamburger menu?
vorm kan geven, beginnen? Hoe maak ik van
hoe moet je een button een
beginnen? foto?

Christaan Dirven: Hoe je de CSS gestructueerd vorm kan geven, hoe je moet beginnen?

Renee Stapert: Wat is de beste manier om te beginnen? Stap voor stap of eerst de HTML, dan CSS en dan Java.

Jack van Vlerken: Hoe maak ik een goed werkend hamburger menu? Hoe maak ik van een button een foto?

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 (week 4)

uitwerken na test in 8e voortgang

Bevindingen

Lijst met je bevindingen die in de test naar voren kwamen:

Titel eerste bevinding

Hier korte omschrijving (met indien nodig een afbeelding)

Hier een omschrijving van hoe het opgelost kan worden (met indien nodig een afbeelding)

Titel tweede bevinding.

Hier korte omschrijving (met indien nodig een afbeelding)

Hier een omschrijving van hoe het opgelost kan worden (met indien nodig een afbeelding)

Titel volgende bevinding.

Hier korte omschrijving (met indien nodig een afbeelding)

Hier een omschrijving van hoe het opgelost kan worden (met indien nodig een afbeelding)

Titel nog een bevinding.

Hier korte omschrijving (met indien nodig een afbeelding)

Hier een omschrijving van hoe het opgelost kan worden (met indien nodig een afbeelding)

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

Stand van zaken

hier dit ging goed & dit was lastig (neem ook screenshots op van delen van je website en code)

Screenshot(s)

hier screenshot(s) van je eindresultaat

Bronnenlijst

continu bijhouden terwijl je werkt

Nb. Wees specifiek ('css-tricks' als bron is bijv. niet specifiek genoeg).

  1. bron 1
  2. bron 2
  3. ...