DEV Community

Cover image for 10 games to learn JavaScript
Chris Bongers
Chris Bongers

Posted on • Originally published at daily-dev-tips.com

10 games to learn JavaScript

We looked at 10 amazing games to learn CSS. And in this article, we'll do the same for JavaScript.

Learning a language by playing games is super fun, and for some people, it's a great way to understand the impact of the language visually.

Without further ado, here are ten fantastic games where you can learn JavaScript.

1. CodinGame

CodinGame to learn JavaScript

CodinGame is a multi-language platform where you can learn several languages, including JavaScript, by playing games.

The cool thing about it is that you can use it as a multiplayer game, which is excellent as you can compete against your friends or coworkers.

Play CodinGame

2. CodeCombat

CodeCombat to learn JavaScript

CodeCombat is an RPG (role-playing game) set up that teaches you web fundamentals and more.
It's extensive in the number of challenges and supports five languages, including JavaScript.

It offers a free option for all core levels and can upgrade to unlock more.

Play Code Combat

3. Untrusted

Untrusted to learn JavaScript

This is a fantastic concept of a console-like environment turned into an escape room.
You'll need to type JavaScript code to exit each level. It's easy to start, and they provide some hints.

Play Untrusted

4. Codewars

Codewars JavaScript game

Codewars is a cool concept where you have to solve puzzles by filling out the blanks.
It's cool to discuss and see other people's solutions.
This makes it the perfect place to learn and grow your skills.

Play Codewars

5. JSRobot

JSRobot to learn JavaScript

JSRobot is a super cool game setup with a lot of background information.
You have to type JavaScript to control the robot and clear the level. I enjoyed how well this game is executed.

Play JSRobot

6. JSDares

JSDares JavaScript games

JSDares is a super cool open-source game platform, so you get community-provided dares you have to solve.

They are small, so you can quickly do some in between or before starting your day.

Worth checking out this fantastic game platform to learn JavaScript.

Play JSDares

7. Screeps

Screeps to learn JavaScript

Screeps is a sandboxed game where you can control a colony by providing JavaScript code.
It's quite a cool concept, as you learn quite a few different aspects of JavaScript.

The cool part is that it's massive and has infinite levels to play.

Try out Screeps

8. Crunchzilla

Crunchzilla learn by playing games

Crunchzilla is an excellent way for visual learners among us. It provides multiple levels of complexity where you can learn step by step.

I'd highly suggest this game to anyone wanting to visually understand the impact of specific code.

Check out Crunchzilla

9. Elevator Saga

Elevator saga JavaScript learning

Another excellent game is the elevator saga, where you learn how to transport people in a lift by writing JavaScript code.

It has many levels and exceptional documentation and solutions described in detail.
You can keep improving this great challenge to make it more efficient.

Try out Elevator saga

10. CheckIO

CheckIO JavaScript game

CheckIO is an excellent text-based game with some fantastic graphics for the level indicators.

It has a cool feature where you can see all solutions, moving from the most efficient to the most creative.

This helps you to learn about the solution and what you could do to optimize it.

Try out CheckIO

Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter

Oldest comments (20)

Collapse
 
artydev profile image
artydev • Edited

Nice libraries and very useful

Collapse
 
vishwastyagi profile image
Vishwas Tyagi • Edited

Learning by playing games is very fun. Thanks for sharing.

Collapse
 
dailydevtips1 profile image
Chris Bongers

Indeed, how much fun ๐Ÿ™

Collapse
 
lotfijb profile image
Lotfi Jebali

Very useful
It makes learning fun
thank you for sharing

Collapse
 
dailydevtips1 profile image
Chris Bongers

yep love this way of learning ๐Ÿฅณ

Collapse
 
paulknulst profile image
Paul Knulst

This is a cool list. I did not know about codingame and it looks fantastic.

Also, I have two fantastic additions to this list: TwilioQuest and WarriorJS

I explained what both sites (and some others) in an article about Gamifying your learning (to learn JavaScript): paulsblog.dev/learn-javascript-whi...

Collapse
 
paulknulst profile image
Paul Knulst

Btw, my favourite websites to learn coding: CheckiO, TwilioQuest, CodeCombat, and WarriorJS

I always recommend them to new software developer! (that's why I wrote about them ^^)

Collapse
 
dailydevtips1 profile image
Chris Bongers

Thanks for the additions ๐Ÿฅณ

Collapse
 
pterpmnta profile image
Pedro Pimienta M.

Cool material to introduce the kids into this world.

Collapse
 
dailydevtips1 profile image
Chris Bongers

Indeed, what a cool way for kids to learn as well.

Collapse
 
challisshell profile image
Corlett

Hello
Thanks for the information.

Collapse
 
tony199555 profile image
Tony Yu

It doesn't seem like CodeCombat is free, level 6 and beyond requires a sub.

Collapse
 
dailydevtips1 profile image
Chris Bongers

Indeed some of them require some form of monetary value at a certain mark.
However their free levels are still pretty cool ๐Ÿฅณ

Collapse
 
tony199555 profile image
Tony Yu

Agree. But I feel it stopped too early to see if it is worth it or not. Would be nice if it extends to level 10 or something.

Collapse
 
chelmerrox profile image
Losalini Rokocakau

This is really cool. Thanks for this! ๐Ÿ‘๐Ÿฝ

Collapse
 
dailydevtips1 profile image
Chris Bongers

Glad you enjoyed it ๐Ÿฅณ

Collapse
 
kyrog profile image
kyrog

you can add also leek war in the list, cool dofus combat like.

Collapse
 
dailydevtips1 profile image
Chris Bongers

ah cool, let me check that one out ๐Ÿฅณ

Collapse
 
platoalt profile image
Platoalt

You can learn great through the game. I highly recommend a website where you can buy games at great prices: royalcdkeys.com/

Collapse
 
serk_kripki_278a72fd5b4d8 profile image
Serk Kripki • Edited

If you're looking for free spins without having to make a deposit, then offering $10 free spins might be a good option for you. Here's a selection of sites with such a bonus - canadianbestcasino.com/onlinecasin... . Such bonuses can be a great way to try out new slots without risking your own money. Just be sure to read the terms and conditions carefully to know the maximum withdrawal limit and wagering requirements. And always play responsibly. Good luck!