Journal

Sprint 5: Fix the Flow

Datum: 02/12/24

Wat heb je gedaan?

Sprint planning gemaakt. Begonnen met een road map in mijn project board. Ik heb de planning van sprint 5 overgenomen in mijn road map. Dit lijkt op een drukke sprint, dus ik heb ook gelijk toegevoegd dat ik tussen maandag en dinsdag schetsen, html first, en mobile first gedaan wilt hebben.

User story

Ik heb een user story en wireflow gemaakt, voor een javascript interactie die ik in deze sprint wil gaan maken. user story issue

Hoe ver ben je met de deeltaak JS fundamentals?

Ik heb de eerste gedaan over variables. Dit stukje ken ik al, ik zal door de eerste paar oefeningen heen gaan totdat ik wat moeilijkere opdrachten tegen kom.

Sprint 5: Fix the Flow

Datum: 04/12/24

Vandaag hadden we deze JavaScript workshop:

Vandaag hadden we deze JavaScript workshop: JS workshop Ik heb de interactie die ik wil maken al, en de schetsen en breakdown schet ook. Ik wil eerst de HTML en mobile first maken voordat ik met JavaScript begin.

Wat heb ik gedaan?

HTML first af HTML first issue mobile first af, zonder JS mobile first issue

Wat ga ik nu doen?

Beginnen met JavaScript, dit zijn de issues waar ik bij hou wat ik met JavaScript aan het doen ben. JS issue: mobile nav JS issue: remove hidden

Sprint 5: Fix the Flow

Datum: 05/12/24

Wat heb ik gedaan?

Ik heb mobile CSS afgemaakt en ook de classes van de gedeelde stylesheet in de HTML toegevoegd. mobile CSS

Wat heb ik gedaan?

Ik heb JavaScript geschreven die de weekdagen, tijdlijn, radio nav en de player op beeld brengen. JS issue: remove hidden

Wat heb ik gedaan?

Ik heb JavaScript geschreven voor het verwisselen van radiozender, maar er is nog een bug, waar soms de class 'hidden' niet weggehaald wordt. Als dit gebeurt dan is er geen programma te zien. JS issue: mobile nav

Wat ga ik nu doen?

Voor nu ben ik klaar met de mobiele versie, ik ga nu concentreren op CSS en JavaScript voor de desktop versie.

Sprint 5: Fix the Flow

Datum: 09/12/24

Hoeveel van de 10 experimenten heb je al gemaakt?

Ik heb 5 van de 10 af, deze heb ik nu gebruikt:
- mouseover
- click
- dblclick
- mousemove
en nog een click die samen werkt met e.ctrlkey. link naar de live site

Bij welk gedragscriterium past deze deeltaak en wat moet je nog doen om het te kunnen toevoegen aan portflow?

- Dit past bij methodisch handelen, omdat ik op basis van wat ik nu heb geleerd deze UI-events kan gebruiken op de volgende websites die ik ga maken.
- Dit past ook bij probleemoplossend vermogen, omdat ik tijdens het oefenen/uitzoeken van deze UI-events een creatieve manier heb gezocht om hiervan gebruik te maken.

Links:

UI events opdracht UI events keyboard events mouse events

Sprint 5: Fix the Flow

Datum: 10/12/24

Wat heb ik gedaan vandaag?

Ik heb een workshop over viewport transistion gevolgd. hier is een link naar waar ik heb geoefend met viewport transistion viewport transistion En ik heb de ui events deeltaak afgemaakt. deeltaak github

Sprint 5: Fix the Flow

Datum: 11/12/24

Wat heb je vandaag geleerd over HTML?

HTML heeft het attribuut required, zodat de gebruiker verplicht is om de velden in te vullen. Je kunt HTML-elementen strategisch gebruiken om je JavaScript-code eenvoudiger te maken.

Wat heb je vandaag geleerd over CSS?

Met CSS-selectoren kun je specifiek de eigenschappen van HTML-elementen aanpassen en bepalen hoe ze eruitzien of zich gedragen.

Wat ga je voor vrijdag nog toevoegen?

De functionaliteit van "section snap" verder verbeteren. "Same-time scroll" maken.

Welke functionaliteit wil je vrijdag laten testen?

Section snap en Same-time scroll.

Workshop van vandaag

Sprint 5: Fix the Flow

Datum: 16/12/24

3 studievragen over navigeren en label

(studievragen zijn moeilijke proefwerkvragen die je na vandaag kan beantwoorden)

Wat wil je laten zien bij de laatste sprint review?

PS: 07-01-2025 vergeten vragen te bedenken

Sprint 5: Fix the Flow

Datum: 19/12/24

Wat heb ik gedaan vandaag?

Ik heb vandaag de sprint review gehad, het ging best wel goed. Ik heb een issue gemaakt met de feedback van de opdrachtgever Feedback opdrachtgever Ik heb ook een Lighthouse-test en een screenreader-test uitgevoerd. Een aantal van de problemen die daarbij naar voren kwamen, heb ik direct geprobeerd op te lossen. Issue 16: testen