Free Resources For Learning Web Development [Part 2 – Coding Games]

  • Part 1 – Online Learning Platforms
  • Part 2 – Coding Games
  • Part 3 – Independent Courses
  • Part 4 – Blogs [ 8/10/2020 ]
  • Part 5 – YouTube Channels [ 8/17/2020 ]
  • Part 6 – Documentation [ 8/24/2020 ]
  • Part 7 – GitHub Repo’s [ 8/31/2020 ]
  • Part 8 – Books [ 9/7/2020 ]
  • Part 9 – Podcasts [ 9/14/2020 ]
  • Part 10 – Miscellaneous [ 9/21/2020 ]

Welcome to part-2 of this 10-part series! Each part will focus on a different category and will be featuring free resources for learning web development. Feel free to reach out to me on Twitter @elyktrix if you have an addition you think should be included.

Nowadays many people enjoy learning by reading books or documentation, while others prefer video content, or perhaps a nice mix of both. However, sometimes we want to change it up and play a game while learning. This can make a topic seem less intimidating and break it down into easy to understand lessons. Throw in a fun story or a few goals and we have ourselves a coding game. Which is exactly what you’ll find in the list below! Let’s get to it!

Part 2 – Coding Games

In alphabetical order:

Code Combat

(Free. In-game purchases, such as gems.)

“Learn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.”

Visit Code Combat

Code Monster

(Free)

“Code Monster gets kids excited about programming. It is a combination of a game and tutorial where kids experiment with learning to code.”

Visit Code Monster

Codeasy

(Free. Paid 2nd & 3rd adventure)

“Interactive platform to learn C# online ► Read adventure story and practice your skills at C# tutorial 💻. Become a software developer in an easy and fun way with Codeasy”

Visit Codeasy

CodinGame

(Free)

“CodinGame is a challenge-based training platform for programmers where you can play with the hottest programming topics. Solve games, code AI bots, learn from your peers, have fun.”

Visit CodinGame

CSS Battle

(Free. Pro version for additional benefits.)

“The objective of the game is to write HTML/CSS to replicate the given target image in the least code possible.”

Visit CSS Battle

CSS Diner

(Free)

32 levels of CSS goodness to help you achieve a deeper understanding of selectors. “Where we feast on CSS Selectors!”

Visit CSS Diner

CSS Grid Garden

(Free)

Learn the ins and outs of CSS Grid while you grow your little carrot garden. No green thumb required.

Visit Grid Garden

Elevator Saga

(Free)

“This is a game of programming! Your task is to program the movement of elevators, by writing a program in JavaScript.”

Visit Elevator Saga

Flexbox Defense

(Free)

“Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!”

Visit Flexbox Defense

Flexbox Froggy

(Free)

“Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!”

Visit Flexbox Froggy

Flexbox Zombies

(Free)

“This is an Educational Game. Each section unravels part of the plot, gives you expertise over a new flexbox concept, and presents zombie survival challenges that force you to solidify your new skills like your life depends on it.”

Ruby Warrior

(Free)

“Play Ruby Warrior – a free Ruby tutorial. Learn Ruby through a triumphant quest of adventure, love & destiny.”

Visit Ruby Warrior

Untrusted

(Free)

“The game presents you with a rogue-like playing environment and a console window with the JavaScript code generating each level. As loaded, each level is unbeatable, and most of the JavaScript is blocked from editing. The challenge is to open a path to the next level using only the limited tools left open to you.”

Visit Untrusted

 


 

And there we have it, folks! I hope there is a game here for everyone who is looking for a fun way to learn a few programming skills.  (Personally I’m a fan of Flexbox Zombies.)

Be on the lookout for Part-3, which I will post on 8/3/2020. I’ll serve up some free courses from creators who decided to release their courses on their own sites & platform. I know there are probably hundreds of these out there, so, I will try to pick some great ones!

If you are enjoying this 10-part series, please consider donating a coffee to keep the blog going and me awake! Thank you!

Until next time.

-Kyle Shook (@elyktrix)

Kyle Shook