Real Life JS

I starten af projektet blev vi dannet i grupper, og jeg endte i en gruppe med fire andre piger. Vi var alle meget usikre på projektet, eller rettere sagt hvor længe vi skulle være i vores gruppe, og hvor mange projekter vi skulle arbejde sammen på. Vi var alle helt sikre på, at vi skulle arbejde sammen i JS-projektet, Netværksdage-projektet og P4-projektet. Det viste sig at være anderledes.

Vores projekt var ret simpelt, vi skulle finde en hjemmeside, som vi ville redesigne, men hver af os skulle lave én JS-kode, som indeholdt alt vores pensum. Når det var færdigt, skulle vi lave en fælles video, hvor vi tog én af vores koder og forklarede den grundigt sammen.

Der var ikke særligt store krav til vores HTML- og CSS-kode. Gruppen tog en fælles beslutning om at bruge Claude, som er en programmerings-AI, til at lave HTML og CSS, og på den måde var vi sikre på, at vi havde nok tid til at færdiggøre projektet. Vi arbejdede på projektet fra den 9.–13. februar.

Vi fandt en virkelig dårlig hjemmeside, som tilhører en blomsterbutik. Ud fra det besluttede vi hver især, hvad vi ville programmere i JS. Jeg valgte at programmere en “tilbuds”-knap, som viser, hvilke blomster der er på tilbud på en bestemt dag.

Min idé var først, at det skulle være en knap, man trykker på, og så kommer der et popup alert-vindue, som viser fem tilfældige forskellige typer blomster på tilbud. Jeg vidste nogenlunde, hvordan jeg skulle kode det og sætte det op, men det var første gang, jeg ikke skulle stille 100 spørgsmål til ChatGPT. Det tog mig én dag at kode det, men undervejs fandt jeg ud af, at man ikke kan indsætte billeder i et popup alert, hvilket er ret ærgerligt. Derfor måtte jeg ændre min idé fra at vise tilfældige billeder i et popup-vindue til i stedet at lave en knap, som, når man trykker på den, viser en kolonne, der folder sig ud med fem billeder af fem forskellige blomster, markeret efter ugedagene, altså hvilken dag de er på tilbud. Når man trykker på knappen igen, lukker kolonnen eller forsvinder.

Derefter mødtes vi alle for at samle vores koder i HTML og CSS og forbinde alt JavaScript til HTML. Til sidst valgte vi den kode, vi ville tale om, som var Sheilas kode, og fordelte, hvem der ville forklare hvad. Til sidst optog vi en video, hvor vi forklarede hele hendes kode.

Projektet var slet ikke så svært, som jeg havde forventet, men det hjælpede rigtig meget, at jeg deltog i alle JS-timerne, i modsætning til hvad jeg oplevede med HTML- og CSS-timerne. Jeg synes generelt, at det er sjovt at kode, selvom jeg er virkelig langsom, og det ofte er ret svært. Jeg var også stolt af mig selv over, hvor meget jeg forståede koden, og hvor lidt jeg havde brug for at rådføre mig med AI. Jeg har aldrig arbejdet sammen med de her piger før, og jeg syntes generelt, at det fungerede rigtig fint, en ret afslappet gruppe, som ikke stresser over småting.

Vores gruppe, manglar dem som tager billeden (Sheila)

Leave a Reply

Your email address will not be published. Required fields are marked *