SneakersnStuff

JAAR: SEPTEMBER 2023

OPDRACHTGEVER: DE HOGESCHOOL VAN AMSTERDAM

VAK: FRONTEND DEVELOPMENT

DE OPDRACHT

De opdracht was om twee verschillende pagina's na te maken van een bestaande website (de website mocht je zelf uitkiezen) met HTML, CSS & JavaScript.

De criteria daarbij waren:

• Diversere content

• Minimaal een micro-interactie tot in de details (waarbij JavaScript is gebruikt)

• Toegankelijk (screenreader, bedienen met toetsenbord)

• Professionele vormgeving 

• Responsive voor small screen

  
  

Vervolgens moest je ook een keuze maken of je de website ook responsive maakte voor grotere devices of extra aandacht besteedde aan de surface plane.

Ik heb ervoor gekozen om de gehele website responsive te maken en heb ik ook nog extra aandacht besteed aan de surface plane zoals light/dark mode verwerkt, Prefers-reduced-motion, animaties & states. Beide dingen had ik eerder nog niet gedaan, maar vond ik wel heel interessant en wilde ik graag leren voor mogelijk gebruik in de toekomst.

HET PROCES

Tijdens het proces heb ik vele nieuwe dingen geleerd die ik weer kan toepassen. 

Zoals hoe ik mijn website responsive maak, hoe ik de toegankelijkheid van mijn website kan verbeteren en wat daar allemaal bij komt kijken, grid, media query's, slide shows en custom properties.

Door middel van het namaken van een bestaande website merk ik dat je vooraf veel meer rekening houdt met de opbouw van de website en meer let op de kleine details om het helemaal hetzelfde te maken en veel meer leert, omdat je elementen tegenkomt die ik vooraf nooit uit mijzelf zou gebruiken puur omdat ik er niets van af wist.

HET RESULTAAT

Klik hier voor de website