JavaScript in real life

Fredag den 29. August blev vi introduceret til første projekt på 2. semester, nemlig Javascript in real life. Ugen inden havde vi haft undervisning med Thomas og var blevet undervist i hele pensum. På første skoledag havde vi inddelt os i grupper, så gruppen bestod af Rebecca, Teo, Caroline, Maria og jeg.

Opgave gik ud på, at vi skulle finde et kommercielt website, som skal re-implementeres i HTML, CSS og JavaScript. Hvert teammedlem skulle implementere nok JavaScript til, at det dækkede indholdet og demonstrerede pensum.

Efter en masse søgning på nettet valgte vi at gå med Bahnes hjemmeside og denne Limona top, og kunne dermed går i gang mandag. Limona Top – sort

Da Rebecca og jeg havde valgt at blive tutorer for 1. semester, var der dage, hvor vi ikke kunne mødes med gruppe. Mandag mødtes vi først med gruppen om eftermiddag, onsdag og fredag var helt booket.

Mandag begyndte vi så med at implementer hjemmesiden i HTML og CSS. Da Rebecca og jeg var tutorer, stod Caroline, Teo og Maria for dette. Vi mødtes med dem om eftermiddagen og kiggede derefter på, hvilke muligheder der var for at implementere JavaScript, og fordelte dem efterfølgende. Vi fandt frem til: burgermenu, størrelsessystemer, farvevalg, billedkarussel og kurv.

Rebecca fik tildelt burgermenuen på hjemmeside, da vi andre havde lavet den i vores eksamen fra 1. semester. Caroline valgte størrelse systemet, som skulle vise den valgte størrelse. Maria og jeg vil begge gerne lave billedkarussellen, som skulle køre billederne igennem fra den valgte trøjes farve, men da jeg havde lavet den til eksamen fra 1. semester, fik Maria den. Teo ville gerne lave kurven, som skulle vise, hvilken størrelse og farve man havde valgt. Jeg valgte farvevalget af trøjerne, så når den hvide trøje blev valgt, ville billeder, tekst og pris ændre sig.

Vi havde dermed fået fordelt vores opgaver og kunne komme i gang med at kode JavaScript. Dette gjorde vi tirsdag, hvor vi sad sammen og hjalp hinanden. Rebecca og jeg var som sagt booket til 1. semester onsdag, så der valgte vi, at de andre havde en hjemmearbejdsdag, da vi alligevel sad med vores koder selvstændigt.

Vi mødtes torsdag og præsenterede samt kiggede hinandens koder igennem. Vi var derefter alle færdige med vores koder og skulle dernæst udvælge noget JavaScript, som vi skulle gå i dybden med og forklare til en video. Her valgte vi Carolines kode og inddelte den, så vi alle var med til at snakke i videoen.

Link til hjemmeside: https://proces.carolinexnielsen.dk/

Derefter lavede vi et afleveringsdokument og afleveret det.

Refleksion

Det har været en spændende opgave at arbejde med, fordi vi for første gang skulle bruge JavaScript i et større, praktisk projekt. Jeg kunne tydeligt mærke forskellen på JavaScript i forhold til HTML og CSS – det var mere udfordrende, men også mere givende, fordi det gjorde hjemmesiden langt mere interaktiv og dynamisk.

En udfordring for mig personligt var, at jeg ikke kunne være lige så meget med i alle processerne, da jeg samtidig var tutor for 1. semester. Det betød, at jeg nogle dage var mindre til stede i gruppen.

Det var også første gang, jeg arbejdede tæt sammen med denne gruppe, og jeg synes, det har været en rigtig god oplevelse. Vi fik fordelt opgaverne på en måde, så alle kunne byde ind, og vi hjalp hinanden undervejs.

Alt i alt har jeg fået en bedre forståelse af JavaScript og af, hvordan samarbejde i en gruppe kan fungere, selvom alle ikke altid kan være til stede samtidig.