Week 8 (20‐04 tot 24‐04) - nadia2603/stage-maykin GitHub Wiki

20-04

Vandaag ben ik verder gegaan met de header. Ik heb ervoor gezorgd dat aria-expanded goed werkt: wanneer het menu dicht is staat deze op false en wanneer het open is op true.

Daarnaast heb ik geprobeerd om de animatie werkend te krijgen, maar dat is nog niet gelukt. Morgen ga ik hier verder mee en als het dan nog niet lukt, ga ik hulp vragen.

Daarna ben ik begonnen met het uitwerken van mijn notities en foto’s van SmashingConf in de wiki. Ik heb dit per dag en per spreker ingedeeld, zodat het overzichtelijk is en duidelijk wat bij elkaar hoort.

21-04

Vandaag ben ik verder gegaan met de header. Ik heb nog gekeken hoe ik de animatie werkend kon krijgen, maar dat lukte niet helemaal. Ik heb Sven gevraagd om mee te kijken en toen werkte het wel. Ik zat er eigenlijk al heel dicht bij. Daarna heb ik alles nog een laatste keer gecheckt en een pull request gemaakt. De feedback die ik daarop kreeg heb ik ook verwerkt.

Daarnaast heb ik mijn notities en foto’s van The Web You Want in de wiki gezet. Ik heb dit per spreker ingedeeld, zodat alles overzichtelijk bij elkaar staat.

In de ochtend had ik weer een meeting met het team van Samen Leren. Ik had deze week niet veel gedaan aan het project, omdat ik bij SmashingConf en The Web You Want was. Ik was vooral bezig met de header. De rest van het team had ook niet veel eraan gedaan.

In de middag had ik nog een kort overleg met de designer om te bespreken wat ik als volgende kon oppakken. Ik kan nu beginnen met de homepagina.

22-04

Vandaag ben ik begonnen met de componenten. Ik heb eerst naar het design gekeken en opgeschreven wat er meerdere keren terugkomt. Soms is de tekst of kleur anders, maar de vorm is hetzelfde.

Daarna heb ik documentatie opgezocht over hoe je componenten in Django maakt. Ik heb een paar manieren gevonden, zoals include, extends, Django-cotton en Django-components.

Ook heb ik gekeken hoe het op de website van Maykin is gedaan, zodat ik het op dezelfde manier kan aanpakken. Daar zag ik dat er een mapje components in templates zit (templates → components → …html).

Ik ga morgen bespreken wat de beste manier is.

Ik had het vandaag wat rustiger aangedaan, omdat ik verkouden word en mij niet helemaal goed voel.

23-04

Vandaag ben ik verder gegaan met de components. Ik heb advies gevraagd aan een collega over het onderzoek dat ik gisteren had gedaan en welke methode het beste is. Daaruit kwam dat include en Django-components het meest geschikt zijn: include voor simpele components en Django-components voor components die data bevatten en complexer worden.

Daarna heb ik gekeken naar alle components die ik heb en erbij gezet welke methode ik per component ga gebruiken. Ook heb ik uitgewerkt hoe een aantal components eruitzien met include in de code. Dit heb ik eerst op papier gedaan. Morgen ga ik dit verder uitwerken in code.

Verder heb ik een breakdown-schets gemaakt met de BEM-classes. Zo kan ik zien wat er verandert in de SCSS en welke elementen eigenlijk een block worden in plaats van een element.

24-04

Vandaag ben ik verder gegaan met de componenten. Ik heb eerst doorgenomen wat ik gisteren had gedaan en dat daarna uitgewerkt in code. Door wat ik gisteren al had voorbereid ging het maken sneller, maar ik moest nog wel documentatie opzoeken om het zo herbruikbaar mogelijk te maken, vooral voor de img en href.

Ik heb nieuwe HTML- en SCSS-bestanden gemaakt en goed gekeken welke classes waar bij horen en of alles volgens de BEM-methode klopt. Ik heb daarbij gebruikgemaakt van blocks en modifiers: de block voor de globale styling en de modifiers voor de specifieke varianten.

Vandaag heb ik drie componenten gemaakt. Dinsdag ga ik verder met de rest. Eerst wil ik nog feedback krijgen of wat ik heb gemaakt op de juiste manier is opgebouwd.