Learning how to code in an interactive way is way more fun.
So, I created a list of interactive learning tools for you.
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.
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.
Check your knowledge by having fun.
A fun game to help you learn and practice CSS selectors.
Learn Flexbox and CSS Grid once and for all in the most fun way possible.
Codepip coding games, including Flexbox Froggy, Grid Garden, CSS Surgeon, Code Crunchers, and Nester.
Use your CSS skills to replicate targets with the smallest possible code.
Learn what Vim is about without hassle.
Learn and remember Flexbox with Tailwind CSS to overcome your cheatsheet.
Explore CSS lengths.
A set of interactive TypeScript exercises.
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.
An interactive Git visualization tool to educate and challenge.
An interactive SQL book.
A crossword puzzle game using regular expressions. Earn achievements 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.
You can bookmark this as a post here: markodenic.com/interactive-learning-tools.
If you have any questions, you can ask me here: twitter.com/denicmarko.
You can find more free resources here: web-dev-resources.com