- 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:
(Free. In-game purchases, such as gems.)
“Code Monster gets kids excited about programming. It is a combination of a game and tutorial where kids experiment with learning to code.”
(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”
“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.”
(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.”
32 levels of CSS goodness to help you achieve a deeper understanding of selectors. “Where we feast on CSS Selectors!”
Learn the ins and outs of CSS Grid while you grow your little carrot garden. No green thumb required.
“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!”
“Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!”
“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.”
“Play Ruby Warrior – a free Ruby tutorial. Learn Ruby through a triumphant quest of adventure, love & destiny.”
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)