Zelfreflectie - DaanKetelaars/ilojo-bar GitHub Wiki

Zelfreflectie

Ik zal in deze reflectie terug kijken op de meesterproef en ook de vakken uit de minor web design en development. Ook geef ik per vak even aan of ik wat onderdelen daarvan gebruikt heb in mijn project voor de meesterproef.

🤩 = Wel gebruikt
🥸 = Beetje gebruikt
🫠 = Niet gebruikt

CSS TO THE RESCUE - 🤩

Tijdens CSS to the rescue heb ik CSS leren kennen op een totaal andere manier. Ik wist aardig wat van CSS, maar in dit vak heb ik nog zoveel nieuwe dingen geleerd. De eerste les al, met de selectors quiz, hierin werd mijn CSS kennis al gelijk op de proef gesteld. Aardig wat selectors die ik niet wist om elementen te selecteren in CSS. Hiernaast hebben de gastcolleges mij wel echt anders laten kijken naar CSS en wat je ermee kan doen. Vooral het college van Alvaro, deze vond ik heel tof. Dat je games kon maken met CSS veraste mij. Maar ook hoeveel je kan doen met gradients, box-shadows, inputs en radio buttons. Ik kan nu wel zeggen dat ik een echte baas ben in CSS!

CSSTTR - IN DE MEESTERPROEF

Ik heb in de meesterproef wel gebruik gemaakt van CSSTTR. Ik ben op een gegeven moment bezig geweest met een clamp() code voor onze images. Ik vond dit soort dingen wel interessant, net zoals de calc() function. Daarnaast is er ook goed gebruik gemaakt van Flex en verschillende :before & :after om speciale effecten te maken.

Uiteindelijk had ik nog meer willen experimenteren met CSS en ik denk ook dat we zoveel meer hadden kunnen gebruiken. Helemaal als je gaat nadenken over optimalisatie en schaalbaar.

        &:nth-of-type(4) {
          order: 4;
          width: clamp(375px, 40%, 400px);
          transform: translate(10%, -25%) rotate(-5deg);
          margin-bottom: 5%;
        }
      &::after {
        content: '';
        position: absolute;
        bottom: -57vh;
        left: 0;
        background-image: url(../../../public/images/paper-effects/paper-macaulay.svg);
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
      }

WEB APPS FROM SCRATCH - 🫠

Toen we begonnen met dit vak kon ik nog wel aardig relaxen haha. Het meeste had ik al gedaan vanuit de tech track. Toch werd ik wel weer uitgedaagd, het stukje routing was nieuw voor mij. Nou, de stof niet echt, maar wel om zelf je eigen routing op te zetten. Dit was dan ook wel het enige lastige tijdens dit project, hier ben ik ook nog wel een tijdje mee bezig geweest. Daarnaast vond ik het ook leuk en interessant om met de Rijks API te werken.

WAFS - IN DE MEESTERPROEF

De basis neem je wel mee, maar ik heb niet echt gebruik gemaakt van code of functionaliteiten uit dat vak voor mijn project in de meesterproef.

BROWSER TECHNOLOGIES - 😎

Voor Browser technologies heb ik een scoreboard app gemaakt, deze moest werken op de PS5 browser... Uiteindelijk is het mij wel gelukt om hier een hele toffe app van te maken. Ik denk dat dit project in het begin wel mijn minste project was, door Robert heb ik er uiteindelijk iets van gemaakt waar ik wel erg trots op ben.

BT - IN DE MEESTERPROEF

Juul en ik hebben zeker wel wat kleine dingen meegenomen vanuit BT. Helemaal dat je product goed werkt op de mindere devices en browsers. Juul en ik hebben voor ons project veelal gebruik gemaakt van het device lab, maar ook had Juul een eigen device met wat oudere browsers. Ik denk wel dat we nog meer konden doen, misschien ook wel op het gebied van progressive ehancement.

PROGRESSIVE WEB APPS - 😎

Voor PWA heb ik mijn app van WAFS omgezet naar een server-side app. Bij WAFS haal je de data client-side op en met PWA doe je dat server-side. Zo kun je de data alvast ophalen en laten zien aan de gebruiker op het juiste moment. Ik vond dit wel één van de leukere vakken, toch was het wel een aardige uitdaging. Ik heb bij PWA echt een tandje erbij moeten doen. Vooral het optimaliseren en werken met service-workers/caching was nog wel een klus.

