Learning how to code in an interactive way is way more fun.
So, I created a list of interactive learning tools for you.
In this list, you can find tools to learn CSS, JavaScript, TypeScript, React, Python, Git, SQL, Regex, and more.
So, I created a list of interactive learning tools for you.
In this list, you can find tools to learn CSS, JavaScript, TypeScript, React, Python, Git, SQL, Regex, and more.
1/ Learn to Code RPG (@freeCodeCamp)
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 🎯
Link: freecodecamp.itch.io/learn-to-code-…
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 🎯
Link: freecodecamp.itch.io/learn-to-code-…
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, and have fun.
Link: codingame.com/start
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.
Link: codingame.com/start
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 (@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 (@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/games
Codepip’s coding games, including Flexbox Froggy, Grid Garden, CSS Surgeon, Code Crunchers, and Nester.
Link: codepip.com/games
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 (@nickbulljs)
Collection of coding games to learn HTML, CSS, and JavaScript.
Link: codingfantasy.com/games
Collection of coding games to learn HTML, CSS, and JavaScript.
Link: codingfantasy.com/games
13/ Knights of the Flexbox Table (@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
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 (@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 (@nzgb)
Promise visualization playground for the adventurous.
Link: bevacqua.github.io/promisees
Promise visualization playground for the adventurous.
Link: bevacqua.github.io/promisees
19/ Git Branching (@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, and cheat sheet for PHP/PCRE, Python, GO, JavaScript, and Java. Features a regex quiz & library.
Link: regex101.com
Regular expression tester with syntax highlighting, explanation, and cheat sheet for PHP/PCRE, Python, GO, JavaScript, and Java. Features a regex quiz & library.
Link: regex101.com
22/ Regex Crossword (@RegexCrossword)
A crossword puzzle game using regular expressions. Earn achievements by completing puzzle challenges. Easy tutorials for people new to regular expressions.
Link: regexcrossword.com
A crossword puzzle game using regular expressions. Earn achievements by 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
24. JSRobot (@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/jsrobot
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/jsrobot
25. 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
Or, you can download it as a PDF, HTML, or Markdown file (via @clickup) here:
doc.clickup.com/37449590/d/h/1… #ad
doc.clickup.com/37449590/d/h/1… #ad
• • •
Missing some Tweet in this thread? You can try to
force a refresh
