Share this page!

Pratham 👨‍💻🚀 Profile picture
Twitter logo
27 Mar, 18 tweets, 15 min read
65 JavaScript resources that can help you

Mega Thread 🧵 👇🏻
🔹 Websites

1. Java5cript
java5cript.com

2. JavaScript Tutorial
javascripttutorial.net

3. JavaScript 30
javascript30.com

4. JavaScript Info
javascript.info

5. JavaScript by Pluralsight
javascript.com
🔹 Learn through visualizing

6. JS Visualizer
jsv9000.app

7. UI dev visualizer
ui.dev/javascript-vis…

8. JS Tutor
pythontutor.com/javascript.html
🔹 Documents

9. MDN
developer.mozilla.org/en-US/docs/Web…

10. W3 Schools
w3schools.com/js/

11. DevDocs
devdocs.io/javascript/

12. JavaScript Info
javascript.info

13. JavaScript Garden
bonsaiden.github.io/JavaScript-Gar…
🔹 GitHub repo

14. Modern JavaScript tutorials
github.com/javascript-tut…

15. Awesome JS Learning
github.com/micromata/awes…

16. JS by example
github.com/bmkmanoj/js-by…

17. 33 JS concepts
github.com/leonardomso/33…

18. 30 seconds of code
github.com/30-seconds/30-…
19. JavaScript question
github.com/lydiahallie/ja…

20. JS Style Guide
github.com/airbnb/javascr…
🔹 Code Snippet

21. 30 seconds of code
30secondsofcode.org/js/p/1

22. JS source
javascriptsource.com

23. Get Butterfly
getbutterfly.com/javascript/

24. JS Fiddle
jsfiddle.net

25. JavaScript (ES6) code snippets
marketplace.visualstudio.com/items?itemName…
🔹 Books

26. Eloquent JS
eloquentjavascript.net

27. JS Design pattern
addyosmani.com/resources/esse…

28. The JavaScript Beginner's Handbook
flaviocopes.com/page/javascrip…

29. Learn JavaScript with Ease
pdfdrive.com/javascript-jav…

30. Human JavaScript
read.humanjavascript.com
🔹 Tips and Tricks

31. JS tips
jstips.co

32. JS tips and tricks
github.com/catalinpit/JS-…

33. Kirupa
kirupa.com/javascript/jav…
🔹 Projects

34. 10 JS projects in 10 hours


35. 15 JS projects


36. Build 7 games using JS


37. 50 projects in 50 days
udemy.com/course/50-proj…

38. JavaScript Projects for Beginners
jsbeginners.com/javascript-pro…
🔹 Algorithms

39. Algorithms in JS
github.com/trekhleb/javas…

40.
github.com/TheAlgorithms/…

41. Algo test
testdome.com/tests/javascri…

42. Interview algo
thatjsdude.com/interview/js1.…
🔹 Cheat sheets

43. JS Cheat sheet
github.com/iLoveCodingOrg…

44. HTML, CSS, JS cheat sheet
htmlcheatsheet.com/js/

45. cheatography.com/davechild/chea…

46. Over API
overapi.com/javascript

47. Awesome cheat sheet
github.com/LeCoupa/awesom…
48. Array and date cheat sheet

49. DevHints
devhints.io/es6
🔹 COURSES

50. Code Academy
codecademy.com/learn/introduc…

51. Udemy
udemy.com/course/the-com…

52. Coursera
coursera.org/learn/javascri…

53. Plural Sight
pluralsight.com/courses/quick-…?

54. Scrimba
scrimba.com/topic/javascri…
🔹 Readings

55. Geeks For Geeks
geeksforgeeks.org/javascript-tut…

56. Java Point
javatpoint.com/javascript-tut…

57. Tutorial Points
tutorialspoint.com/javascript/ind…

58. Learn JS
learn-js.org

59. The Odin Project
theodinproject.com/courses/javasc…

60. JS for cats
jsforcats.com
🔹 Videos

61. JavaScript Mastery


62. Clever Programmer


63. Edureka


64. Coursera


65. Freecodecamp
This is pretty much it for this thread. I hope you like it ❤️

Feel free to add more and let's take this list to 100. I will retweet your resource with a shout out😄

Peace out😉
If you're interested in React ⚛️

• • •

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
28 Mar
100 Free CSS resources you will love🎨

Mega Thread 🧵👇🏻
◽ Colors
◽ AI integrated color picker
◽ Code Snippets
◽ Document and notes
◽ CSS generator
◽ Design Inspiration
◽ GitHub Repo
◽ Cheat Sheets
◽ Validators
◽ Chrome Extension
◽ YouTube
◽ Animation Libraries
◽ Threads
◽ Website
◽ Learn by playing
◽ Templates
🔹 Colors

1. Color Hunt
colorhunt.co

2. Coolors
coolors.co

3. HTML color codes
htmlcolorcodes.com

4. UI Gradients
uigradients.com

5. Gradient generator
cssgradient.io
Read 25 tweets
Pratham 👨‍💻🚀 Profile picture
27 Mar
6 amazing GitHub repositories that can help you as a developer

🧵 👇🏻
1️⃣ HTML Best Practice

- This repo will help you writing maintainable and scalable HTML documents

🔗 github.com/hail2u/html-be…
2️⃣ 30 Days Of React

- Learn React in 30 days. A well divided topics of React in days. Definitely check it out

🔗 github.com/Asabeneh/30-Da…
Read 7 tweets
Pratham 👨‍💻🚀 Profile picture
26 Mar
Are you a coder?

These visualizers will increase your learning process up to 10 times

🧵👇
🔗 pythontutor.com/visualize.html

- You can visualise the execution of different programs from different languages
🔗 cscircles.cemc.uwaterloo.ca/java_visualize/

- Step by step visualization of Java programs
Read 5 tweets
Pratham 👨‍💻🚀 Profile picture
25 Mar
Everything you need to know before starting with web development

🧵👇
Hey, there👋

If you want to learn web development then this thread is for you. In this thread, I will try to give a basic overview of the things you need to do to get started.

And any other doubt you have in mind... So Let's go

{ 2 / 23 }
Web development is a vast field but mainly revolves around 3 different technologies.

HTML, CSS and JavaScript - You can learn these things with 100 Days let's see how....

{ 3 / 23 }
Read 23 tweets
Pratham 👨‍💻🚀 Profile picture
24 Mar
Let's see some cool CSS features that have not yet been standardized.

🧵👇🏻
In this thread I will be covering features of webkit extension but you do the same thing for mozilla as well

Here: developer.mozilla.org/en-US/docs/Web…

{ 2 / 8 }
1️⃣ -webkit-tap-highlight-color

-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped.

{ 3 / 8 } a { -webkit-tap-highlight-color: red; }
Read 8 tweets
Pratham 👨‍💻🚀 Profile picture
24 Mar
If you know CSS then you can use these amazing generators and save your time

Thread 🧵👇🏻
1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

🔗 cssboxshadow.com
2️⃣ Glassmorphism

- Generate glassmorphic design easily

🔗 glassgenerator.netlify.app
Read 7 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

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

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum