Philip Nordlund Fällman
18190e6cb8
Deploy static content to Pages / deploy (push) Has been cancelled
Signed-off-by: Philip Nordlund Fällman <philip.nordlundfallman@realgymnasiet.se>
20 lines
2.1 KiB
Markdown
20 lines
2.1 KiB
Markdown
# Reflektion – Webbplats om en plats
|
||
|
||
## Vad som gick bra
|
||
Under arbetet med min webbplats har jag lärt mig mycket om både HTML och CSS. Själva grunden gick bra och jag kände att jag hade kontroll över strukturen och designen. Jag lyckades bygga upp en fungerande webbplats med tydlig layout och navigation.
|
||
|
||
## Utmaningar
|
||
En av de större utmaningarna var responsiv design, särskilt för mobil. Det var ibland svårt att hitta rätt värden för att få layouten att anpassa sig på ett bra sätt. För att lösa detta testade jag olika lösningar, till exempel att justera storlekar, använda flexbox och ändra marginaler tills resultatet fungerade bättre på mindre skärmar. Detta gjorde att jag fick en bättre förståelse för hur responsiv design fungerar i praktiken.
|
||
|
||
En annan utmaning var att få in Google Maps i webbplatsen. I början var det oklart hur det skulle göras, men efter att ha undersökt vidare upptäckte jag att Google Maps erbjuder färdig inbäddningskod som man kan kopiera. När jag hittade detta blev det mycket enklare att implementera kartan.
|
||
|
||
## JavaScript och problemlösning
|
||
JavaScript var nytt för mig och därför också den svåraste delen. För att skapa funktioner som dark mode och en fungerande footer tog jag hjälp av resurser som Stack Overflow och Reddit. Genom att läsa och testa kod från andra utvecklare kunde jag steg för steg förstå hur funktionerna fungerade och anpassa dem till min egen webbplats.
|
||
|
||
Detta har hjälpt mig att utveckla min problemlösningsförmåga och förstå hur viktigt det är att kunna söka information och lära sig av andra.
|
||
|
||
## Vad jag skulle göra annorlunda
|
||
Om jag skulle göra om projektet skulle jag planera min responsiva design mer noggrant från början istället för att justera i efterhand. Jag skulle också försöka sätta mig in mer i JavaScript tidigare i processen, så att jag känner mig säkrare när jag implementerar funktioner.
|
||
|
||
## Sammanfattning
|
||
Sammanfattningsvis har jag inte bara lärt mig tekniska färdigheter inom HTML, CSS och JavaScript, utan också hur man arbetar mer strukturerat och löser problem under utvecklingsprocessen. |