De opdracht

Type: Individueel

Opdracht: Front-end development

Periode: December 2023

Werk 2 verschillende pagina’s van een website uit met ‘nette’ vanilla HTML, CSS en Javascript.
- met aandacht voor toegankelijkheid, responsiveness en details.

Link naar de Website

Het idee

Ik mocht voor dit vak een website naar keuze na gaan bouwen. Ik heb de website van Aston Martin gekozen. Deze vond ik visueel erg aantrekkelijk en een leuke uitdaging om na te maken met CSS.
Ook zitten er een aantal javascript elementen in die leuk zijn om na te maken.

Voor deze opdracht heb ik gekozen voor 'responsiveness'.

Het proces

Ik ben begonnen met het goed bestuderen van de originele website. Hier heb ik screenshots en een breakdown van gemaakt van welke elementen er allemaal op de pagina te vinden zijn

Vervolgens moesten we ook een toegankelijkheidstest doen op de echte website.

De volgende stap was alle media van de orginele website downloaden. Met een tooltje kon ik dit allemaal binnen halen.

Toen ben ik begonnen met het bouwen van de grote elementen. De video caroussel was de grootste uitdaging. Hier heb ik lang over gedaan omdat het best complex was.

Screenshots