Front-end Development

Voor het vak Front-end Development kreeg ik de opdracht om een bestaande website te reconstrueren en te verbeteren op het gebied van toegankelijkheid. Ik koos ervoor om de website van Nike na te maken, met een focus op semantische HTML en responsive design.

Ik begon met een analyse van de toegankelijkheid van de originele website en stelde op basis daarvan een lijst met verbeterpunten op. Vervolgens werkte ik twee pagina’s volledig uit. Eerst bouwde ik de structuur in HTML, waarna ik de styling en layout in CSS ontwikkelde. Link naar de website

De verbeteringen lagen voornamelijk in het optimaliseren van de semantiek en het verduidelijken van de codestructuur. Daarnaast heb ik een light- en dark mode gemaakt om de gebruikservaring te verbeteren.

Dit project heeft mijn technische vaardigheden verdiept. Ik heb mijn kennis van HTML en CSS uitgebreid, met speciale aandacht voor de samenwerking tussen structuur en styling. Het responsive maken van de website voor zowel desktop als mobiel was een nieuwe uitdaging, waarin ik veel heb geleerd. Daarnaast heb ik binnen dit project ook mijn basis van JavaScript iets verstevigd.