Learn to code with these interactive tools.
๐งต
๐งต
1. JSRobot (by @reaalkhalil)
Learn JavaScript by playing a platform game: Control a robot to collect coins, avoid obstacles and reach the flag at the end of the level.
Link: lab.reaal.me
Learn JavaScript by playing a platform game: Control a robot to collect coins, avoid obstacles and reach the flag at the end of the level.
Link: lab.reaal.me
2. CodeCombat (@CodeCombat)
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.
Link: codecombat.com
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.
Link: codecombat.com
4. Coding Games (@CodinGame)
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.
Link: codingame.com
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.
Link: codingame.com
5. Crunchzilla
Crunchzilla offers interactive tutorials that get people excited about programming. Play with code, build and learn.
Link: crunchzilla.com
Crunchzilla offers interactive tutorials that get people excited about programming. Play with code, build and learn.
Link: crunchzilla.com
6. Screeps (@ScreepsGame)
A strategy sandbox MMO game with a persistent open world where you play by writing JavaScript to control your units. They live within the game and operate autonomously even while you are offline.
Link: screeps.com
A strategy sandbox MMO game with a persistent open world where you play by writing JavaScript to control your units. They live within the game and operate autonomously even while you are offline.
Link: screeps.com
7. CSS Diner (by @flukeout)
A fun game to help you learn and practice CSS selectors.
Link: flukeout.github.io
A fun game to help you learn and practice CSS selectors.
Link: flukeout.github.io
8. Mastery Games (by @geddski)
Learn Flexbox and CSS Grid once and for all in the most fun way possible.
Link: mastery.games
Learn Flexbox and CSS Grid once and for all in the most fun way possible.
Link: mastery.games
9. Codepip (@playcodepip)
Codepip's coding games, including Flexbox Froggy, Grid Garden, CSS Surgeon, Code Crunchers, and Nester.
Link: codepip.com
Codepip's coding games, including Flexbox Froggy, Grid Garden, CSS Surgeon, Code Crunchers, and Nester.
Link: codepip.com
10. CSS Battle (@css_battle)
Use your CSS skills to replicate targets with the smallest possible code.
Link: cssbattle.dev
Use your CSS skills to replicate targets with the smallest possible code.
Link: cssbattle.dev
12. Coding Fantasy (by @nickbulljs)
Collection of coding games to learn HTML, CSS and JavaScript.
Link: codingfantasy.com
Collection of coding games to learn HTML, CSS and JavaScript.
Link: codingfantasy.com
13. Knights of the Flexbox Table (by @beyondcode)
Learn and remember Flexbox with Tailwind CSS to overcome your cheatsheet.
Link: knightsoftheflexboxtable.com
Learn and remember Flexbox with Tailwind CSS to overcome your cheatsheet.
Link: knightsoftheflexboxtable.com
15. TypeScript Exercises (by @mdevils)
A set of interactive TypeScript exercises.
Link: typescript-exercises.github.io
A set of interactive TypeScript exercises.
Link: typescript-exercises.github.io
16. Design Patterns Game
A game to test your familiarity with the design patterns implemented in JavaScript.
Link: designpatternsgame.com
A game to test your familiarity with the design patterns implemented in JavaScript.
Link: designpatternsgame.com
17. React tutorial (by @JoubranJad)
React Tutorial is an easy, interactive way to learn & practice modern React online. Understand how React works not just how to build with React.
Link: react-tutorial.app
React Tutorial is an easy, interactive way to learn & practice modern React online. Understand how React works not just how to build with React.
Link: react-tutorial.app
18. Promisees (by @nzgb)
Promise visualization playground for the adventurous.
Link: bevacqua.github.io
Promise visualization playground for the adventurous.
Link: bevacqua.github.io
19. Git Branching (by @petermcottle)
An interactive Git visualization tool to educate and challenge.
Link: learngitbranching.js.org
An interactive Git visualization tool to educate and challenge.
Link: learngitbranching.js.org
21. Regex 101 (@regex101)
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java. Features a regex quiz & library.
Link: regex101.com
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java. Features a regex quiz & library.
Link: regex101.com
22. Regex Crossword (@RegexCrossword)
A crossword puzzle game using regular expressions. Earn achievements completing puzzle challenges. Easy tutorials for people new to regular expressions.
Link: regexcrossword.com
A crossword puzzle game using regular expressions. Earn achievements completing puzzle challenges. Easy tutorials for people new to regular expressions.
Link: regexcrossword.com
23. RegexOne (@RegexOne)
RegexOne provides a set of interactive lessons and exercises to help you learn regular expressions.
Link: regexone.com
RegexOne provides a set of interactive lessons and exercises to help you learn regular expressions.
Link: regexone.com
Did you find this useful?
Retweet the 1st tweet and help others discover it.
Happy coding!
Retweet the 1st tweet and help others discover it.
Happy coding!
Loading suggestions...