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å!

Läs tech-rekryteraren Toras tips här

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 💪.