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