Share this page!

Harsh Makadia Profile picture
Twitter logo
Feb 11 • 27 tweets • 7 min read
1000's of resources to learn coding.

But only a free help you learn while having fun.

Here is a list of 24 sites to learn HTML, CSS, Javascript, Git, and Regex by playing games 🎮 :
CSS Battle

Test your CSS skills by solving coding challenges.

cssbattle.dev
CSS Dinner

Solve challenges by arranging dishes and food and learn about CSS selectors.

flukeout.github.io
Grid Garden

Write CSS code to grow your carrot garden while learning about the CSS grid.

cssgridgarden.com
Flexbox Defense

Stop the incoming enemies from getting past your defenses using CSS.

flexboxdefense.com
Flexbox froggy

Master CSS Flexbox.

flexboxfroggy.com
Hex Invaders

Learn about HEX colors by shooting off aliens having the same colors!

hexinvaders.com
JS Robot

Learn the basics of javascript.

lab.reaal.me/jsrobot/
Elevator Saga

Make the elevators efficiently move people through floors and avoid backlogs.

play.elevatorsaga.com
WarriorJS

Code your way through dungeons, prove your skills, and get hired.

warriorjs.com
Untrusted

A text-based dungeon crawler where you progress with the aid of JavaScript.

alexnisnevich.github.io/untrusted/
Code Monster

Learn the basics of JavaScript on the browser.

crunchzilla.com/code-monster
JavaScript Fight Club

Playing Javascript games to master fundamentals.

jsfight.club
Yare

Real-Time Strategy game where you control your units by writing JavaScript code.

yare.io
Codewars

Improve your skills by training with others on real code challenges.

codewars.com
CodinGame

Games and Programming Challenges to Code Better.

codingame.com
Cyber Dojo

Hone your programming skills in a massive range of languages, writing code to pass tests.

cyber-dojo.org
Grasshopper

Fun, quick lessons on your phone teach you to write real JavaScript.

grasshopper.codes
ReturnTrue

A game where you learn about booleans, return true to win.

alf.nu/ReturnTrue
Learn Git Branching

A visual and interactive way to learn Git on the web.

learngitbranching.js.org
Oh My Git!

An open-source game about learning Git!

ohmygit.org
regxkcd

Game of regular expression.

mekagem.itch.io/regxkcd
Regex Crossword

The fantastic world of nerdy regex fun.

regexcrossword.com
Regex Golf

Match words are given on-screen with regex.

alf.nu/RegexGolf
RegexOne

Learn Regular Expressions with simple, interactive exercises.

regexone.com/lesson/introdu…
Thanks for checking this out.

Follow @MakadiaHarsh for more such threads on web development, no-code and personal growth.
If you loved this thread, you will also love curation of YouTube channels to help you learn coding.

• • •

Missing some Tweet in this thread? You can try to force a refresh
　

Keep Current with Harsh Makadia

Harsh Makadia Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @MakadiaHarsh

Harsh Makadia Profile picture
Feb 12
Motivation may look like a tiny magic pill.

But it can give you an extra boost to get you moving.

Here are 11 YouTube channels that can help you achieve your goals:
Be Inspired

An open-minded channel for those who are seeking knowledge.

youtube.com/beinspiredchan…
GaryVee

Gary is an entrepreneur at heart — he builds businesses.

youtube.com/c/garyvee
Read 14 tweets
Harsh Makadia Profile picture
Feb 10
Excellent writing makes millions.

Not-so-great writing earns nothing.

Here are 13 AI-Powered copywriting tools to help you write copy that converts:
{ 1 } Copy AI

AI Marketing Tools for Business.

Generate marketing copy in seconds just by describing your product.

🔗 copy.ai CopyAI
{ 2 } Peppertype AI

Your Virtual Content Assistant.

Generate better content copies in seconds with the power of Artificial Intelligence.

🔗 peppertype.ai PepperType
Read 16 tweets
Harsh Makadia Profile picture
Feb 8
Everyone wants to grow on Twitter.

But only a few are aware of the right tools.

I went from 0 to 34,000 in 10 months.

Here's a list of 16 free Twitter tools that you cannot miss:
1. Profile Picture Maker

Remove the background easily and make an awesome profile picture.

Instantly generated profile pictures.

Get more views, likes with this Hack.

pfpmaker.com
2. Canva

Create Beautiful Twitter Banners in minutes.

You can use it to create media images.

You can create a design and reuse them as your own brand.

canva.com
Read 20 tweets
Harsh Makadia Profile picture
Feb 7
GitHub is a gold mine of resources.

But using the right resources will help you excel in your career.

Here is a list of 14 repositories every web developer should know:
Computer Science

Path to free self-taught education in Computer Science.

🔗 github.com/ossu/computer-…
Web Dev For Beginners

24 Lessons, 12 Weeks, Get Started as a Web Developer.

🔗 github.com/microsoft/Web-…
Read 18 tweets
Harsh Makadia Profile picture
Feb 5
There are many skills to acquire.

But choosing the right ones will pay your bills.

Here's a list of 15 skills to help you earn and grow rich:
Marketing

Create demand for a product or service, through persuasive techniques that stimulate people to purchase it.

It keeps you competitive.

Learn to promote your work.

Without Marketing many businesses wouldn't exist.
Copywriting

Helps you create the foundation of your business.

Being able to sell via writing is a very valuable trait that can help you move up in your career.

It has the potential to make you a fortune.
Read 17 tweets
Harsh Makadia Profile picture
Feb 4
37,000,000 YouTube Channels.

But only a few teach Web Development.

Here's the list of 21 YouTube Channels to help you learn and grow:
Traversy Media ( @traversymedia )

The best online web development and programming tutorials for all of the latest web technologies.

YouTube Link 🎥
youtube.com/c/TraversyMedia
@traversymedia Academind ( @maxedapps )

Courses and tutorials that teach you everything related to web development.

No matter if it's programming languages like JavaScript, runtimes like NodeJS, or popular frameworks like ReactJS, Angular, or VueJS.

YouTube Link 🎥
youtube.com/c/Academind
Read 25 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Like this author's thread?

Get emails when @MakadiaHarsh has new unrolls!

Check out other threads from @MakadiaHarsh!

Read all threads by @MakadiaHarsh

:(