Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
Sep 25 β€’ 14 tweets β€’ 6 min read
12 websites that will help you learn web development faster (completely free): 🧡
1. How HTTP Works

Everything you need to know about HTTP based system.

πŸ”— howhttps.works How HTTP works screenshot.
2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

πŸ”— nodejsera.com/30-days-of-nod… 30 days of Node.
3. How DNS Works

Learn what happens when you type a website address in your browser

πŸ”— howdns.works How DNS works screenshot
4. Git

Check out this excellent free website to learn git visually.

πŸ”— learngitbranching.js.org Image
5. JavaScript

Visualize JavaScript code and learn the workflow.

πŸ”— jsv9000.app
6. Algorithm Visualizer

Algorithms are always a little tricky to learn. But this website can make it easier.

πŸ”— algorithm-visualizer.org
7. Cryptozombies

Learn to code Blockchain DApps by building simple games.

πŸ”— cryptozombies.io Image
8. useWeb3

useWeb3 is a platform for developers to explore and learn about Web3.

πŸ”— useweb3.xyz Image
9. Sorting Algorithms

Learn sorting algorithms visually and intuitively.

πŸ”— toptal.com/developers/sor…
10. Pull Request

Code Review as a Service.

Get on-demand code reviews from expert engineers and developers.

πŸ”— pullrequest.com Image
11. Learn Anything

Search anything here, and it will show you the correct roadmap with all the necessary resources

πŸ”— learn-anything.xyz Image
12. JS Robot

Learn JavaScript by playing games.

πŸ”— lab.reaal.me/jsrobot/ Image
Thanks for checking this out.

You can check out my other threads at @Prathkum. I generally write about web development. 😁

β€’ β€’ β€’

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

Keep Current with Pratham

Pratham 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 @Prathkum

Pratham Profile picture
Sep 27
CSS Grid is tricky, but I made some visuals and interactive examples to make it learn easier (free): 🧡
Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex, you can make only 1D layout but Grid gives you the full power of creating a 2D layout

Let's start

{ 02 / 28 }
First things first, start with giving the display property "grid" to the container element or parent element.

{ 03 / 28 } Image
Read 28 tweets
Pratham Profile picture
Sep 20
8 Google Chrome extensions that'll help you turn hours of work into minutes (free): 🧡
1. ScribeHow

Turn any process into a step-by-step guide, instantly.

β€’ Click record
β€’ Do the thing you want to show someone (like how to reset a password)
β€’ Get a beautiful auto-generated guide

No manual screenshots. Scribe does it for you.

πŸ”— scribehow.com
2. Jam

Reporting bugs is easier than ever.

Capture your screen plus developer logs in one click.
It’s so easy, you’ll forget you hate bugs.

πŸ”— jam.dev
Read 10 tweets
Pratham Profile picture
Sep 19
Twitter threads have a powerful impact, although 99% of users are ignorant of it.

If written properly, they make fantastic little nuggets of knowledge.

19 of my threads covering a wide range of topics in CSS, JavaScript, and React: 🧡
1. Introduction to JavaScript

2. JavaScript for web development

Read 21 tweets
Pratham Profile picture
Sep 16
10 websites that will change the way you do web development (you will love them): 🧡
1. Jam

Reporting bugs is easier than ever.

Capture your screen plus developer logs in one click.
It’s so easy, you’ll forget you hate bugs.

πŸ”— jam.dev Jam website cover image.
2. Blackbox

Turn any questions into a code snippet or extract code snippet from a video.

πŸ”— useblackbox.io Blackbox website cover image.
Read 12 tweets
Pratham Profile picture
Sep 14
5 developer tools you’ll regret why you didn’t know about them yet: 🧡
1. Locofy.ai

Locofy converts Figma design to production-ready apps.

β€’ Supports React, React Native, HTML-CSS, Gatsby, Next.js
β€’ Popular UI libraries like Material, Chakra, Bootstrap, Ant are supported
β€’ Support for Storybook & Adobe XD coming soon
2. getform

It basically converts HTML form into an endpoint.

β€’ Send emails from the contact form
β€’ Upload files
β€’ Automate your workflow

πŸ”— getform.io
Read 7 tweets
Pratham Profile picture
Sep 13
useEffect hook at a glance: 🧡

React Hooks are the functions that "hook into" React state.

Hooks allow you to manipulate state and other React features without writing a class. Let's talk about the widely used hook. useEffect hook at a glance cover image.
useEffect hook is the heart of React functional components

If you're familiar with class components, then you might know that we have various lifecycle methods, but in functional components, we don't have any lifecycle methods. Instead, we have a powerful hook called useEffect.
Using useEffect, you tell React that your component needs to do something after rendering.

React will remember the function you passed (we'll refer to it as our β€œeffect”) and call it later after performing the DOM updates.

Let's start by understanding the syntax first.
Read 14 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!

Send Email!

Email the whole thread instead of just a link!

Separate emails with commas

:(