DEV Community

Cover image for 12 websites to learn to code by Playing Games
Dev Write Ups
Dev Write Ups

Posted on

12 websites to learn to code by Playing Games

Remember the era where you were learning to code by Reading books and attending some offline courses. Gone those times where you learning the ancient way😟. We've curated some websites that will help you learn to code by playing games or by doing simple tasks.


Lean VIM

Screenshot 2021-05-07 at 11-35-10 Learn VIM while playing a game - VIM Adventures.png

Learn VIM by playing a game. Everyone knows how tough is it to learn VIM. But this simple games makes easy for you to learn VIM.
Visit -> Lean VIM

### Flexbox froggy
Screenshot 2021-05-07 at 11-20-58 Flexbox Froggy.png

Flexbox is hard and confusing for beginners starting to code. This website makes simple to learn CSS Flexbox. You just have to write simple CSS code to move the frog, everything is guided there😁.

Visit -> Flexbox froggy

CodeCombat

Screenshot 2021-05-07 at 11-24-28 CodeCombat - Coding games to learn Python and JavaScript.png
The most engaging way to learn computer science. Here you can learn WebDev, APP Development, Game Development, by just playing games😲. The games are pretty easy but gets hard when you increase with the levels.

Visit ->CodeCombat

Flexbox defense

Screenshot 2021-05-07 at 11-22-43 Flexbox Defense.png
Another similar website for learning Flexbox like Flexbox froggy. Bu this game is literally another leverl. Here your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

Visit -> Flexbox defense

Untrusted

Screenshot 2021-05-07 at 11-48-45 Untrusted - a user javascript adventure game.png
Learn JavaScript by solving problems.
Visit -> Untrusted

Coding Game

Screenshot 2021-05-07 at 11-27-25 Coding Games and Programming Challenges to Code Better.png
The new way to improve your programming skills while having fun and getting noticed. In a matter of hours, discover new languages, algorithms or tricks in courses crafted by top developers. They have support for nearly all the languages (Ruby, C++, C, Java, PHP, Bash, Lua, Obj-C and more).

Visit -> Coding Game

CSS Diner

Screenshot 2021-05-07 at 11-29-56 CSS Diner.png
Practice and learn CSS selectors.
Visit -> CSS Diner

Check

Screenshot 2021-05-07 at 11-53-50 CheckiO - coding games and programming challenges for beginner and advanced.png

Coding games for beginners and advanced programmers where you can improve your coding skills by solving engaging challenges and fun task using Python and TypeScript.

Visit -> Check

Screeps

Screenshot 2021-05-07 at 11-33-36 Screeps MMO RTS sandbox for programmers.png
It's an open-source game for programmers, wherein the core mechanic is programming
your units' AI. You control your colony by writing JavaScript. Available on Steam😲.

Visit -> Screeps

Code Monkey

Screenshot 2021-05-07 at 11-41-05 Coding for Kids Game-Based Programming CodeMonkey.png

CodeMonkey is a fun and educational game-based environment where kids learn to code without any prior experience. After completing CodeMonkey's award-winning coding courses, kids will be able to navigate through the programming world with a sense of confidence and accomplishment.

Visit -> Code Monkey

CodeMoji

Screenshot 2021-05-07 at 11-44-58 Codemoji® - Coding for Kids .png
Codemoji's computer science curriculum for schools allows 1st-8th grade students to learn the basics of web development and coding, including HTML, CSS, and Javascript, in a fun and easy way, allowing them to create their own websites, animations and much more with our unique and adaptable learning platform.

Visit ->CodeMoji

Elevator Saga

Screenshot 2021-05-07 at 11-55-34 Elevator Saga - the elevator programming game.png
Your task is to program the movement of elevators, by writing a program in JavaScript.
Visit -> Elevator Saga


Thank you For Reading🤩 Subscribe to our newsletter , we send it occasionally with amazing news, resources and many thing.

Top comments (0)