Teaching yourself how to code can be a long and sometimes frustrating journey. It can be easy to get stuck in a cycle of constant learning, but real progress comes from hands-on practice. Building projects is one way, but in this post, I’m sharing seven free coding games where you can have some fun while learning and practicing.
Learn Git Branching
Mastering Git can be challenging. Learn Git Branching makes it easier with a visual, interactive approach. The game draws visual diagrams as you write Git commands, helping you to understand how Git really works.
Flexbox Froggy
Flexbox Froggy is a 24-level game to help you practice your CSS Flexbox skills. The aim of the game is to help frogs get to their lily pads by writing CSS code.
Created by Thomas Park
Flexbox Zombies
Flexbox Zombies is a very fun, in-depth interactive game to help you master Flexbox. The goal is to use Flexbox properties to survive the onslaught of zombies.
The game has 12 chapters, with each chapter focusing on a different Flexbox concept. There are multiple challenges in each chapter, and each chapter builds on the last. By the end of the game, you should feel very comfortable writing Flexbox without using a cheat sheet.
Created by Dave Geddes
Knights of the Flexbox Table
Knights of the Flexbox Table is another free game to help you practice your Flexbox skills. However, this time, you'll be practicing how to use Flexbox with Tailwind CSS.
Created by Marcel Pociot
CSS Diner
CSS Diner is a fun game to help you learn and practice CSS selectors.
Created by Luke Pacholski
Grid Garden
Grid Garden is a 28 level game where you can practice your CSS Grid skills to help grow a carrot garden. This game should help you develop intuition with CSS Grid and see how powerful it can be in CSS layouts.
Created by Thomas Park
Codewars
Codewars is an online platform to help you improve your algorithmic programming skills. It's not exactly a game but the platform offers a very game-like experience. You solve challenges known as “kata” and as you solve more challenges, your ranking increases.
Codewars supports a wide range of programming languages, meaning that you can practice in the language of your choice. It also has a strong community where users can discuss solutions and learn from each other.
Conclusion
Have you used any other games in your learning web development journey? I’d love to hear about them in the comments 🗣️
Thank you for reading this far. I hope you enjoy playing these games! If you enjoyed this blog post, follow me on Hashnode, or on Twitter.
Have a great day and happy coding!