Hackernoon logoMaster Coding while playing by@jfokoua

Master Coding while playing

Author profile picture

@jfokouaJordan Fokoua

Difficulties learning a programming language, understanding some concepts? You are reading the right article.

This is a selection of free sites where you can enjoy learning or improving your skills in JavScript, Python, CSS, HTML5, Java, etc by going through a game or various types of challenges.

Games mirror the way the human mind was designed to learn. They motivate players to take risks and actions, persevere through failures, set and achieve increasingly difficult goals, and devote attention, time, and effort to acquiring knowledge and skills. All this while the game is tracking the player’s actions and assessing the player’s achievements and skills. Isn’t this what we want from education?

1. Flexbox Zombies

You have problems with responsive design? Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

Flexbox Zombies splash

This game brings you through 12 Chapters full of challenges that enable you acquire mastery of responsive design.

2. CodeCombat

You love RPGs? Medieval games? This is the best choice you can make!

Created in 2013, CodeCombat is a community project with more than 5,000,000 players. Some of these players are willing to contribute by creating levels, add features and fix bugs to the game. The game is available in 50 spoken languages. Supports Javascript, Python, Clojure, Lua, Io, or CoffeeScript,

CodeCombat splash screen

It also gives the possibility for teachers to setup challenges for their trainees.

3. CodinGame

CodinGame gives the possibility to practice then join Online challenges with random players to test your skills. Chose the language you wish to practice amongst a set of 22 programing languages

Improve your skills by solving algorithmic problems

Some puzzles available on CodinGame

4. Codewars

Codewars is a collective effort by its users. They are creators — authoring kata to teach various techniques, solving kata with solutions that enlighten others, and commenting with constructive feedback. The leaders among them moderate the content and community.

Codewars gives the opportunity to learn and master more than 20 programing languages. Improve your skills by training with others on real code challenges

Challenge yourself on kata, created by the community to strengthen different skills. Master your current language of choice, or expand your understanding of a new one.
Overview of Codewars

5. CheckiO

Build your base and defeat your enemies through a variety of unique entertaininng and challenging coding activities.

CheckiO is a set of coding games for beginners and advanced programmers where you can improve your coding skills by solving engaging challenges and fun task using Python and JavaScript

Includes all skill levels (Beginner, Intermediate & Advanced)

6. Learn git branching

Many people find it difficult to understand how git repositories work. From simple to complex operations, Learn Git Branching will guide you with its amazing playground which consists of a command prompt & an interface to display the results of your operations.

“Learn Git Branching” is the most visual and interactive way to learn Git on the web; you’ll be challenged with exciting levels, given step-by-step demonstrations of powerful features, and maybe even have a bit of fun along the way.

7. Code

This is the best playground where kids can kickstart or even improve their coding skills. It is a collection of sites that learn how to code through games inspired from well known cartoons, movies or even games such as Adventure time, Gumball, Star Wars, Minecraft and many more. The games here aim to develop observation and algorithmic skills

Feel free to drop the ones I ommited in the comments.

For any enquiries, you can drop me a mail at jfokoua@gmail.com or via direct message on my Twitter.

Made with ❤


The Noonification banner

Subscribe to get your daily round-up of top tech stories!