JavaScriptmas 2020 with Scrimba

Justin Lowen — Sat, 26 Dec 2020 02:24:26 +0000

There are a lot of exciting ways to engage with the software & technology community, particularly in December. There are many platforms which offer interesting coding challenges to improve your dev skills, and often they put a holiday spin on it to engage learns.

Scrimba is a unique learning platform with an emphasis on frontend development and technology which differentiates itself by giving you ability to seamlessly code inside its tutorial videos. It gives you the ability to fiddle with the code the instructor is discussing it see its impact live in a simulated browser inside the video. They just wrapped up their 24-day Advent challenge called #JavaScriptmas. It was a lot of fun and they offered some great prizes for participation including membership giveaways, cash prizes, and certification for completing the challenges.

I just completed Scrimba's Frontend Developer Career Path this year which covers 14 Modules going in depth in topics such as HTML, CSS, and Javascript. You also go deep into the React frontend library and build some amazing projects to really exercise your skills. You can see some examples of what I learned from Scrimba on my portfolio site! Scrimba can help you quickly get your coding skills career-ready.

The JavaScriptmas Challenge covers foundational skills in JavaScript particularly algorithms which is a critical skill to build as you prepare for frontend interviews. Challenges are approachable for any level, and you can still go back and complete this year's challenges and earn yourself a nice certificate to show off 🎄. Some challenges allow to test your design skills, making an interactive page or game.

The final day in particular was really fun - you are tasked with making an interactive game with JavaScript - testing user's mouse clicking agility! The challenge tests your ability in DOM manipulation, event listeners, and async-await - all important concepts for aspiring frontend developers.

Code Sample From the Challenge

const spin = async () => {
    let currentNumber = 0
    while (!pushed) {
        currentNumber = currentNumber + 1 <= 100 ? currentNumber + 1 : 0
        spinningElem.innerHTML = currentNumber
        await sleep(difficultyMillisec)
    }
    stop(currentNumber);
}

My solutions for this year's challenges are included below! Let me know if you try it out - we also have a great community on Discord, you should check it out!

Forem: Justin Lowen

JavaScriptmas 2020 with Scrimba