🗒 Logboek

Dag 1

Vandaag was de introductie en kennismaking met de docenten, helaas was ik ziek vandaag en kon er daardoor niet bij zijn. Wel heb ik de slides thuis bekeken en een repo aangemaakt. Ik zag op Teams dat ik was toegevoegd aan een support group en hier heb ik toen om een korte uitleg van de les gevraagd.

Dag 2

Vandaag ben ik wel naar school geweest en heb ik kennisgemaakt met mijn support groepje, ook ben ik verdergegaan aan mijn repo om een beetje structuur aan te brengen. Tijdens de presentatie werd er een terugblik geworpen naar blok tech en een korte refresh gedaan op JavaScript. Dit ging aardig goed en ik wist nog veel over JavaScript aangezien ik dit veel op mijn stage heb gebruikt. Na de presentatie ben ik begonnen met functional programming, als eerste heb ik geprobeerd om de dataset in te laden. Toen dit was gelukt heb ik geprobeerd om met simpele JavaScript functies de data te manipuleren.

Dag 3

Vandaag kregen we een presentatie over hoe je een goede wiki/documentatie kan schrijven voor GitHub repo's. Bij blok tech heb ik dit ook al moeten doen dus ik had al wel is met een readme/wiki gewerkt. Uiteindelijk heb ik een navigation sidebar gemaakt, een footer en alle punten die tot nu toe zijn behandeld toegevoegd hieraan. Vervolgens heb ik deze een beetje uitgewerkt en dat was de dag eigenlijk wel.

Dag 4

Vandaag kregen we een presentatie over chaining & cleaning, hierbij gingen we voornamelijk in op het 'chaining' gedeelte. Bij het voorbeeld werd kort uitgelegd wat een promise is en hoe je hiermee functies aan elkaar kan chainen. Ik vond dit erg interessant en wilde dit graag proberen aangezien ik eerst fetch als me promise gebruikte met .then(). Eenmaal begonnen met het refactoren kwam ik erachter dat deze methode heel fijn werkt en heb toen nog extra functies geschreven om mijn gewenste output te krijgen.

Dit had ik eerst:

fetch(url).then((response) => { if (response.ok) { return response.json(); } else { throw new Error("Something went wrong"); } }) .then((responseJson) => { // Do something with the response }) .catch((error) => { console.log(error); });