De opdracht

Type: Individuele opdracht

Opdracht: Front-end development

Periode: Maart 2023

Een zelfgemaakte interactieve Javascript applicatie, ontwikkeld zonder het gebruik van libraries of frameworks, waar je tijdens het assessment goed de werking van kunt uitleggen.

Het idee

Het idee voor mijn website was een muziekspeler. Hierbij heb ik inspiratie gehaald uit de Awesome mix vol.1 uit de filmreeks Guardians of the Galaxy.
Je kan de muziek afspelen, pauzeren en doorspoelen. Ook zit er een shuffle functie op. Ik heb het zo geprogrammeerd dat je niet twee keer hetzelfde nummer achter elkaar te horen krijgt.

Het proces

Ik begon met alleen de muziekspeler. Dit zou een onderdeel worden van een interactieve website.

Na het bouwen hiervan bleek het zo leuk te zijn dat ik de webiste achter mij heb laten liggen en heb mij vervolgens volledig op de muziekspeler gefocust. Ik heb ervoor gekozen om Vol.2 ook toe te voegen aan de mix. Hierdoor kwamen er allemaal nieuwe elementen in de site. Hierdoor kwamen er nieuwe nummers bij, een nieuwe cassetteband bij met animatie en is er veel bijgekomen op backend niveau

Ook wilde ik wat meer doen met de het manipuleren van de DOM. Zo kan je het cassettebandje van Vol.2 slepen naar de speler en verandert het bandje. Ik miste nog een beetje het interactieve in de site. Hierdoor heb ik besloten om een dansende Groot toe te voegen. Als je op de knopt drukt, komt er achter de speler een dansende Groot omhoog, alsof die groeit!

Versies