Proces

Til dette projekt skulle vi re-implementere en eksisterende hjemmeside i HTML, CSS og JavaScript(JS), med fokus på at hvert gruppe medlem skulle lave en JavaScript funktion, på siden, som skulle indeholde alt det vi havde haft om ugen inden.

Vi valgte at gå med H&M, da vi nemt ville kunne finde forskellige slags JS som vi kunne prøve at implementere.

Vi valgte at re-implementere 2 sider, forsiden og en produktside. De forskellige JavaScript opgaver vi kom frem til var:

• Sidemenu
• Login
• Billedgalleri
• Produktvalg
• Læg i kurv

Hvoraf jeg fik til opgave at lave produktvalget, da jeg allerede havde arbejdet med JavaScript før, og har okay styr på det, fik jeg en af de mere avanceret opgaver.

Jeg skulle lave produktvalg, som skulle gøre at man kan vælge forskellige farver hvor den skifter billederne til selve produktet så det matcher med den farve man har valgt, samt så skulle den vise de størrelser som er tilgængelige til den tilsvarende farve.

Først før vi kunne gå I gang med noget som helst, så skulle selve sidens html og css op og køre. Her fik jeg til opgave at lave produktsiden I html.

For at få den så tæt på den virkelige side, har jeg inspectet H&M’s side, hvor jeg har taget deres CSS, for at være sikker på at forholdene svarede nogenlunde overens.

Da jeg var færdig med HTML delen, begyndte jeg så på at lave Javascripten, her startede jeg med at lave alle de forskellige farve valg om til objekter, så jeg havde noget at gå ud fra når jeg gik videre til den egentlige funktion ved koden. I selve ugen hvor vi skulle arbejde med projektet, var jeg også tutor for de nye elever. Hvilket gjorde at den mængde arbejdstid jeg havde var meget begrænset, dog gjorde dette ikke noget da jeg startede om tirsdagen og blev færdig tirsdag aften.

Resten af ugen der hyggede jeg mig med at prøve og hjælpe de andre, med deres opgave. Og torsdag der kom jeg igen på arbejde da vi skulle merge alle vores ændringer. Hvilket er besværligt når ikke alle er færdige endnu, så jeg skulle først vente på at alle blev færdige før jeg kunne gøre det. Og her hjalp jeg Dicte til at forstå og prøve at tænke sig frem til hvad hendes kode skulle indeholde. Og da hun endelig blev færdig så færdiggjorde jeg mergen, hvor github ikke var alt for hjælpsom, men fordi jeg har arbejdet meget med det, så kunne jeg nemt fikse det der endte galt.

Om fredagen der mødtes vi som en gruppe, hvor vi fik uploadet vores side til et domæne, samt fik godkendt videoen, også fik vi afleveret.

Link til Forside:  https://jsvarre.dk/JavaScriptProjekt/index.html

Link til Produktside:  https://jsvarre.dk/JavaScriptProjekt/produktside.html

Refleksion

Dette projekt var meget for at få en genopfriskning på JavaScript. Da jeg allerede har arbejdet med det før, så har jeg ret godt styr på hvad koden gør. Dog har jeg flere problemer med at finde ud af hvad min kode skal indeholde, for at få den funktionalitet jeg søger efter. Her bruger jeg ofte ChatGPT, for at kunne give mig et forslag til hvordan det kan se ud, men jeg bruger aldrig kode jeg ikke har sat mig ind i hvad det gør, og om hvorvidt det er nødvendigt eller ej.

Den svære del ved projektet var den korte tidsperiode vi havde til det, samt at jeg var tutor samtidig. Dette gjorde at jeg valgt at få mere hjælp fra chatGPT end jeg normalt ville gøre. Normalt plejer nemlig at gå på google og finde svarene derigennem, men dette kan varier meget med hvor lang tid det vil ende med at tage, da man ikke altid kan finde det rigtige svar til ens problem. Hvorimod chatGPT kan komme med en løsning på 2 sekunder, dog lærer man ikke altid ligeså meget når man bare bruger chatGPT, da den kommer med en meget præcis og ofte kun 1 løsning, samt så har chatGPT en præference at inkorporer mere avanceret kode termer og funktioner som vi endnu ikke har lært, dog hvis man spørger på den rigtige måde så får man noget der kan til svare ens niveau. Hvor hvis man kigger på nettet kan man måske lærer om forskellige slags løsninger, og ting som man ikke selv ville have tænkt på.

Alt i alt så er jeg meget tilfreds med min del af projektet, dog ville jeg en anden gang foretrække at bruge minde chatGPT. Jeg har ikke lært supper meget, da jeg allerede var godt kendt med alt det vi lavede i forvejen. Men jeg har derimod været i stand til at kunne lære fra mig, og hjælpe de andre med deres del.