Website namaken

Bij de eerste challenge moesten we een website namaken die we leuk vonden. Ik heb hier toen voor de site van Audi Nederland gekozen.

Bij deze opdracht heb ik geleerd hoe vaak een website verandert. Elke keer als ik iets had gemaakt en 2 dagen later weer op de site keek, was het alweer veranderd. Verder heb ik geleerd hoe de structuur van een website er uit ziet en hoe je de html netjes kunt houden.

Frank heeft hem bekeken, ik moest minder lang met sommige dingen bezig zijn, maar verder leek het goed.
Bekijk de website
Bekijk de Git

Bij de JavaScript challenge moesten we verschillende dingen laten gebeuren met JavaScript als je op de pagina klikt of als je simpelweg de pagina opent, dat er dan verschillende dingen gebeuren.

Bij deze opdracht heb ik de basics van JavaScript geleerd. Ik heb een counter gemaakt die steeds als je klikt omhoog gaat. Daarnaast heb ik gemaakt dat als je klikt dat er dan een plaatje van links naar rechts over het beeld heen gaat. Dit heb ik gedaan door het op te zoeken en daarmee verder te proberen.

Er zaten genoeg verschillende dingen in, goedgekeurd door Frank. 
Bekijk de JavaScript challenge
Bekijk de Git

Json genereren

Bij deze challenge moesten we met behulp van Json een API op onze website werkend krijgen.

Bij deze challenge heb ik geleerd hoe je een API kunt koppelen aan een website met behulp van JSON. Ik snap nu beter hoe data van een server naar je site wordt gestuurd en hoe je die informatie goed kunt gebruiken. Ook weet ik nu hoe belangrijk het is dat de JSON-structuur klopt, anders werkt het niet goed.

Gecontroleerd door Frank en was goedgekeurd.
Bekijk de Json challenge
Bekijk de Git

Webshop maken

Dit was geen challenge die we hebben gekregen van een docent, dit heb ik in de vakantie gemaakt toen ik tijd over had.

Ik heb dit gedaan omdat ik later misschien ook een eigen webshop wil starten en ik dacht: dan kan ik een beetje oefenen en bekijken hoe alles in elkaar zit. Ik heb best veel hiervan geleerd, vooral dat er heel veel verschillende dingen bij elkaar komen. Je moet een API hebben voor het betalen/koppelen met een externe site om te ontwerpen. Er zitten ook veel pagina’s in waar je JavaScript moet gebruiken om iets te laten automatiseren.
Bekijk de webshop
Bekijk de Git

Door deze reeks aan challenges heb ik op een praktische manier geleerd hoe veelzijdig webdevelopment is. Elke challenge vroeg iets anders van mij: van het technisch nabouwen van een bestaande website tot het zelf bedenken van een webshop en het koppelen van een API. Wat me het meest is bijgebleven, is hoe belangrijk het is om flexibel te zijn. Websites veranderen constant, en daardoor leerde ik sneller schakelen en beter omgaan met feedback en nieuwe inzichten.

Wat ik nog wil verbeteren is het plannen en ontwerpen voor ik begin met bouwen, zodat ik gerichter te werk kan gaan. Al met al hebben deze projecten me geholpen om niet alleen beter te coderen, maar ook om meer inzicht te krijgen in het grotere geheel van een digitale toepassing. Bij de challenges heb je te maken met LO 1, 2, 3, 4 en 5