Ask HN: Which programming games helped you become a better programmer?

Online Learning Online Education CSS Tools

Flexbox Froggy Landing Page
1

Flexbox Froggy

A game for learning CSS flexbox
Pricing:
- Open Source
#CSS Tools #Online Education #Design Tools 264 social mentions
SpaceChem Landing Page

2

SpaceChem

SpaceChem is a Puzzle, Strategy, Sci-Fi, Space, Education and Single-player video game by Zachtronics Industries.

#Puzzle #Games #Puzzle Games 1 social mentions
Human Resource Machine Landing Page

3

Human Resource Machine

Tomorrow Corporation is an independent game developer behind indie games Little Inferno and Human Resource Machine

#Games #Online Learning #Education 14 social mentions
Grasshopper App Landing Page

4

Grasshopper App

Grasshopper is the coding app for beginners. With fun, quick lessons on your phone, the app teaches adult learners to write real JavaScript.

I'll reply mostly on 2. - most of these were already mentioned in the previous thread - [0] Grasshopper, [1] SpaceChem (awhile ago), [2] 7 billion humans (haven't finished it yet, and haven't played for a while), [3] Human Resource Machine and [4] TIS-100. They mostly help to build habits, and persistency, not just being fun. The "real world" always provides much more interesting "gameplay", but it is sometimes with a too steep learning curve. :) [0] https://grasshopper.app/.

#Programming #Learn To Code #Online Learning 22 social mentions
Learn Git Branching Landing Page

5

Learn Git Branching

"Learn Git Branching" is the most visual and interactive way to learn Git on the web; you'll be challenged with exciting levels, given step-by-step demonstrations of powerful features, and maybe even have a bit of fun along the way.

For git specifically, I quite like https://learngitbranching.js.org/. Helps connect the visual/spatial understanding with the raw CLI commands.

#Developer Tools #Open Source #Productivity 132 social mentions
Battlesnake Landing Page
6

Battlesnake

Battlesnake is a multi-player programming game played by developers all over the world.
Pricing:
- Open Source
#Online Learning #Online Education #Online Courses 17 social mentions
CSS Grid Garden Landing Page
7

CSS Grid Garden

A game for learning CSS grid layout
Pricing:
- Open Source
+1 for Flexbox Froggy, and I’d also recommend the sibling game for css grid, https://cssgridgarden.com/.

#CSS Tools #Design Tools #Other Education Tech 103 social mentions
Exercism Landing Page
8

Exercism

Download and solve practice problems in over 30 different languages.
Pricing:
- Open Source
I feel like I've always gotten the most from Exercism. [ https://exercism.org/ ]. It's similar to Code Wars, in some ways, but I like the interface on the CLI, I like that you can get mentoring, I like that there are multiple languages.

#Online Learning #Online Education #Online Courses 314 social mentions