De opdracht
De opdracht binnen het vak Front-end development was om een website uit te kiezen met meerdere pagina’s en van deze website van 2 pagina’s de code zelf te coderen in HTML/CSS/JavaScript. Binnen het vak moest je naast deze 2 pagina’s ook extra onderdelen toevoegen in je code, zodat je meer zou leren. Je kon er ook voor kiezen je pagina’s responsive te maken, maar hier had ik toen niet voor gekozen.
In plaats van de pagina responsive maken, heb ik dus gekozen om extra code onderdelen toe te voegen aan de surface plane. Zo bevatte mijn versie van de website een dark mode, heb ik keyframes/animaties toegevoegd voor extra interactie (bij hover) en hover en active states toegevoegd aan elementen. Verder heb ik een :root toegevoegd bovenaan mijn code zodat mijn code overzichtelijker is en specifieke elementen op 1 plek in de code staan om aan te passen.
Wat heb ik geleerd?
In dit vak heb ik geleerd hoe ik een website voor mobiel responsive kan coderen in HTML en CSS en een beetje JavaScript. Verder heb ik geleerd hoe ik een :root effectief kan gebruiken en met veel nieuwe onderdelen kennis gemaakt binnen CSS, namelijk met flexbox, keyframes en het implementeren van een dark mode bij je website.
Ook heb ik geleerd dat bij coderen Google je beste vriend is en hoe je met de gevonden kennis je dingen snel leert toepassen. Toen ik dit vak had behaald met een 7.0 was ik erg trots op alles wat ik de vorige 10 weken had geleerd en wilde ik meer gaan leren over Front-end development.
