Sprint 2: The Client
Datum: 23/9/24
Wat heb je gedaan?
Ik heb Mediahuis gekozen als mijn project. Mediahuis is een bedrijf met meerdere radiozenders. Het frontend bedrijf Triple heeft de opdracht aangenomen en bevindt zich inmiddels in de laatste fase van het project. Triple is mijn opdrachtgever, en zij willen dat ik hun website nabouw. Vervolgens moet ik er iets creatiefs aan toevoegen of aanpassen. Dit kan een nieuwe interactie, een andere stijl, of een aangepaste layout zijn.
3 dingen die ik heb gedaan?
Ik heb een project uitgekozen. Ik heb geleerd hoe ik me moet voorbereiden op een briefing. Ik weet nu wat een debriefing is en hoe ik die moet aanpakken.
2 leervragen voor deze week
Hoe kan ik deze week de website van Veronica, een zender van Mediahuis, op een semantisch correcte manier namaken?
Verwijzingen:
Triple repository
Sprint 2: The Client
Datum: 25/9/24
Wat heb ik vandaag gedaan?
Vandaag heb ik prototypes gemaakt. Dit is onderverdeeld in sitemaps, wireframes en wireflows. Daarna heb ik High Fidelity (HiFi) prototypes gemaakt, die kunnen worden gemaakt met programma's als Figma.
Wat moet ik doen voor aanstaande vrijdag?
Voor aanstaande vrijdag moet ik semantisch correcte HTML-code schrijven voor de website die ik wil gaan bouwen.
Wat wil ik zelf nog doen?
Wat ik zelf nog wil doen, is mijn HiFi-prototype in Figma afmaken en breakdown-schetsen maken in mijn wireframes.
Sprint 2: The Client
Datum: 27/9/24
Stel drie vragen over wat je hebt geleerd over HTML:
Waarom wil je geen div in je HTML? Waarvoor zou je wel een div kunnen gebruiken?
Vandaag heb ik met Dylan code reviews geschreven voor:
Code review Amber Code review Fatima Code review Clarice Code review Cederik
Wat heb ik geleerd over HTML:
Wat ik heb geleerd over HTML is dat een section en article verplicht een h element nodig hebben. Ik heb niet overal bepaalde elementen nodig, meestal is het parent-element al genoeg. In mijn geval heb ik dan geen section nodig om mijn article in te delen, omdat ze al in de main staan.
Sprint 2: The Client
Datum: 30/9/24
Wat heb je vandaag gedaan?
Vandaag heb ik geleerd wat de verschillen zijn tussen flow, grid, flexbox, positioned, float, multi-column en table layout.
Wat heb je vandaag geleerd?
Vandaag heb ik geleerd dat HTML-elementen standaard een layout hebben, die je met CSS kunt veranderen. Ik heb geoefend met layouts zoals grid, float en flow.
De layouts die ik zal gebruiken voor de client website zijn
Grid, flex en position. Ik gebruik grid voor de grote indeling van mijn website, flex om de elementen in de grid areas te plaatsen, en position voor kleine aanpassingen.
Verwijzingen:
link naar de layout deeltaak
Sprint 2: The Client
Datum: 07/10/24
Drie Codeconventies van Vandaag:
Indenten van HTML-code zorgt voor een duidelijke hiërarchie en verbetert de leesbaarheid.
Het nesten van CSS-selectors zorgt voor beter leesbaarheid, en je kan direct zien wat de parent en child elementen zijn.
CSS op dezelfde volgorde als HTML structuur voor eenvoudiger onderhoud.
Nesten van media queries dit laat zien hoe de stijl verandert bij verschillende schermformaten.
Twee Punten om de Leesbaarheid van HTML en CSS te Verbeteren:
Witruimtes tussen HTML-elementen zorgt voor ademruimte en overzichtelijkheid.
Class names gebruiken om verschillen tussen dezelfde elementen te zien.
Conventies om te Implementeren in Mijn Eigen Code:
Ik zal CSS-selectors nesten voor betere leesbaarheid en duidelijkheid.
Ook blijf ik zorgen dat mijn HTML en CSS in dezelfde volgorde zijn voor betere organisatie.
Sprint 2: The Client
Datum: 09/10/24
Doel van de Sprint Review
Het doel van een sprint review is om de opdrachtgever te laten zien wat je deze sprint gedaan hebt en om feedback te krijgen. Ook informeer je de opdrachtgever over wat je in de komende sprint zal doen.
Drie leervragen over de Les van Vandaag:
Hoe verwerk je feedback van een sprint review?
Wat laat je zien tijdens een sprint review?
Hoe schrijf je een ReadMe?
Wat Doe je na een Sprint Review
Na een sprint review verwerk je de feedback door nieuwe issues aan te maken.