Procesportfolio
JavaScript Real Life projekt startede med kickoff den 9/2.
JavaScript‑projektet gik ud på, at vi skulle implementere en selvstændig underside på en hjemmeside, hvor fokus var på JavaScript‑delen.
I gruppen besluttede vi os hurtigt for at arbejde med en webshop, fordi det gav mange muligheder for at afprøve JavaScript i praksis. Vi startede med at gennemgå siden for at finde ud af, hvor vi kunne tilføje interaktive funktioner. Vi havde tidligere øvet opsætning af både GitHub og HTML‑filer med hjælp fra Thomas, hvilket gjorde det lidt nemmere at få vores fælles projekt op at stå, selvom vi stadig løb ind i nogle problemer i starten.
Vi valgte at gå med denne produktside på SOS-lifestyle.dk
Hele den første dag brugte jeg på at opbygge HTML‑ og CSS‑delen, så layoutet lignede den rigtige hjemmeside. Imens begyndte Lærke og Ela at undersøge, hvilke JavaScript‑funktioner vi kunne implementere. Det var en lang dag for mig, fordi jeg sad i HTML og CSS stort set hele tiden, og vi kunne jo ikke arbejde i den samme fil samtidig. Men jeg havde sagt ja til at tage den del, så det skulle bare klares.
Om aftenen fik jeg rettet det sidste i HTML og CSS og begyndte faktisk også på min JavaScript‑del, så vi forhåbentlig var lidt foran næste dag.
Tirsdag morgen fik vi et overblik over hele hjemmesiden og besluttede os for, hvilke JavaScript‑funktioner vi ville lave:
Derefter fordelte vi JavaScript‑opgaverne mellem os og sørgede hele tiden for at fortælle, hvilke filer vi arbejdede i, så vi ikke kom til at overskrive hinandens arbejde.
Jeg skulle lave en popup‑funktion i form af et nyhedsbrev, hvor brugeren både skulle kunne åbne og lukke popup’en. Jeg lavede også inputfelter, så man faktisk kunne tilmelde sig nyhedsbrevet, hvorefter der kom en besked, når tilmeldingen var gået igennem.
Det kunne virkelig mærkes, at vi gik fra HTML/CSS til JavaScript, og vi mødte en del udfordringer. Jeg brugte Copilot som hjælp, og det gjorde en stor forskel for både at løse problemer og forstå koden.
Da jeg allerede lå godt i forhold til min opgave fra dagen før, havde jeg tid til at sætte mig mere ind i min JavaScript‑kode. Selvom jeg stadig syntes, det var svært, følte jeg til sidst, at jeg fik en nogenlunde forståelse af det. Ela havde flere problemer med sin popup, og fordi jeg selv havde lavet en popup, hjalp jeg hende — til sidst fik vi det til at fungere.
Da alle havde lavet deres del af JavaScript‑funktionerne, satte vi os sammen for at få et overblik og sikre, at vi kunne forklare vores arbejde i videooptagelsen. Til den endelige demonstration valgte vi at bruge nyhedsbrev‑funktionen, som jeg havde lavet, fordi vi var sikre på, at den dækkede pensum bedst, og fordi det var den kode, vi alle bedst kunne forklare.
Tirsdag eftermiddag afleverede vi, og det var virkelig en lettelse! Selvom projektet var intenst, var det stadig hyggeligt, fordi vi arbejder så godt sammen.
Det færdige resultat:
For mig har dette været det mest udfordrende projekt, vi har haft indtil nu. Jeg kunne tydeligt mærke, at jeg missede JavaScript‑undervisningen, da jeg var på ferie den uge, hvor det blev gennemgået. Selv om jeg har brugt tid på at læse op, tror jeg helt sikkert, jeg ville have haft en bedre forståelse, hvis jeg havde været med. Men at arbejde med det i praksis gjorde det nemmere, selvom det var svært — og jeg håber og tror, at det bliver lettere, jo flere gange jeg arbejder med det.
JavaScript var helt nyt for mig, og selvom jeg ikke forstår alt endnu, føler jeg mig mere tryg ved det end før projektet. Projektet har givet mig en bedre idé om, hvad man kan med JavaScript, og hvad der venter i de kommende opgaver. Jeg glæder mig faktisk til at lære mere og udfordre mig selv endnu mere.