Playing games is always fun and even better if you are learning something. In this post, I will share a collection of games that are available online for learning how to code. I always share these resources with my students. But it is better to share this list with everyone via a post and to have it here as a repository. They are not in any order I would recommend trying them all.
Learning CSS
This is a collection of games that teaches CSS. I highly recommend CSS Diner, Flexbox Froggy, and Grid Garden. That should give the foundation to start learning how to create modern layouts with CSS.
CSS Diner
Flexbox Adventure
Flexbox Froggy
Flexbox Game
Flexbox Zombies
Flexbox Defense
CSS Battle
Grid Garden
Programming
The following list is a collection of games to teach you programming. Most of them are for learning JavaScript. However, by learning one programming language, it is easier to jump into other languages.
Codewars
CheckIO
Codingame
Microsoft MakeCode
Untrusted
Elevator Saga
Programming is not easy. But, with the resources available online for free, it has become more accessible for new generations to learn how to code without having to install anything in their computers. You just need to be willing to learn!