70+ Awesome Free Resources To Learn JavaScript
Tags: javascript, resources, firstpost
Published: 2021-05-26 07:39:18

Hey there, today in this blog we'll be discussing some great free resources to learn JavaScript right from the scratch.

So, are you excited? Let's go then! 🚀

So first things first, are you a person like me who prefers written tutorials more effective than video tutorials? (comment below 😉)

Here are some GREAT tutorials out there:

## Documentations  📑

1. **MDN Web Docs : [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript)**

This is regarded as bible of references, and why shouldn't? It might look overwhelming to look over the content but with time, it would act like a butter to your bread! 😜

 **2. JavaScript Info : [Link](https://javascript.info/)**

 It contain all topics you need, from the basics to advanced topics with simple, but detailed explanations.

**3. W3 Schools : [Link](https://w3schools.com/js/)**

You know W3 schools already. When I first started with HTML 3 years ago, I use this as my only ultimate reference. This tutorial will teach you JavaScript from basic to advanced.

**4. DevDocs : [Link](https://devdocs.io/javascript/)**

This is basically MDN docs in a fast, organized, and searchable interface. 

**5. JavaScript Garden : [Link](https://bonsaiden.github.io/JavaScript-Garden/)**

This is a growing collection of documentation about the most quirky parts of the JavaScript programming language.

---

## Web Tutorials 📝

 **6. Learn JS: [Link](https://www.learn-js.org/)**

This is an amazing interactive javascript tutorial in the form of chapters.

**7. JavaScript Tutorial : [Link](https://www.javascripttutorial.net/)**

Divided and categorised into beautiful sections, this JavaScript Tutorial helps you learn the JavaScript programming language from scratch quickly and effectively.

---

## GitHub Repositories 🐱

**8. 30 seconds of code : [Link](https://github.com/30-seconds/30-seconds-of-code)**

This awesome JS repo contains short JavaScript code snippets for all your development needs

**9. Airbnb JavaScript Style Guide : [Link](https://github.com/airbnb/javascript)**

This is a clean and reasonable style guide to javascript language. Must have a look.

**10. JS Questions: [Link](https://github.com/lydiahallie/javascript-questions)**

A long list of (advanced) JavaScript questions, and their explanations.

**11. 33 JS concepts: [Link](https://github.com/leonardomso/33-js-concepts)**

Awesome resource containing 33 JavaScript concepts every developer should know.

**12. JS by example: [Link](https://github.com/bmkmanoj/js-by-examples)**

As you must have guesses, here you can learn JavaScript by examples.

**13. Modern JavaScript tutorials : [Link](https://github.com/javascript-tutorial/en.javascript.info)**

This repository has the English content of the Modern JavaScript Tutorial, published in [https://javascript.info](https://javascript.info/).

---

## Free eBooks 📒

14. [You Don't Know JS (book series)](https://github.com/getify/You-Dont-Know-JS) - This is a series of books diving deep into the core mechanisms of the JavaScript language.

15. [Eloquent JavaScript](http://eloquentjavascript.net/) - This is a web book about JavaScript covering the language and runtime specifics.

16. [Mostly Adequate Guide to Functional Programming](https://mostly-adequate.gitbooks.io/mostly-adequate-guide/) - A documented web book covering functional programming in JavaScript, this is an excellent primer to functional programming using JavaScript.

17. [Functional-Light JavaScript](https://github.com/getify/Functional-Light-JS) -This book explores the core principles of functional programming (FP) as they are applied to JavaScript.

18. [JavaScript Design Patterns](http://addyosmani.com/resources/essentialjsdesignpatterns/book/) - This is a classical approach to JavaScript specific design patterns.

19. [Human JavaScript](https://read.humanjavascript.com/) - A great web book by [@HenrikJoreteg](http://twitter.com/henrikjoreteg)

20. [Speaking JavaScript](http://speakingjs.com/) - This is an in-depth guide beginning with the basics.

21. [JavaScript For Beginners](https://www.pdfdrive.com/javascript-javascript-for-beginners-learn-javascript-programming-with-ease-in-half-the-time-everything-about-the-language-coding-programming-and-web-pages-you-need-to-know-e158299863.html) - Learn JavaScript Programming with ease

22. [The JavaScript Beginner's Handbook](https://t.co/v0Ed5EJPJD?amp=1)

## Interactive Tutorials 💻
 
23. [Codeacademy](https://www.codecademy.com/learn/javascript) - Fundamentals of JavaScript.

24. [Exercism JavaScript Track](https://exercism.io/tracks/javascript) - Exercism provides individual practice and mentor-based learning for free.

25. [Functional programming](http://reactivex.io/learnrx/) - Learn basic principles of functional programming in an interactive way by using map, filter, concatAll, reduce and zip.

## Online Courses  👩🏻‍🏫

26. Udacity JavaScript Basics - [Link](https://www.udacity.com/course/intro-to-javascript--ud803)

27. Scrimba - [Link](https://scrimba.com/learn/learnjavascript)

28. Coursera - [Link](https://www.coursera.org/learn/javascript)

29. Udemy - [Link](https://www.udemy.com/course/the-complete-javascript-course/)

## YouTube Tutorials 📽️

30. JavaScript Tutorial for Beginners by JavaScript Mastery : [Link](https://youtu.be/g7T23Xzys-A)

31. JavaScript Tutorial for Beginners - Full Course in 8 Hours by Clever Programmer : [Link](https://youtu.be/Qqx_wzMmFeA)

32. JavaScript Full Course by Edureka : [Link](https://youtu.be/o1IaduQICO0)

33. Full JavaScript Course by Freecodecamp : [Link](https://www.youtube.com/watch?v=PkZNo7MFNFg)

34. Learn JavaScript in 1 Hour by Programming With Mosh : [Link](https://www.youtube.com/watch?v=W6NZfCO5SIk)

## Tips and Tricks 💡

35. JavaScript Tips by Kirupa - [Link](https://www.kirupa.com/javascript/javascript_tips_and_tricks.htm)

36. JS Tips by Catalinpit - [Link](https://github.com/catalinpit/JS-Tips-And-Tricks)

I've learnt so many things from this one. Must have a look!

37. JS tips - [Link](https://www.jstips.co/)

## Cheat Sheets 🤑

38. JS Cheatsheet by iLoveCoding: [Link](https://github.com/iLoveCodingOrg/javascript-cheatsheet/blob/master/js-cheatsheet.pdf)

39. Cheatography - JavaScript Cheat Sheet : [Link](https://cheatography.com/davechild/cheat-sheets/javascript/)

40. OverAPI - [Link](https://overapi.com/javascript)

41. JS CheatSheet - [Link](https://htmlcheatsheet.com/js/)

42. Awesome Cheatsheets by LeCoupa - [Link](https://github.com/LeCoupa/awesome-cheatsheets/blob/master/languages/javascript.js)

43. Modern JavaScript Cheatsheet: [Link](https://github.com/mbeaudru/modern-js-cheatsheet)

44. ES6 Cheatsheet by Devhints - [Link](https://devhints.io/es6)

## JavaScript Projects (Beginners to Advanced) 🕹️

45. 30 Day Vanilla JS by wesbos : [Link](https://javascript30.com/)

46. Learn JavaScript by Building 7 Games (YouTube) : [Link](https://youtu.be/lhNdUVh3qCc)

47. Build 15 JavaScript Projects by freecodecamp (YouTube) : [Link](https://youtu.be/3PHXvlpOkf4)

48. 10 JS Projects in 10 Hours by FlorinPop :  [Link](https://youtu.be/dtKciwk_si4)

49. Beginners JavaScript Projects by strongdan: [Link](https://github.com/strongdan/beginner-js-projects)

50. 20+ Projects You Can Do With JavaScript : [Link](https://skillcrush.com/blog/projects-you-can-do-with-javascript/)

51. 40 JavaScript Projects for Beginners : [Link](https://www.freecodecamp.org/news/javascript-projects-for-beginners/)

52. 100+ JavaScript Projects: [Link](https://jsbeginners.com/javascript-projects-for-beginners/)

53. 50 projects 50 days by Brad Traversy : [Link](https://github.com/bradtraversy/50projects50days)

## DOM in JavaScript  🧱

54. Traversing the DOM with JavaScript - [Link](https://zellwk.com/blog/dom-traversals/)
A tutorial featuring native methods to traverse the DOM.

55. DOM Enlightenment - [Link](http://domenlightenment.com/)
A whole book about how to access an manipulate the DOM without a library.

56. You Might Not Need jQuery - [Link](http://youmightnotneedjquery.com/)
Get plain JavaScript code snippets (and see their jQuery equivalents).

## ES6 ✨

57. ES6 Overview - [Link](https://ponyfoo.com/articles/es6)
Bullet point overview including in-depth articles.

58. Exploring ES6 - [Link](http://exploringjs.com/es6.html)
Good introduction with in-depth chapters.

59. Practical ES6 - [Link](https://github.com/mjavascript/practical-es6)
eBook with practical examples and advices.

60. ES6 Katas - [Link](http://es6katas.org/)
Learn ES6 by solving unit test online.

61. Setting up ES6 - [Link](http://exploringjs.com/setting-up-es6.html)
Explains how to set up ES6 projects that are transpiled to ES5.

62. Exploring ES2016 and ES2017 - [Link](http://exploringjs.com/es2016-es2017.html)
Follow up of »Exploring ES6«.

## Aand.. if you need to learn JS Algorithms 🤖

63. The Algorithms - JavaScript : [Link](https://github.com/TheAlgorithms/Javascript)

64. JavaScript Algorithms and Data Structures : [Link](https://github.com/trekhleb/javascript-algorithms)
 
## Some Awesome Free Resources 🎖️

65. Get Butterfly : [Link](https://getbutterfly.com/javascript/)

66. 30 seconds of code : [Link](https://30secondsofcode.org/js/p/1)

67. JavaScript Snippets : [Link](https://tweetsnippet.com/snippets/javascript)

68. JS source : [Link](https://javascriptsource.com)

69. JS Fiddle : [Link](https://jsfiddle.net)

## Other Tutorials 🌱

70. The Odin Project : [Link](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript)

71. JS for cats : [Link](http://jsforcats.com/)

---

Woah. Thank you for your precious time. Hope I have helped you somehow!

You can support me here :)  

<a href="https://www.buymeacoffee.com/shreyapurohit" >
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/trr3v9cy32gefaf7un2o.png" >
</a>

 

---

> On a side note, please don't get stuck into tutorial hell, be aware! :)
{% twitter 1395357913535770630 %}

I have just started to share such resources on Twitter on a daily basis as well, have a look and let's connect! [Twitter](https://twitter.com/eyeshreya)