Reflectie op mijn niveau - JuulVrasdonk/ilojo-bar Wiki

Reflectie op niveau

Hier reflecteer ik op mijn werk tijdens meesterproef. Dit doe ik aan de hand van de vakken uit de Minor: Web design en development.

🟢 = Veel gebruikt 🟡 = Wel een beetje gebruikt 🔴 = Niet gebruikt

CSS TO RESCUE 🟢

Tijdens CSS TO THE RESCUE heb ik op een nieuwe manier leren kijken naar CSS. Tijdens dit vak heb ik echt geleerd om al mijn styling in CSS te doen. Met wat handige trucjes zoals, het gebruiken van :before en :after, meerdere box-shadows gebruiken om een border te maken en de :has() selector heb ik nu echt het gevoel dat ik CSS de meester ben

CSS TO RESCUE voor de meesterproef

Ik heb zeker wat kennis uit CSS TO THE RESCUE gebruikt voor de meesterproef. Zo hadden we een lastige border gedesignt in Figma en deze vervolgens met box-shadows gemaakt.

-webkit-box-shadow: 0px 0px 0px 5px #ffffff, 0px 0px 0px 6px #e0e0e0,
    0px 0px 0px 11px #ffffff;
  box-shadow: 0px 0px 0px 5px #ffffff, 0px 0px 0px 6px #e0e0e0,
    0px 0px 0px 11px #ffffff;

Ook hebben we veel gebruikt gemaakt van :before en :after. We konden helaas geen gebruik maken van de :has() selector omdat die alleen nog maar in safari wordt gesport.

WEB APPS FROM SCRATCH 🔴

Tijdens WEB APPS FROM SCRATCH heb ik een web applicatie gemaakt met de API van het Rijksmuseum. De stof uit dit vak was niet heel nieuw voor mij omdat ik ongeveer hetzelfde al in de tech track had gedaan. Het fenomeen routing was nog wel nieuw voor mij. Verder bestond het vak vooral uit het ophalen van data uit de API. Het was wel fijn om dit nog een keer te oefenen. Na dit vak is dat wel een stuk duidelijker voor mij.

WEB APPS FROM SCRATCH voor de meesterproef

Ik heb de theorie uit WEB APPS FROM SCRATCH niet echt gebruikt in de meesterproef. We halen natuurlijk wel data op. Maar we doen dit op de server. Ik heb dit vak eigenlijk niet gebruikt omdat PROGRESSIVE WEB APPS verder gaat waar WEB APPS FROM SCRATCH stopte.

BROWSER TECHNOLOGIES 🟡

Tijdens BROWSER TECHNOLOGIES heb ik een scorebord app gemaakt die moest werken op een Nokia Lumia. Hierbij was het de bedoeling dat de app ook zou werken als javascript uit zou staan. Via progressive enhancement moest ik ervoor zorgen dat vette effecten werkte op apparaten die ze aankonden.

BROWSER TECHNOLOGIES voor de Meesterproef

Daan en ik moesten zeker rekening houden met de mindere verbinding en apparaten in Nigeria. Daarom hebben veel serverside code geschreven. Wel denk ik dat we meer met Progressive Enhancement hadden kunnen doen. Gemiste kans.

PROGRESSIVE WEB APPS 🟢

Tijdens PROGRESSIVE WEB APPS heb ik data opgehaald uit de Rijksmuseum API. Net als bij WAFS. Dit keer haalde we de data alleen server-side op. Zodat de data al is opgehaald als de pagina naar de browser gestuurd. Ook hebben we een aantal performance optimalisatie's toegevoegd.

PROGRESSIVE WEB APPS voor de Meesterproef

Voor de meesterproef heb ik zeker de kennis van PROGRESSIVE WEB APPS gebruikt. In next hebben we data server-side opgehaald. Ook hebben we een aantal kleine performance optimalisatie's doorgevoerd. Onze keuze voor Next is denk ik het meeste beïnvloed door de kennis uit PROGRESSIVE WEB APPS. Next voert namelijk vanuit zichzelf al veel van optimalisaties uit PROGRESSIVE WEB APPS uit.

REAL TIME WEB 🔴

Tijdens REAL TIME WEB heb ik met web sockets een REAL TIME WEB app gemaakt. Ik vond het een leuk vak.

REAL TIME WEB voor de meesterproef

Ik heb REAL TIME WEB niet gebruikt in de meesterproef. Dit komt denk ik omdat het ook best wel een specifiek onderwerp is. Ik denk ook niet dat er perse ruimte was voor websockets in de use cases.

HUMAN CENTRED DESIGN 🔴

Tijdens HUMAN CENTRED DESIGN moesten een ontwerp maken voor iemand met een beperking. Dit vak draaide vooral om testen itereren. Bij dit vak werd er niet echt gekeken naar de code

HUMAN CENTRED DESIGN voor de meestproef

Ik heb de kennis uit HUMAN CENTRED DESIGN niet gebruikt voor de meesterproef. We hebben wel meetings gehad met Femke waarbij zij feedback gaf op ons ontwerp. Maar hier hebben niet echt getest. Ik denk ook dat dit komt doordat HUMAN CENTRED DESIGN een vrij specifiek vak is.

ALGEMENE REFLECTIE OP MIJN NIVEAU

Ik denk dat de meesterproef mooi laat zien dat ik enorme sprongen heb gemaakt op het gebied van Web development. Voor de minor vroeg ik me vaak af: 'Hoe hebben ze dit gemaakt?' en nu weet ik van bijna iedere website welke technieken ze hebben gebruikt. Dit laat zien dat ik veel meer vertrouwen heb gekregen in mijn kunde als het aankomt op Web development. Ik vond het af en toe best zwaar. Ik wist ook soms niet of ik wel echt web developer wilde worden. En ik weet dat eerlijk gezegd nog steeds niet. Het geeft me echt kick als iets lukt. Maar ik zit wel veel achter mijn computer. Ik mis af en toe het speelse van het conceptualiseren. Al met al ben ik heel tevreden met vooruitgang deze minor. Eerst had ik nog moeite met het ophalen van data uit een API. Nu heb ik zelf een CMS gekoppeld, data server side gerenderd en real time app gemaakt. Ik denk wel dat ik meer had kunnen doen. Er waren dagen dat ik moeilijk mijn focus kon vinden op school. Ook denk ik dat ik mij soms iets te veel focus op de dingen waar het vak niet om draait.

Uiteindelijk ben ik best trots.