Improving coding skills with games! 🎮

Marcos Silva - Jun 14 - - Dev Community

Coding is a lot of fun, but imagine having even more fun by coding and playing at the same time! 🎮✨ In this article, I'm going to share tips on how you can level up your programming skills and have a blast while doing it. 🚀🧩

Css2Wind 🌬️

In this game, you get to translate native CSS to Tailwind CSS! 🕹️✨ It’s an incredibly helpful tool for frontend developers looking to master Tailwind CSS. You can also share your successes and mistakes on Twitter to showcase your learning journey.
css2wind
css2wind

Blockly Games 🧩

Imagine solving puzzles, navigating mazes, and even making animations—all by snapping together colorful code blocks! It's like building with Lego, but for code. Just drag and drop, and watch your creations come to life. 🧩🚀(Recommended for kids)
blocky

Flexbox Froggy 🐸

Is an interactive game that teaches you the basics of CSS Flexbox 🎨, a powerful layout tool in web development. The game guides you through various levels where you help Froggy and friends by writing CSS code to arrange lily pads 🪷 and frogs in different layouts.

Froggy

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .