Week 3 (16‐03 tot 20‐03) - nadia2603/stage-maykin GitHub Wiki

16-03

Vandaag heb ik opnieuw de documentatie van React doorgenomen. Daarbij heb ik aantekeningen gemaakt en deze uitgewerkt in een wiki. Ik heb geleerd hoe React is opgebouwd en welke mogelijkheden het biedt.

Daarnaast ben ik gestart met een eigen project waarin ik alles van mijn stage wil bijhouden. Dit project ga ik ontwikkelen met React. Ik heb React geïnstalleerd en ben begonnen met het uitdenken van de verdere aanpak.

Verder was er vandaag een uitgebreide lunch, omdat iemand 12,5 jaar bij het bedrijf werkt. Er was Italiaans gekookt. We kregen verschillende kleine hapjes om uit te kiezen als voorgerecht, daarna pasta als hoofdgerecht en als afsluiting een dessert waarbij je zelf kon kiezen wat je wilde.

17-03

Vandaag heb ik een ontwerp gemaakt voor de homepagina van mijn stagewebsite. Hiervoor heb ik inspiratie opgedaan via Dribbble en Pinterest. Vervolgens heb ik een styleguide opgesteld met daarin kleuren, lettertypes, font-gewichten, border-radius en line-height. Op basis van deze styleguide heb ik een CSS-bestand gemaakt waarin alle stijlelementen zijn verwerkt.

Daarnaast heb ik in de ochtend een meeting gehad met het team van Samen Leren. Tijdens deze meeting hebben we de voortgang besproken. Het project heeft op dit moment geen hoge prioriteit.

18-03

Vandaag ben ik verder gegaan met mijn stagewebsite. Ik heb een design voor de changelog-overzicht pagina gemaakt en daarbij ontdekt dat er een nieuwe kleur nodig was. Deze heb ik direct toegevoegd aan de stylesheet.

Daarnaast heb ik de standaardcode die in het project stond verwijderd en een eigen mappenstructuur opgezet voor de componenten. Ook heb ik alle SVG- en PNG-bestanden georganiseerd in de map ‘assets’.

Tot slot heb ik alle fonts ingeladen met @font-face in de stylesheet en een light- en darkmode geïmplementeerd.

19-03

Ik ben begonnen met commitlint op mijn eigen website te zetten. Ook heb ik de installatie van Samen Leren gedaan, zodat alles werkt en ik het project lokaal kon bekijken. Daardoor heb ik commitlint nog niet helemaal kunnen afronden.

Daarna ben ik bij Samen Leren verder gegaan met een kaartje dat je naar een video brengt als je erop klikt. Er stond al code, maar die heb ik aangepast zodat het beter bij het design past.

Ook heb ik een meeting gehad met de frontenders en designers. Daar hebben we besproken hoe de communicatie beter kan. Daarnaast ging het over het gebruik van kleuren en logo’s, zodat de websites meer op elkaar lijken, een beetje zoals bij Microsoft en Google.

20-03

Vandaag ben ik verder gegaan met het kaartje voor de video en heb ik nog een paar kleine aanpassingen gedaan. Ook heb ik een fallback toegevoegd voor de video-afbeelding, voor het geval deze niet gevonden kan worden.

In het begin liep ik tegen een probleem aan met de server, omdat ik niet meer in de juiste map zat om de localhost te starten. Het kostte even tijd om dit op te lossen en de server weer werkend te krijgen.

Verder heb ik de documentatie van Django gelezen en hierover aantekeningen gemaakt. In het project Samen Leren wordt Django gebruikt en heb ik dit nodig om data en afbeeldingen op te halen.