fbpx

Skapa ett
konfettiregn

Ett konfettiregn kan pigga upp de gråaste av dagar och nu har du chansen att skapa ditt alldeles egna virtuella konfettiregn 🎉 Just nu ligger en ensam grå och lite sorglig konfettipartikel i startkodfilen, din uppgift blir att  fylla konfettianimationen med färger och liv!

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. Använder du Visual Studio Code behöver du installera tillägget Live Server , en live server krävs för denna uppgift.  Uppgiften löses i filen confetti.js

 👉 Vill du få feedback på din kod behöver du skapa ett Github-konto och gå in här. Tryck sedan på:  uppe i högra hörnet. Nu har du kopierat mappen med kodfilerna till din GitHub, YAY! Tryck då på den stora gröna knappen och välj "Download Zip". Nu är kodfilerna nedladdade på din dator, antingen ser du dem nere i ditt webbläsar-fönster eller i din mapp "Hämtade filer". Hur du öppnar filerna i din editor kan du läsa om här

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

  • Ett sätt att få olika färger kan t.ex. vara att göra en lista med utvalda färger att slumpa mellan. Kika in Math.random() för att slumpa tal.
  • Ett annat sätt att få olika färger är att slumpa fram olika värden (siffror) till rgb- eller hsl-funktionerna.
  • Bekanta dig med setTimeout och se om du kan skapa flera konfettiregn efter varandra.
  • Djupdykning: Läs på om ramverket lodash och dess hjälpmetoder sample och random.

3. Inspiration

Rekryteraren Tora ger tips på hur du landar ett jobb inom tech

Tech-rekryteraren Tora från Svenska Spel delar med sig av svar på de vanligaste frågorna hon får av jobbsökande. Du får även de bästa tipsen - passa på att ställa frågor till Tora om det är något du saknar svar på!


4. Dela din lösning!

Självklart vill vi se din lösning, dela den gärna på vår Instagram under hashtaggen #kodutmaningen, i vår Slack-kanal här eller lägg upp den som en egen hemsida gratis med netlify. 

Och du, passa på att utmana din vän - dela kodutmaningen 💪. 

Grymt jobbat, vilken utmaning!  🎉👏

FÅ FEEDBACK PÅ DIN KOD AV UTVECKLARE FRÅN SVENSKA SPEL & TECHNIGO

För att få feedback på din kod behöver du nu lägga upp din lösning på GitHub. Gå igenom stegen nedan eller kolla in denna video.

1. Gå in på ditt konto i GitHub och välj fliken "repositories". Leta upp utmaningen som du en gång forkade och klicka in på den.

2. Väl inne på utmaningen på GitHub, på ditt konto - dra kodfilerna från din dator och släpp dem i till detta fönster (var som helst).

3. Filerna laddas nu upp på din GitHub, skrollar du ned finner du en ruta med rubriken "Commit changes". Skriv någon kommentar om du vill, tryck sedan den gröna knappen "commit changes".

4. Tryck sedan "New pull request". Då ser du vilka ändringar du har gjort i koden. Tryck "Create pull request" två gånger i rad. Tadaaa, färdig!

Har du lyckats bli en av de 30 första att lämna in sin kodutmaning kommer du att bli notifierad om det i GitHub 👏.


I samarbete med