Skapa en hero image
En hero image visas oftast på startsidan på en webbplats och innehåller någon typ av info som ska uppmärksammas för besökaren till följt av en knapp att klicka sig vidare på för att läsa mer. Kolla in vår startsida på Tjejer Kodar så förstår du vad vi menar! I denna utmaning ska du skapa din egna Hero Image, passa på att ta tillvara på dina knapp-kunskaper 👏.
Det här behöver du
Du behöver en kodeditor, vi rekommenderar Visual Studio code som är helt gratis att använda och går att ladda ned här.
Få hjälp
Gå med i vår Slack kanal och få hjälp av hela vårt community och hjälp coacher. Gå med här.
1. Så här startar du
Ladda ned kodfilerna här till din email och öppna i din kodeditor. Inuti filerna hittar du vidare instruktioner och kommentarer om hur du går tillväga för att lösa utmaningen och i nästa stycke hittar du dessutom grymma tips och trix!
2. Tips & trix
-
![]()
Läs om grunderna för Hero Image på w3Schools här.
-
![]()
Kolla in hur andra har byggt sina Hero Images här, möjligheterna är verkligen oändliga!
-
![]()
Om du vill hitta gratis bilder att använda kan du hitta det på www.pixabay.com eller www.unsplash.com bland andra.
3. Inspiration
"För ett år sedan hade jag ingen aning om vad jag ville göra."
Matilda jobbar idag som kodcoach på Technigo, men för ungefär ett år sedan hade hon inte skrivit en enda rad kod. Från att ha studerat ekonomi, genusstudier, didaktik och lingvistik - till att slutligen hitta programmering. Läs mer om Matildas resa och hur hon fann vägen dit i hennes post.
4. Dela din lösning!
Självklart vill vi se din lösning, dela den gärna på vår Instagram under hashtaggen #kodutmaningen eller i vår Slack-kanal här.
Och du, passa på att utmana din vän - dela kodutmaningen 💪.
Grymt jobbat, vilken utmaning! 🎉👏
I samarbete med
Tjejer Kodar är ett initiativ organiserat av Technigo AB.
Org. nr 559051-8030, Åsögatan 122, 116 24 Stockholm
Kontakt på hello@tjejerkodar.se