Om projektet:
JavaScript Projektet gik ud på at vi skulle i grupper af 4 finde en hjemmeside som vi gerne vil “re-kode” i HTML, CSS og ikke mindst JavaScript. Den del JavaScript vi så hver i sær skulle kode skulle fylde hele pensum.
Vores Proces:
Vi valgte at kode IKEA’s forside, den er meget simpel men har en del JavaScript kode som man kunne arbejde med. Det hjalp os også med at sætte mere fokus på JavaScript delen og ikke så meget HTML og CSS.
Jeg valgte at kode navbaren i JavaScript.
Den måde at navbaren virker på er at JavaScript koden kører et array af objekter som hver indeholder den tekst der skal stå i navbaren og linket. Det skriver den så ud på navbaren.
For at få den sidste del koden med jeg manglede så kodet jeg også en “Go to top” knap.
Der bruger jeg en funktion der tjekker hver gang man scroller og så viser den så den her knap når man er nået en bestemt stykke pixels ned. Når man trykker på den her knap kører den en funktion der kører skærmen op til toppen igen.
Vi skulle derefter også lave en video hvor vi forklarer vores kode.
Kode forklarings video:
Refleksion:
Jeg syntes det her var et rigtig fedt mini projekt da jeg rigtig godt kan lide at kode. Da JavaScript godt kan være svært at lære syntes jeg det var fedt at vi fik en hel ugen til at kun koncentrere os om det, så lærte jeg i hvert fald det meget hurtigere. Jeg fik også lært rigtig meget af at optage mig selv snakke om min kode og det havde jeg ikke troet, man får lidt et andet indblik i sin kode når man skal forklarer den hvilket også gør at man selv forstår det meget bedre.