Share this page!

Suhail Kakar Profile picture
Twitter logo
May 20 • 16 tweets • 12 min read
FREE Web development resources

🧵
The web development industry is a vast ecosystem. It can be challenging to focus and learn properly as a newbie who wants to go into web development. The best and worst thing about being a web developer is that the web is constantly changing.
That's why I've curated a comprehensive list of web development resources and tools to help you be more productive, remain educated, and improve your skills as a developer.
Courses 💻

• CS50: Introduction to Computer Science pll.harvard.edu/course/cs50-in…

• Responsive Web Design freecodecamp.org/learn/responsi…

• Learn HTML codecademy.com/learn/learn-ht…

• Foundations of Front-End Web Development udemy.com/course/foundat…
• Python Tutorial - Python for Beginners studytonight.com/python/

• JavaScript Algorithms and Data Structures freecodecamp.org/learn/javascri…

• Learn React codecademy.com/learn/react-101
Books 📚

• Learning JavaScript Design Patterns patterns.dev/posts/classic-…

• Eloquent JavaScript eloquentjavascript.net

• You Don’t Know JS Yet: Get Started github.com/getify/You-Don…

• Front-end Developer Handbook frontendmasters.com/guides/front-e…
YouTube Channels 🎥

• Traversy Media youtube.com/c/TraversyMedia

• Programming with Mosh youtube.com/c/programmingw…

• Dev Ed youtube.com/c/

• Web Dev Simplified youtube.com/c/WebDevSimpli…

• Clever Programmer youtube.com/c/CleverProgra…
• Coder Coder youtube.com/c/TheCoderCoder

• Academind youtube.com/c/Academind

• Fireship:youtube.com/c/Fireship
Learning Platforms 📝

• W3Schools w3schools.com

• Tutorialspoint tutorialspoint.com

• GeeksForGeeks geeksforgeeks.org:

• MDN Doc developer.mozilla.org/en-US/
• JavaScript Info javascript.info

• Python Tutorial pythontutorial.net

• Javatpoint javatpoint.com
Stock Images 🖼️

• StockSnap stocksnap.io

• Pexels pexels.com

• Unsplash unsplash.com

• Vecteezy vecteezy.com/free-photos
• Pixabay pixabay.com

• Gratisography gratisography.com

• Reshot reshot.com

• FoodiesFeed foodiesfeed.com
Remote Jobs 💼

• We Work Remotely weworkremotely.com

• Hired hired.com

• Arc arc.dev

• Flexjobs flexjobs.com

• Remote OK remoteok.com

• JustRemote justremote.co
Hosting 🌍

• Netlify netlify.com

• Vercel vercel.com

• Firebase Hosting firebase.google.com

• Heroku heroku.com

• Surge surge.sh

• GitHub Pages pages.github.com
UI Inspiration 🎨

• Behance behance.net

• Dribbble dribbble.com

• AWWWARDS awwwards.com

• UI Movement uimovement.com

• Site inspire siteinspire.com

• Uplabs uplabs.com
Hey 👋

Hope you found this thread useful!

If you did, consider retweeting it and following me for more content related to Web Development, Web3, and general programming

• • •

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

Keep Current with Suhail Kakar

Suhail Kakar 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 @SuhailKakar

Suhail Kakar Profile picture
May 19
If you want to grow as a developer, there is no better way than joining communities!

Here are 8 Discord servers to kickstart your Web3 and Blockchain development career.

A thread ↓
1. LearnWeb3DAO

LearnWeb3 has a very active community on discord. Their main goal is to make you a Web3 developer, so joining is discord can benefit you a lot.

discord.com/invite/xhGvRm9…
2. Buildspace
Another best and most active community is buildspace. It is full of resources and courses.

discord.com/invite/buildsp…
Read 11 tweets
Suhail Kakar Profile picture
May 18
What is console.log() function and how does it work on JavaScript? 🧵
console.log() is a built-in function of JavaScript that print any kind of variable defined in the code. This is a very useful function for debugging the code. Before going deeply on how does it work, let's understand what is console
In JavaScript, a console is an object which provides access to the browser debugging console. You can open a console in the web browser by using Ctrl + Shift + I for windows and Command + Option + K for Mac
Read 11 tweets
Suhail Kakar Profile picture
May 17
What is Web3 and Why You Should Care 🧵
You've probably heard about Web3; it has been trending everywhere, from Twitter to Reddit. Every day more and more people are transiting to Web3. The demand for developers is increasing as Crypto use grows at an exponential rate.
Skills in blockchain development are among the most in-demand in the tech industry. To keep it short and straightforward Web3 is all about decentralisation — it aims to give users more control over their data.
Read 10 tweets
Suhail Kakar Profile picture
May 14
100+ Linux commands and their explanation 🧵↓
Basic Linux commands

→ ls-al: Lists files and directories with detailed information like permissions,size, owner, etc.

→ ls: Lists all files and directories in the present working directory

→ ls-R: Lists files in sub-directories as well

→ ls-a: Lists hidden files as well
→ cd or cd ~: Navigate to HOME directory

→ cd ..: Move one level up

→ cd: To change to a particular directory

→ cd /: Move to the root directory

→ cat > filename: Creates a new file

→ cat filename: Displays the file content
Read 21 tweets
Suhail Kakar Profile picture
May 11
Are you a web developer or learning web development?

Read this ↓
1/
Web development is a vast ecosystem. As a beginner who wants to get into web development, it could be a little hard to focus and learn in a proper way.
2/
If you've been studying web development but still feel inadequate in your knowledge of the topic. Perhaps you're having trouble remembering or applying all you've learned.
Read 20 tweets
Suhail Kakar Profile picture
May 3
How to Become a Full Stack Web Developer in 2022

A thread 🧵👇
Before going through the roadmap and resources, let's first understand what is a full stake developer.

A full-stack web developer is a person who can develop both client and server software.
Yes, that was an easy definition, but that is not it.

Full Stack Developers must have some knowledge of a number of coding niches, ranging from databases to graphic design.

Graphic design is not necessary and it is completely optional.
Read 18 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!

Follow Us on Twitter!

:(