Procesverslag

Paradiso

Ik heb voor FED de site van Paradiso gekozen omdat ik het design er goed uit vind zien en ik een haalbare uitdaging voor me zie. Er is nog geen dark-mode of uberhaupt veel animaties en ik hoop die dan ook toe ge kunnen voegen over de loop van de weken.

Toegankelijkheidstest

Toegankelijkheidstest Paradiso.pdf

Breakdown Schets

Voortgang

Week 1

Tijdens week 1; ben ik bezig geweest met het uitzoeken van een website, de toegankelijkheid en het met het maken van een breakdownschets. Daarnaast heb ik veel oefeningen gedaan van DLO die ons moesten helpen met het beheren van de kennis.

Week 2

Tijdens week 2; heb ik de basis van mijn HTML gecreërd voor beide pagina's en heb ik zoveel mogelijk CSS gemaakt voor deze twee pagina's.

Week 3

Tijdens week 3; ben ik van start gegaan met JavaScript, en heb ik de CSS afgemaakt. De CSS kostte me meer tijd dan ik ervoor had ingeschat waardoor ik wel wat vertraging had opgelopen.

Week 4

Tijdens week 4: heb ik gezorgd dat de CSS helemaal in orde was, dat de vijf elementen van de service-plane in mijn site zaten en ik heb in deze week het menu gemaakt (ik heb het gemaak in een aparte HTML en toen het klaar was heb ik hem bij de index.html gestopt en heb ik ervoor gezorgd dat het een slide-over menu werd d.m.v. CSS/JS.

Evaluatie

Van tevoren had ik heel veel zin in dit vak, maar die zin was snel weg gegaan toen ik me realiseerde wat een opgave dit zou zijn. Ik heb oprecht tijdens CMD nog nooit zoveel slaap verloren als bij het vak Front End Development. Ik denk dat de grootste uitdaging was het perfect hercreëren van het originele design van de website. Als je je eigen website maakt kun je genoegen nemen met iets wat niet helemaal is zoals je het zou willen hebben maar dat is helaas niet mogelijk wanneer je een website aan het nabouwen bent. Daarnaast moest ik er echt weer inkomen en had ik week 1 eigenlijk nog even nodig voor een refresher op het gebied van HTML/CSS/JS en kon ik daarna pas echt van start gaan.

Bronnen

• De studentenassistenten (Bregtje, Jason & Jesse)
• De docent (Danny de Vries)
• OpenAI | ChatGPT & Co-Pilot (voor het helpen van het oplossen van bugs)
• CSS Tricks | css-tricks.com (voor artikelen en tutorials die helpen met het creëren van de opmaak)
• MDN Web Docs | developer.mozilla.org (voor uitleg m.b.t. HTML & JavaScript