DEV Community

Cover image for 70+ Awesome Free Resources To Learn JavaScript
Shreya Purohit
Shreya Purohit

Posted on • Updated on

70+ Awesome Free Resources To Learn JavaScript

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

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

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

3. W3 Schools : Link

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

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

5. JavaScript Garden : Link

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


Web Tutorials πŸ“

6. Learn JS: Link

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

7. JavaScript Tutorial : Link

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

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

9. Airbnb JavaScript Style Guide : Link

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

10. JS Questions: Link

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

11. 33 JS concepts: Link

Awesome resource containing 33 JavaScript concepts every developer should know.

12. JS by example: Link

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

13. Modern JavaScript tutorials : Link

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


Free eBooks πŸ“’

  1. You Don't Know JS (book series)Β - This is a series of books diving deep into the core mechanisms of the JavaScript language.

  2. Eloquent JavaScriptΒ - This is a web book about JavaScript covering the language and runtime specifics.

  3. Mostly Adequate Guide to Functional ProgrammingΒ - A documented web book covering functional programming in JavaScript, this is an excellent primer to functional programming using JavaScript.

  4. Functional-Light JavaScriptΒ -This book explores the core principles of functional programming (FP) as they are applied to JavaScript.

  5. JavaScript Design PatternsΒ - This is a classical approach to JavaScript specific design patterns.

  6. Human JavaScript - A great web book by @HenrikJoreteg

  7. Speaking JavaScriptΒ - This is an in-depth guide beginning with the basics.

  8. JavaScript For Beginners - Learn JavaScript Programming with ease

  9. The JavaScript Beginner's Handbook

Interactive Tutorials πŸ’»

  1. CodeacademyΒ - Fundamentals of JavaScript.

  2. Exercism JavaScript TrackΒ - Exercism provides individual practice and mentor-based learning for free.

  3. Functional programmingΒ - Learn basic principles of functional programming in an interactive way by using map, filter, concatAll, reduce and zip.

Online Courses πŸ‘©πŸ»β€πŸ«

  1. Udacity JavaScript BasicsΒ - Link

  2. Scrimba - Link

  3. Coursera - Link

  4. Udemy - Link

YouTube Tutorials πŸ“½οΈ

  1. JavaScript Tutorial for Beginners by JavaScript Mastery : Link

  2. JavaScript Tutorial for Beginners - Full Course in 8 Hours by Clever Programmer : Link

  3. JavaScript Full Course by Edureka : Link

  4. Full JavaScript Course by Freecodecamp : Link

  5. Learn JavaScript in 1 Hour by Programming With Mosh : Link

Tips and Tricks πŸ’‘

  1. JavaScript Tips by Kirupa - Link

  2. JS Tips by Catalinpit - Link

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

  1. JS tips - Link

Cheat Sheets πŸ€‘

  1. JS Cheatsheet by iLoveCoding: Link

  2. Cheatography - JavaScript Cheat Sheet : Link

  3. OverAPI - Link

  4. JS CheatSheet - Link

  5. Awesome Cheatsheets by LeCoupa - Link

  6. Modern JavaScript Cheatsheet: Link

  7. ES6 Cheatsheet by Devhints - Link

JavaScript Projects (Beginners to Advanced) πŸ•ΉοΈ

  1. 30 Day Vanilla JS by wesbos : Link

  2. Learn JavaScript by Building 7 Games (YouTube) : Link

  3. Build 15 JavaScript Projects by freecodecamp (YouTube) : Link

  4. 10 JS Projects in 10 Hours by FlorinPop : Link

  5. Beginners JavaScript Projects by strongdan: Link

  6. 20+ Projects You Can Do With JavaScript : Link

  7. 40 JavaScript Projects for Beginners : Link

  8. 100+ JavaScript Projects: Link

  9. 50 projects 50 days by Brad Traversy : Link

DOM in JavaScript 🧱

  1. Traversing the DOM with JavaScript - Link
    A tutorial featuring native methods to traverse the DOM.

  2. DOM Enlightenment - Link
    A whole book about how to access an manipulate the DOM without a library.

  3. You Might Not Need jQuery - Link
    Get plain JavaScript code snippets (and see their jQuery equivalents).

ES6 ✨

  1. ES6 Overview - Link
    Bullet point overview including in-depth articles.

  2. Exploring ES6 - Link
    Good introduction with in-depth chapters.

  3. Practical ES6 - Link
    eBook with practical examples and advices.

  4. ES6 Katas - Link
    Learn ES6 by solving unit test online.

  5. Setting up ES6 - Link
    Explains how to set up ES6 projects that are transpiled to ES5.

  6. Exploring ES2016 and ES2017 - Link
    Follow up of Β»Exploring ES6Β«.

Aand.. if you need to learn JS Algorithms πŸ€–

  1. The Algorithms - JavaScript : Link

  2. JavaScript Algorithms and Data Structures : Link

Some Awesome Free Resources πŸŽ–οΈ

  1. Get Butterfly : Link

  2. 30 seconds of code : Link

  3. JavaScript Snippets : Link

  4. JS source : Link

  5. JS Fiddle : Link

Other Tutorials 🌱

  1. The Odin Project : Link

  2. JS for cats : Link


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

You can support me here :)




On a side note, please don't get stuck into tutorial hell, be aware! :)

I have just started to share such resources on Twitter on a daily basis as well, have a look and let's connect! Twitter

Top comments (4)

Collapse
 
rohitgour03 profile image
Rohit gour

Omg, Awesome Mega Resources. 😍πŸ”₯πŸš€
Thanks, Shreya for sharing such a valuable post. πŸ˜ŠπŸ™
It would have taken a lot of time and effort for preparing this one. I appreciate your hard work.

Collapse
 
shreya profile image
Shreya Purohit

I'm so glad to head this, Rohit! It took time but it was worth it :D
I appreciate your support!

Collapse
 
techguy profile image
Arun

Great List. JavaScript Succinctly Free Ebook missing here.

Collapse
 
shreya profile image
Shreya Purohit

Thanks for the awesome suggestion!