Week 13 (25‐05 tot 29‐05) - nadia2603/stage-maykin GitHub Wiki

Vandaag geen stage.
Het is Pinksteren.

Vandaag heb ik feedback verwerkt van een pull request en gerebased om merge conflicten op te lossen.

Daarnaast ben ik begonnen aan een nieuw ticket. Ik heb een aantal kleine dingen aangepast die in het nieuwe design waren veranderd. Ook moest ik de afbeelding in de intro aanpassen. Daarbij moet er nu een stukje links onderin uit de afbeelding gehaald worden en moeten er nog twee gekleurde blokken bijkomen.

Ik ben bezig geweest met het zoeken naar oplossingen hiervoor. Eerst ben ik gaan kijken hoe ik een stukje uit de afbeelding kon halen. Dat lukt nog niet helemaal. Ik kan wel een stuk eruit halen, maar dan mis ik de afgeronde hoeken die ook in het design zitten.

Daarnaast had ik een kick-off over Samen Delen. Daar werd verteld wat er moet gebeuren en is het nieuwe design laten zien. We hebben feedback gegeven op het design en gekeken of alles haalbaar is. Samen Delen bestaat al, maar krijgt een nieuw design.

Vandaag ben ik verder gegaan aan de intro-afbeelding. Ik heb nog veel gezocht naar hoe ik het stukje uit de afbeelding kon halen en heb voorlopig gekozen voor een clip-path. Ik moet nog wel een oplossing vinden voor de afgeronde hoeken die ook in het design zitten.

Vandaag heb ik ook de gekleurde blokjes gemaakt. Ik heb daarbij hulp gevraagd. Eerst heb ik het geprobeerd met een rect, maar toen zag ik dat die niet mooi meebewoog. Daarna heb ik het met een ::before en ::after geprobeerd, maar daar had ik hetzelfde probleem.

Julian kwam toen met het idee om twee <div>'s te gebruiken. Hij had een CodePen gemaakt en die aanpak heb ik overgenomen in mijn code. Dat werkte beter. Alleen om de blokjes mooi mee te laten schalen met de afbeelding heb ik veel media queries nodig. Julian heeft mij nog geholpen met een andere oplossing, maar die werkt bij mij nog niet goed. Daar ga ik morgen verder naar kijken.

Daarnaast heb ik ook een lijstje gemaakt voor Portflow en ben ik al begonnen met het schrijven van een STARR. Ik heb Anouk om feedback gevraagd of mijn lijstjes en STARR goed was. Ik heb ook feedback gegeven over het lijstje die Anouk had gemaakt.

Vandaag ben ik verder gegaan aan de intro-afbeelding. Ik heb Sven laten zien wat ik al had gemaakt en gevraagd hoe ik het het beste kon aanpakken. Voor de vorm stelde hij voor om een mask te gebruiken. Hij heeft de vorm voor mij gemaakt in Inkscape en die heb ik daarna als mask gebruikt.

De <div>'s voor de gekleurde blokken waren goed. De code was ook bijna goed. Sven heeft mij laten zien hoe ik de blokken mee kan laten bewegen met de afbeelding. Dat heb ik toegepast en daarna heb ik alles goed gezet en nog kleine aanpassingen gedaan zodat het meer op het design lijkt.

Er zit ook nog een animatie op de afbeelding. Die heb ik nog niet werkend gekregen. Ik heb wel alvast gekeken naar de code van de Maykin-website om te zien hoe zij het hebben gedaan.

Vandaag had ik ook een meeting met de andere frontender van Samen Delen (Stefan). Hij had een paar vragen voordat we aan het project gaan beginnen. Hij wilde weten wanneer mijn stage afloopt en hoe het ervoor staat met mijn bewijslast en of ik daar nog veel tijd in moet steken.

Daarnaast had ik een stagegesprek met Justus en Sven. Ik heb verteld hoe het gaat en laten zien waar ik mee bezig ben geweest. We zijn ook door het lijstje gegaan dat ik voor Portflow had gemaakt. Justus gaf daar feedback op.

Sven stelde nog de vraag wat ik anders zou doen als ik opnieuw aan het project zou beginnen. Ik gaf aan dat ik de componenten anders zou opzetten, beter zou nadenken over de naamgeving van classes en eerder een stylesheet zou maken.

Ook heb ik feedback gegeven op de STARR van Anouk die zij had gestuurd.

Vandaag ben ik verder gegaan aan de intro img. Er moest nog een animatie op komen. Ik had gisteren al naar de code van de Maykin website gekeken, maar zag dat als ik die oplossing wilde gebruiken, ik veel van mijn code moest aanpassen. Daarom heb ik Stefan gevraagd of hij de code aan mij kon uitleggen, omdat hij die had gemaakt.

Uiteindelijk heb ik een extra <div> om de afbeelding heen gezet. Op die <div> staat nu de mask en de hover staat op de afbeelding zelf. Daarna moest ik alles weer goed zetten, omdat de gekleurde blokjes niet meer zichtbaar waren. Toen dat weer goed stond, heb ik de animatie op de gekleurde blokjes gezet. Dat heb ik gedaan met keyframes.

Toen ik klaar was, heb ik een pull request gemaakt. Ook heb ik doelen opgesteld voor het testen. Maandag ga ik de pagina's testen en kijken of alles goed werkt.

Daarnaast ben ik verder gegaan met Portflow. Ik heb aan Justus gevraagd of hij feedback wilde geven op mijn STARR. Die was goed en daarna ben ik begonnen aan de andere STARR's.

Voor indicator 4.2.3 heb ik feedback gevraagd aan het team van Samen Leren over mijn samenwerking en communicatie. Ik heb erbij gezet dat ik de feedback graag voor vrijdag 5 juni wil ontvangen, zodat ik die nog kan toevoegen aan mijn bewijslast.