12 websites to learn to code by Playing Games
Tags: html, css, python, programming
Published: 2021-06-09 11:38:46

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](https://vim-adventures.com/) 

![Screenshot 2021-05-07 at 11-35-10 Learn VIM while playing a game - VIM Adventures.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620367597056/vyLKkopDR.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](https://vim-adventures.com/) 

 ###  [Flexbox froggy](http://flexboxfroggy.com/)
![Screenshot 2021-05-07 at 11-20-58 Flexbox Froggy.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620366672950/4sHd4dATk.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](http://flexboxfroggy.com/)

###  [CodeCombat](https://codecombat.com/) 

![Screenshot 2021-05-07 at 11-24-28 CodeCombat - Coding games to learn Python and JavaScript.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620366966739/hFacrR2n7.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](https://codecombat.com/) 


###  [Flexbox defense](http://www.flexboxdefense.com/) 

![Screenshot 2021-05-07 at 11-22-43 Flexbox Defense.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620366789103/gMzmkXc32.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](http://www.flexboxdefense.com/) 

###  [Untrusted ](https://alexnisnevich.github.io/untrusted/) 

![Screenshot 2021-05-07 at 11-48-45 Untrusted - a user javascript adventure game.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620368402281/BAZ7dtv4T.png)
Learn JavaScript by solving problems. 
Visit -> [Untrusted ](https://alexnisnevich.github.io/untrusted/) 

###  [Coding Game](https://www.codingame.com/start)

![Screenshot 2021-05-07 at 11-27-25 Coding Games and Programming Challenges to Code Better.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620367096871/36l86C2dS.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](https://www.codingame.com/start)

###  [CSS Diner](https://flukeout.github.io/) 

![Screenshot 2021-05-07 at 11-29-56 CSS Diner.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620367217569/apa79Oava.png)
Practice and learn CSS selectors. 
Visit -> [CSS Diner](https://flukeout.github.io/) 

###   [Check](https://checkio.org/) 

![Screenshot 2021-05-07 at 11-53-50 CheckiO - coding games and programming challenges for beginner and advanced.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620368707966/LnKI2Y-oh.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](https://checkio.org/) 

###  [Screeps](https://screeps.com/) 

![Screenshot 2021-05-07 at 11-33-36 Screeps MMO RTS sandbox for programmers.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620367431704/0qYISreTy.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](https://screeps.com/) 

###  [Code Monkey ](https://www.codemonkey.com/) 

![Screenshot 2021-05-07 at 11-41-05 Coding for Kids Game-Based Programming CodeMonkey.png](Upload failed. Please re-upload the image)

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 ](https://www.codemonkey.com/) 

###  [CodeMoji ](https://www.codemoji.com/) 

![Screenshot 2021-05-07 at 11-44-58 Codemoji® - Coding for Kids .png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620368115434/tpJv6_YI3.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 ](https://www.codemoji.com/) 

###  [Elevator Saga](http://play.elevatorsaga.com/) 

![Screenshot 2021-05-07 at 11-55-34 Elevator Saga - the elevator programming game.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620368744636/BIgJQHNqr.png)
Your task is to program the movement of elevators, by writing a program in JavaScript. 
Visit ->  [Elevator Saga](http://play.elevatorsaga.com/) 

---

Thank you For Reading🤩 Subscribe to our  [newsletter](https://www.devintro.com) , we send it occasionally with amazing news, resources and many thing.