Voor mijn stage was het belangrijk dat ik een eigen portfolio maakte waar je snel kennis met mij kan maken en kan zien waar ik tijdens mijn studie mee bezig ben geweest. Aangezien het voor mij belangrijk was om meer ervaring op te doen met front-end development, heb ik mijn hele portfolio zelf volledig responsive gemaakt en gecodeerd in HTML, CSS en JavaScript.
2022
HTML, CSS, JavaScript, Adobe Photoshop, Adobe Illustrator
HvA 2e jaar
In de periode dat ik mijn portfolio zelf aan het coderen was, heb ik verschillende handvatten gebruikt die ik tijdens mijn studie ben tegengekomen en heb geleerd. Zo begon ik eerst design research te doen, om inspiratie op te doen voor mijn eigen portfolio. Aan de hand van mijn research heb ik een design gemaakt in Adobe Xd en heb ik dit vertaald naar HTML en CSS. Tijdens het coderen ging ik natuurlijk ook mijn eigen design itereren, zelf mock-ups maken om mijn vorige projecten mooi te laten weergeven en hier de teksten voor te schrijven.
Ik heb als allereerst geleerd hoe ik te werk ga bij het designen en coderen van een responsive website. Daarnaast ging ik met de handvatten vanuit mijn studie beginnen met mijn portfolio te coderen. Met behulp van Google en Youtube zijn de pagina’s ook responsive en kennis gemaakt met media query's, zodat alle pagina’s op alle apparaten mooi te zien zijn. Ik had eerder nog niet gewerkt met media query's, dus om hier voor het eerst mee te werken was erg leuk.
Verder heb ik meer geleerd over hoe ik Flexbox in CSS gebruik. Dit had ik wel eerder gebruikt, maar nu heb ik het veel uitvoeriger gebruikt omdat mijn pagina’s ook responsive zijn en je hier ook rekening mee moet houden. Ook heb ik een grid gebruikt voor het tonen van mijn projecten. Ik had nog nooit met CSS Grid gewerkt, maar ik heb met behulp van Google en Youtube zelf een responsive grid gemaakt.
Voor de mock-ups die te zien zijn op dit portfolio heb ik gebruik gemaakt van Adobe Illustrator en Adobe Photoshop. Hier had ik in het verleden wel eerder mee gewerkt, maar ik heb hierdoor toch extra ervaring opgedaan met de programma’s. Ik heb nog veel te leren over beide programma’s, maar vond het toch leuk dat ik er weer extra kennis over heb opgedaan.
Ik zou graag meer ervaring op willen doen met JavaScript. Tijdens dit project heb ik JavaScript niet heel veel toegepast terwijl ik daar eigenlijk wel nog meer over wil leren.
Ik zou ook graag mijn kennis over CSS willen uitbreiden. Er valt voor mij nog veel te leren. Een voorbeeld hiervan zijn keyframes en animaties, die lijken me namelijk interessant en leuk om toe te passen.
Voor de rest lijkt het me ook interessant om meer over andere aspecten van front-end development te leren. Bijvoorbeeld over Search Engine Optimization, toegankelijkheid van het web en frameworks. In dit project heb ik gebruik gemaakt van geen enkele framework. Ik wilde proberen om een volledige portfolio op te bouwen met mijn eigen code. Naast dat dit uitdagend en leuk was om te doen, wil ik hiernaast ook kennis maken met verschillende styling en/of front-end frameworks om mijn kennis uit te breiden.
Kortom, er zijn nog veel dingen die ik wil leren. Ik zou ook graag willen ervaren hoe het is om als front-end developer binnen een organisatie te werken. Het is natuurlijk leuk om thuis veel te leren over code, maar het meest leer je ook van andere mensen. Ik zoek daarom ook naar een stage. Een stage waar ik als front-end developer te werk kan gaan om daar kennis te maken met het bedrijfsleven als developer.