Procesverslag

Auteur: Christiaan Zandbergen

Markdown cheat cheet: Hulp bij het schrijven van Markdown. Nb. de standaardstructuur en de spartaanse opmaak zijn helemaal prima. Het gaat om de inhoud van je procesverslag. Besteedt de tijd voor pracht en praal aan je website.

Bronnenlijst

1. https://www.zalando.nl/heren-home/ Pagina 1 (Home)
2. https://www.zalando.nl/heren/- Pagina 2 (Here Mode)
3. https://mosaic03.ztat.net/- Site waar de meeste foto's vandaan komen.

Eindgesprek (week 7/8)

-dit ging goed & dit was lastig-

Allereerst ben ik begonnen met het responsive maken van de homepagina en de navbar. De navbar vond ik wel lastig omdat er een heel groot verschil is tussen de mobiele en de desktop. Uiteindelijk heb ik het goed opkunnen lossen met grid. Ik ben erg tevrede moet hoe het is geworden. Als laatst heb ik alle puntjes op de I gezet.

Screenshot(s):

Voortgang 3 (week 6)

-same as voortgang 1-

-dit ging goed & dit was lastig-

Allereerst ben ik begonnen met het afmaken van de footer. De mobiele footer bevat een stukje javascript om een menu te openen. Dit ging erg soepel. Daarna ben ik begonnen met het maken van de tweede pagina. Dit was een beetje een goedoe, omdat het responsive maken nogal een uitdaging was. Ik heb veel gewerkt met grid om uiteidelijk het gewenste resultaat te krijgen.

Voortgang 2 (week 5)

-same as voortgang 1-

-dit ging goed & dit was lastig-

Ik heb de mobiele home website afgemaakt, dit ging zonder tegen slagen. Daarna ben ik aan de slag gegaan met de javascript functionaliteiten met name de navbar, die moet te voorschijn komen als je op de hamburger menu klikt. Ook heb ik een slider carousel gemaakt dit is erg lastig omdat ik met één function alle carousel wil besturen. Uiteindelijk is het een soort van gelukt.

Voortgang 1 (week 3)

Stand van zaken

-dit ging goed & dit was lastig-

Eerst ben ik begonnen met de desktop versie. Nu ben ik veranderd van aanpak door eerst op mobiel te focussen en daarna pas responsive maken. Met de desktop versie had ik erg veel moeite om de lay-out goed in HTML te vertalen. Nu ik bezig ben met de mobiele site gaat alles veel beter en overzichtelijker.

Screenshot(s):

-screenshot(s) van hoe ver je bent-

Agenda voor meeting

-samen met je groepje opstellen-

• dingen naast elkaar zetten. Op mobiel bijvoorbeeld 2 en dekstop 4
• Hoe kun je makkelijker zien nth gebeuren
• Mag je classes gebruiken
• Mag je classes gebruiken
• Moet je hamburger laten werken?
• Hoe zet je het om in een hamburgermenu
• flexbox vragen, naast elkaar zetten bijvoorbeeld.

Verslag van meeting

-na afloop snel uitkomsten vastleggen-

Intake (week 1)

Je startniveau: Rood

Je focus: ik wil graag zo goed mogelijk de gehele site nabouwen met elke reponsive brake point.

Je opdracht: Zalando website

Screenshot(s):

Breakdown-schets(en):