JavaScript Real-Life Project
Proces beskrivelse
Til JavaScript projektet valgte vi at gå med hjemmesiden:
https://www.sos-lifestyle.com/dk_store/
Dette valg tog vi ret hurtigt, da vi tænkte at man kunne på sådan en simpel shoppe side kode noget JS på billederne, knapperne, produktbeskrivelserne osv. Uden at gå så meget i dybden med JS mulighederne på hjemmesiden, startede vi med at kigge hjemmesiden igennem. Vores GitHub og HTML dokument i VS havde vi på forhånd øvet i at sætte op sammen med Thomas, hvilket hjalp os hurtigt med at få oprettet vores fælles Github og VS dokument (det drillede en smule men stadig fik vi det løst). Mathilde gik i gang med at sætte HTML og CSS delen op, så vores kopi af hjemmesiden var klar til JS delen, hvorfra Lærke og jeg undersøgte, hvad vi specifikt kunne kode af JavaScript på hjemmesiden.
Det var lidt svært at hjælpe hinanden på én specifik opgave, såsom Mathilde der var i gang med at sætte siden op, hvilket skyldes de udfordringer og fejlmeldinger som kan opstå i Github. Derudover kan vi heller ikke side og kode i samme dokument samtidig, så i vores proces har vi sørget for at opdele opgaverne konkret, og derudover skulle man hele tiden informere gruppen om, hvilken dokument man var inde og kode på. Da vi havde hjemmesiden oppe, og alt var på plads, snakkede vi om de idéer til JS delen, som vi kunne kode på hjemmesiden. Her fandt vi frem til, at vi gerne vil kode på en underside til et produkt, hvor vi gerne ville kode på:
- Billede slideren af jakken
- Knapperne til størrelserne på jakken og favoritfunktionen
- Nyhedsbreven hvor man kan få rabat
- Opretter en bruger og kan logge ind
- Under billedet står der hvad produktet er velegnet til (her kommer der popups med uddybende beskrivelse)
Herefter uddelte vi hvem der skulle kode hvad – Jeg havde fokus på popup’s med produktbeskrivelserne. Min opgave gik primært ud på, at når man klikkede på en af de egenskaber, som produktet havde for eksempel “Vandtæt”, så ville man få en popup med indhold, og derfra kunne lukke den igen ved at klikke på kryds eller udenfor popuppen. At kode JS delen var selvfølgelig lidt anderledes i forhold til HTML og CSS. Jeg vil sige der var mange udfordringer jeg og gruppen støtte på undervejs, hvor vi til sidst fandt frem til løsninger, men det krævede også tålmodighed og koncentration. Til JS delen brugte jeg hjælpemidler som Youtube og CoPilot, som hjalp mig med at løse udfordringer og give en forståelse for hvad jeg egentlig kodede, så jeg også havde forståelsen på plads til når vi skulle optage. Noget andet jeg og gruppen også fandt udfordrende var de fejlmeldinger vi stødte på gennem Github. Det drillede en del i starten for os, men så fik vi hjælp af hinanden og Thomas, så vi kunne komme videre i processen. Så snart vi var færdige med at kode hver vores JS del, satte vi os mere ind i forståelse af koden, så vi vidste hvad vi skulle sige til optagelsen. Vi valgte at gå med nyheds/rabatbreven som Mathilde havde kodet på, da vi også var 100% sikre på, at den opfyldte hele pensum.
Her satte jeg mig blandt andet i forskellen på globale og lokale variabler, som vi bruger i koden. Efter vi alle havde styr på hver vores del til videoen, skulle vi optage. Vi aftalte at hvis man failede i videoen, altså at der går lidt hak i det man siger, var det helt okay, og man bare skulle fortsætte. Efter optagelsen sørgede vi for at få projektet online, som jeg gjorde gennem min FileZila, hvor jeg koblede den på min præsentationsportfolio fra eksamenprojektet med en ny mappe.
Reflektion
Dette projekt vil jeg sige, nok har været den mest udfordrende projekt ud fra alle projekter, som vi har haft indtil nu. Jeg har i hvertfald stødt på mange udfordringer undervejs, mest ift. at vi ikke kunne få noget til at virke i JS. Men som redskab og hjælpemiddel havde vi Copilot og Youtube – Vigtigst af alt hinanden, som har været en kæmpe hjælp med at komme i mål. Eksempelvis drillede min popup-funktion lidt, men med hjælpen og alt det arbejde man ligger i det, bliver man også mere tilfreds og stolt af sig selv. Som gruppe har vi fulgt samme arbejdsstruktur, som vi er vandt til – Altså hvor vi kommer tidligt, og tager en lang dag, hvor vi fuld koncentreret og effektive. Selvom vi har arbejdet på den her måde, kan jeg godt lide at vi stadig har kunne skabe et godt rum, hvor vi samtidig nød hinandens selvskab. At sidde med JS for første gang, har været lidt tungt, men det har stadig givet meget læring og mere forståelse for, hvad vi bliver kastet ud i gennem semestret. I alt føler jeg generelt bare at det har været dejligt med denne lille projekt, som har givet et godt indtryk af hvad JavaScript er og går ud på. Selvfølgelig har jeg ikke opnået fuld forståelse for, hvad alt er og hvordan det virker – Men jeg ved nu, hvordan det føles at sidde med JS, fået viden indenfor det og arbejdet med det. Så nu ser jeg mere frem til at øve mig mere i de kommende projekt, og at opnå fremskridt i JS.