If you’ve been in the web development world for about 24 hours you’ve probably heard 50 times that the best way to learn web development is by doing: getting your hands dirty and building projects. This is undoubtedly true but what if you could supplement that strategy with something more lightheartedly: learning by playing?
There are some incredible games out there specifically designed to help you learn the most foundational front-end skills. Flexbox Froggy helps you master CSS flexbox: one of the most important CSS skills you need to build a light, responsive front-end. There’s Grid Garden, which helps you understand CSS Grid, also a necessary skill for building responsive UIs. Sourcery teaches you Emmet, an HTML tool that dramatically speeds up your HTML/CSS workflow. CSS Scoops helps you master CSS selectors. I could go on and on. All of these games and more are available at Codepip.
Next time you spend a weekend drilling away at the same coding problem you’ve been stuck on the entire week, instead take some time off and play a light hearted game. Maybe revisiting the fundamentals will help you crack that problem. And it’s fun!