Analyseren
De gekozen website bekijken en bepalen welke onderdelen, layoutkeuzes en interacties belangrijk waren om na te maken.
Frontend development
AT5.
Een schoolopdracht waarin ik een bestaande website naar keuze namaakte, met focus op frontend basics en een responsive opbouw.
Summary
Voor deze frontend development opdracht koos ik ervoor om de website van AT5 na te maken. Het doel was om de basis van HTML, CSS en JavaScript toe te passen door een bestaande website goed te analyseren en stap voor stap opnieuw op te bouwen.
De nadruk lag op frontend basics, zoals semantische structuur, styling, layout, interactie en responsiveness. De website moest op verschillende schermformaten blijven werken en visueel herkenbaar blijven als de originele AT5-ervaring.
- Client
- AT5
- Role
- Frontend development
- Focus
- Frontend basics, responsive layout, website remake
Approach
Een bestaande website namaken door goed te kijken naar structuur en gedrag.
Ik analyseerde de opbouw van de AT5 website en vertaalde die naar eigen HTML, CSS en JavaScript, met extra aandacht voor responsive gedrag.
Opbouwen
De pagina uitwerken met HTML, CSS en JavaScript, met focus op nette structuur, styling en frontend basisprincipes.
Responsive maken
De layout testen op verschillende schermformaten en aanpassen zodat de website ook op kleinere schermen goed blijft werken.