Interactive learning tools
1. Learn to Code RPG
It is a visual novel game developed by FreeCodeCamp. In this game, you will teach yourself to code, make friends in the tech industry, and pursue your dream of becoming a developer 🎯
4. Coding Games
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, and have fun.
Check your knowledge by having fun.
7. CSS Diner
A fun game to help you learn and practice CSS selectors.
8. Mastery Games
Learn Flexbox and CSS Grid once and for all in the most fun way possible.
Codepip’s coding games, including Flexbox Froggy, Grid Garden, CSS Surgeon, Code Crunchers, and Nester.
10. CSS Battle
Use your CSS skills to replicate targets with the smallest possible code.
11. Interactive Vim tutorial
Learn what Vim is about without hassle.
12. Coding Fantasy
13. Knights of the Flexbox Table
Learn and remember Flexbox with Tailwind CSS to overcome your cheat sheet.
14. CSS Ruler
Explore CSS lengths.
15. TypeScript Exercises
A set of interactive TypeScript exercises.
16. Design Patterns Game
17. React tutorial
React Tutorial is an easy, interactive way to learn & practice modern React online. Understand how React works not just how to build with React.
Promise visualization playground for the adventurous.
19. Git Branching
An interactive Git visualization tool to educate and challenge.
20. Select Star SQL
An interactive SQL book.
21. Regex 101
22. Regex Crossword
A crossword puzzle game using regular expressions. Earn achievements by completing puzzle challenges. Easy tutorials for people new to regular expressions.
RegexOne provides a set of interactive lessons and exercises to help you learn regular expressions.
Crunchzilla offers interactive tutorials that get people excited about programming. Play with code, build and learn.