Tweet

Maybe Scrolly?

Insha

Follow @Insharamin

5 Jan, 10 tweets, 4 min read

Learn JavaScript by playing games. 🎮

A Thread 👇🏻

📌 CodinGame

CodinGame offers up fun free games to help learn more than 25 programming languages, including JavaScript, Ruby, and PHP.

🔗 codingame.com/start

📌 CodeCombat

CodeCombat is aimed at helping students embrace learning as they play and write code from the very start of their adventure.

🔗 codecombat.com

📌 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.

🔗 lab.reaal.me/jsrobot/

📌 Codewars

Code Wars helps you improve your skills by training in challenges with others. They offer a huge variety of languages, including JavaScript, Python and more.

🔗 codewars.com

📌 Elevator Saga

Elevator Saga tests your JavaScript knowledge with challenges related to moving an elevator and transporting people in the most efficient manner possible.

🔗 play.elevatorsaga.com

📌 Crunchzilla

Crunchzilla offers interactive tutorials that get people excited about programming. Play with code, build and learn.

🔗 crunchzilla.com

📌 Screeps

It's an open-source game for programmers. You control your colony by writing JavaScript.

🔗 screeps.com

There are hundreds of resources- tutorials & documentation out there, and I hope that some of the ones listed here targeting game-based learning approaches will prove to be useful in your day-to-day learning and most importantly help you practice the language in a more fun way 🔥

https://twitter.com/Insharamin/status/1478704699654213633?s=20

Back to the top! 👇🏻

https://twitter.com/Insharamin/status/1478704699654213633?s=20

• • •

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

This Thread may be Removed Anytime!

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

More from @Insharamin

Insha

@Insharamin

6 Jan

CSS is great for making responsive layouts, but sometimes, you just need a little help and that's when CSS generators can help.

Here are 9 CSS generators (grid and flexbox) that can save you lots of time! 👩🏻‍💻

A Thread 🧵

📌 Grid-Based Layout Generator

1️⃣ Layoutit

LayoutIt is an interface builder for CSS Grid and Bootstrap. You can quickly design web layouts, and get HTML and CSS code.

🔗 layoutit.com

2️⃣ Griddy

Griddy is actually a free learning tool made for frontend developers who wanna understand more about CSS grids.

With this web app, you can add new items into the grid, remove other items, and resize them to fit any layout you want.

🔗 griddy.io

Read 11 tweets

Insha

@Insharamin

3 Jan

Do you know what's the best way to learn any programming language?

- The Answer is by building lots of projects 🔥💪🏻

Here's a complete list of Web dev projects ranging from -> ( Beginner to advanced level ) for you.

A Thread 👇🏻

🗣 Learning Web Dev can be challenging. But as programmers, we always strive for better ways to be more effective and productive.

🗣 Tutorials are great, but building projects is the best way to learn. Bridge the gap between theory and real-world code by working on projects.

📌 Basic Html and CSS projects.

1- A Tribute Page
2- Survey Form
3- Technical Documentation Page
4- Personal Portfolio
5- Product Landing Page

When I was learning HTML and CSS I've tried all of them.
Check the code here👇🏻

🔗codepen.io/collection/oEE…

Read 10 tweets

Insha

@Insharamin

15 Oct 21

Top 13 JavaScript String methods every JS beginner should know!!

A Thread 👇

A quick recap of JavaScript Strings:

Strings are used for storing and manipulating text in JavaScript.
Strings can be enclosed within either single quotes, double quotes, or backticks.

Here's a simple demonstration of creating Strings.

Some of the commonly used JavaScript String methods:

string.length
charAt(index)
concat()
replace()
split()
slice(start, end)
substring(start,end)
substr(start, length)
toLowerCase()
toUpperCase()
includes()
trim()
padStart() and padEnd()

Read 18 tweets

Insha

@Insharamin

5 Oct 21

Are you a Front-end Developer?

If yes, these amazing websites are a goldmine for you!

A Thread 👇

1️⃣ Responsively

A must-have DevTool for all Front-End developers that will make your job easier.
Develop responsive web apps 5x faster with this open-source tool!

📎responsively.app

2️⃣ Small Dev tools

FREE tools for developers like encoder/decoder, HTML/CSS/Javascript formatters, minifiers, fake or test data generators & much more.

📎smalldev.tools

Read 12 tweets

Insha

@Insharamin

30 Sep 21

With the evergrowing demand for Technical writing.

You can earn 1000$/ week. 💰📝

Let's know-how? 👇

⚡What is Technical Writing?

Technical writing is a writing discipline where you get to explain a particular topic to the audience in the easiest way possible!

If you've got a deep knowledge of something and want to amplify your voice- Technical writing is the way to go!

⚡There are a number of platforms that pay you well for writing 💰

Some of them are:

1- sitepoint.com
2- digitalocean.com
3- css-tricks.com
4- auth0.com
5- hasura.io
6- contentlab.io

And many more!

Read 9 tweets

Insha

@Insharamin

28 Sep 21

Hey there JavaScript Developers 👋

Let's deep dive into the concept of Optional Chaining in JavaScipt.

With optional chaining, we can check to see if something exists and handle an error gracefully.

A Thread 👇

What the heck is Optional chaining? 🥴

The optional chaining " ?." is a recent addition to the language which is a secure way to access nested object properties, even if an intermediate property doesn’t exist.

Optional chaining in JavaScript is very useful - we can access values without checking if the parent object exists. Instead of returning an error, it will return null or undefined.

Read 19 tweets

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

Too expensive? 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!

Share this page!

Insha

Try unrolling a thread yourself!

More from @Insharamin

Insha

Insha

Insha

Insha

Insha

Insha

Did Thread Reader help you today?

Like this author's thread?