Learning How to Code with Games

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

CSS Diner

Flexbox Adventure

Flexbox Adventure

Flexbox Froggy

Flexbox Froggy

Flexbox Game

Flexbox Game

Flexbox Zombies

Flexbox Zombies

Flexbox Defense

Flexbox Defense

CSS Battle

CSS Battle

Grid Garden

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

Codewars

CheckIO

CheckIO

Codingame

Microsoft MakeCode

MakeCode

Untrusted

Untrusted

Elevator Saga

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!

Teylor Feliz
Teylor Feliz

Teylor is a seasoned generalist that enjoys learning new things. He has over 20 years of experience wearing different hats that include software engineer, UX designer, full-stack developer, web designer, data analyst, database administrator, and others. He is the founder of Haketi, a small firm that provides services in design, development, and consulting.

Over the last ten years, he has taught hundreds of students at an undergraduate and graduate levels. He loves teaching and mentoring new designers and developers to navigate the rapid changing field of UX design and engineering.

Articles: 182