0.1 Logboek - StefanGerrits2/Frontend-Applications GitHub Wiki

Mijn logboek

Ik wil dagelijks bijhouden wat ik heb gedaan, waar ik tegen aan liep, en wat er goed ging. Op deze manier houd ik mijn progressie bij en kan ik dit later terug lezen om te kijken of ik nog iets moest doen wat de dag ervoor niet was gelukt.

Maandag 15 oktober

Vandaan zijn we naar het Tropenmuseum geweest om de opdracht te horen van de opdrachtgever. In de ochtend kregen we een aantal hoorcolleges waar het NMVW voor staat en wat ze doen. Denk hierbij aan de verschillende musea met de daarbij behorende objecten die moeten worden gedocumenteerd en tentoongesteld wordt. In de middag mochten we het museum in om inspiratie op te doen. Ik heb gekeken bij de gender diversiteit en de slavernij.

Dinsdag 16 oktober

Vandaag gingen we voor het eerst naar Leiden om op locatie met zijn allen te werken. In de ochtend kregen we een korte samenvatting van Blok Tech. Het meeste wat verteld werd wist ik nog wel maar het was alsnog een goede opfrissing om het blok te beginnen. In de middag moesten we een Javascript framework kiezen waarmee we het project gingen maken. Ik kwam terecht bij Svelte. De rest van de middag heb ik onderzoek gedaan hoe Svelte werkt en wat anderen ervan vinden. Ik heb kunnen concluderen dat Svelte net als ander Javascript framework erg op elkaar lijken, maar dat er duidelijke verschillen in zitten, zie Onderzoek Svelte voor meer uitleg.

Woensdag 17 oktober

Vandaag kregen wij een hoorcollege over SparQL en de daarbij behorende API die wij gaan gebruiken. Ivo liet zien hoe je data ophaalt door een query te schrijven. Tijdens het bedenken van mijn concept zocht ik meteen op met de query of ik die data ook daadwerkelijk op kan halen uit de API, anders verzin ik namelijk een concept die niet te realiseren is, dat zou zonde zijn. Ik kwam op het idee om iets met kinderspeelgoed te doen. Ik zocht meteen met SparQL of dit mogelijk was. Je kan namelijk met verschillende termen uit de thesaurus zoeken op het soort speelgoed. In de middag hadden we een pitch voor de opdrachtgever over mijn concept. Ik kreeg daar feedback op, bijvoorbeeld dat niet al het speelgoed is gedocumenteerd van bepaalde periodes, namelijk alleen de speelgoed van de rijken. Dit heb ik in mijn achterhoofd gehouden.

Donderdag 18 oktober

Vandaag ben ik begonnen met mijn repository. Ik heb een basis svelte-app geïmplementeerd in mijn applicatie zodat ik zeker weet dat alles werkt. Ook heb ik een soort mappenstructuur opgezet hoe ik mijn code ga indelen. Ook heb ik ESLint toegevoegd. Verder heb ik mijn SparQL query ingeladen in mijn project zodat ik deze data op de webpagina kan zien. Daarnaast heb ik geprobeerd functies in te laden als een soort module uit een andere file, dit lukte niet dus heb ik besloten verder te schrijven aan mijn wiki.

Vrijdag 19 oktober

Vandaag ben ik verder gegaan om alle data te renderen op de pagina. Ook heb ik meerdere queries geschreven voor elk type speelgoed. Ik heb geprobeerd componenten te maken maar dit is nog niet gelukt. Na wat meer documentatie te hebben gelezen is het gelukt om een simpel component te maken zodat ik in ieder geval weet hoe ik dit in de toekomst kan doen.

Herfstvakantie

In de vakantie heb ik de volgende dingen gedaan:

  • Een navigatie met routing gemaakt
  • Verschillende queries in eigen componenten laten renderen

Maandag 28 oktober

Ik heb geprobeerd de voorbeeldcode van het dynamisch renderen van Laurens in mijn eigen project te verwerken. Ik heb per commit gevolgd hoe de code is geschreven en dit in mijn project verwerkt. Wanneer ik bij de stap fetching remote data was, liep ik vast. De data van de query werd niet opgehaald voor een of andere reden, ik denk dat dit met onMount te maken heeft. Na een aantal uur proberen was het nog niet gelukt en heb ik besloten om documentatie te gaan schrijven.

Dinsdag 29 oktober

Aan het begin van de dag heb ik geprobeerd om data door te geven aan een detail pagina component om zo extra details te zien van een object. Dit is me nog niet gelukt. Na het gastcollege ben ik begonnen om images toe te voegen aan de navigatie, voor een vreemde reden kon hij de afbeelding niet laten zien terwijl het pad gewoon goed stond. Hier moet ik later nog even naar kijken. Na een tijdje te hebben geprobeerd met Roy is het toch gelukt om mijn images in te laden. Ik had ze in de src folder terwijl deze in public moesten staan. In de middag deden we een peer review om de README en wiki van een andere student te beoordelen ook aan de hand van de rubric. Hierna ben ik verder gegaan met het opschonen van code en schrijven van documentatie. In de avond ben ik thuis verder gegaan met de styling (CSS) van mijn applicatie.

Woensdag 30 oktober

In de ochtend wilde ik verder aan de slag met de CSS van mijn afbeeldingen die ingeladen worden. Helaas werden de afbeeldingen niet ingeladen doordat de server waar de afbeeldingen vandaan kwamen down was (denk ik), ik kreeg namelijk een ERR_CONNECTION_REFUSED terwijl hij de dag ervoor het wel nog deed en ik niks veranderd had aan mijn code. Ik had besloten verder te gaan met het schrijven van mijn wiki. In de middag heb ik mijn applicatie gedeployed. Klik hier om te zien hoe ik dit heb gedaan. In de avond ben ik thuis verder gegaan met de styling (CSS) van mijn applicatie.

Donderdag 31 oktober

In de ochtend heb ik vooral de css van mijn applicatie aangepast. Ook heb ik geprobeerd om via javascript de eerste letter van een string naar uppercase te veranderen, tevergeefs lukte dit niet. Ik heb daarom besloten om dit via css te doen. In de middag ben ik vooral bezig geweest met het opschonen van mijn code en het updaten van mijn README en wiki. Voor mijn gevoel ben ik goed bezig en zal de presentatie vrijdag goed verlopen.