PWA - IN DE MEESTERPROEF

Ik denk dat we zeker dingen mee hebben genomen vanuit PWA. Toch niet alles, onze Next app is geen PWA. Ja we maken gebruik van server-side en halen de data daarbinnen. Toch denk ik niet dat we alles vanuit PWA gebruiken. Optimalisaties worden ook automatisch gedaan door Next. Ik denk wel dat PWA ons er toe heeft geleid om te gaan voor Next in dit project.

REAL TIME WEB - 🫠

Met RTW heb ik een app gemaakt waarin je gezamenlijk naar YouTube video's kan kijken. Ik denk dat RTW wel de grootste uitdaging was, ik stond nog versteld hoe lastig het was om mijn project te realiseren. Hierdoor ben ik ook wel achter geraakt met dit vak (natuurlijk lever ik het nog in voor de herkansing, geen probleem haha!). Toch vond ik het heel tof, werken met real live data. Ik denk wel dat ik vanaf nu een tijdje ver weg blijf van de YouTube API. Maar ik ben wel apetrots op dit project, desondanks dat ik hem nog niet af had voor het eerste inlever moment.

RTW - IN DE MEESTERPROEF

We hebben RTW niet gebruikt in ons project. Geen sockets en geen real time data. RTW is ook erg specifiek en ons project had geen real time functionaliteiten (nog niet).

HUMAN CENTRED DESIGN - 🫠

Voor HCD ben ik bezig geweest met een vervanger voor 9292 en de NS planner. Dit was voor Marijn, een heel tof testpersoon die donuts kan maken met zijn rolstoel. Dit vak sprak mij misschien wat minder aan, toch vond ik het wel interessant om te zien hoe Marijn om ging met zijn laptop en onze prototypes. Ik ben blij met mijn uiteindelijke project, wel vind ik het jammer dat ik het eindresultaat niet heb kunnen testen met Marijn.

HCD - IN DE MEESTERPROEF

Natuurlijk hebben we gelet op onze gebruikers, maar niet in de manier zoals je bij HCD deed. Het is jammer dat de trip naar Nigeria niet doorging, daar had ik graag wat testjes gedaan 😜. De enige waar we eigenlijk mee getest hebben is Femke, maar ook niet zozeer testen.

EIND REFLECTIE

Toen ik begon met deze minor dacht ik wel vertrouwen te hebben in mijn kunnen. Nou dat werd in de eerste vakken gelijk duidelijk dat dit niet zo was haha. Ik had niet verwacht zoveel te leren tijdens deze minor. Ik heb nu wel echt een sterk gevoel dat ik met vol vertrouwen mijn stage en afstudeerproject in ga. Als ik deze minor niet had gedaan dan was dit gevoel er niet geweest. Ik heb het tijdens de minor best zwaar gehad (hierdoor sommige dingen later ingeleverd dan bedoeld), de combinatie met werk en wat dingen die gebeurd zijn in mijn privé leven. Maar ook veel vakken/projecten die erg uitdagend waren. Real time data inladen en gebruiken, service workers, caching, gekke CSS selectors, een CMS koppelen, animaties met vanilla JS, etc.

Toch ben ik wel echt trots dat ik kan zeggen alles afgekregen te hebben. Zonder herkansingen volgend jaar, hoop ik tenminste 😅. Voor CMD deed ik al een zelfde soort opleiding aan het Mediacollege, toen ik CMD ging doen dacht ik nog de kant van visual design op te gaan. Dit is aardig veranderd, ja, visual design is nog steeds heel leuk en het bedenken van concepten is ook tof. Toch vind ik het heel gaaf om mijn creaties tot leven te brengen met code. Ik ben nu al bijna 8 jaar bezig met studeren, klinkt lang. Meestal heb je dan een rechtenstudie af of ben je aardig op weg in je geneeskunde studie. Hoe langer ik bezig ben met CMD, hoe meer ik blij ben toch de keuze te hebben genomen om CMD te gaan studeren. Ik ben in 3 jaar tijd enorm gegroeid. Ik weet dingen en kan dingen die ik niet voor mogelijk had gehouden toen ik afstudeerde aan mijn MBO opleiding.

Het was uitdagend, soms vervelend, minder leuk, dan heel tof, maar heel leerzaam. Bovenal ben ik heel trots!

⚠️ **GitHub.com Fallback** ⚠️