DEV Community

Cover image for 70+ Awesome Free Resources To Learn JavaScript

70+ Awesome Free Resources To Learn JavaScript

Shreya Purohit
Front-end Developer πŸ‘½, Data Science Learner πŸ“‰, UI/UX Designer πŸ¦„
・6 min read

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

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

Discussion (2)

techguy profile image

Great List. JavaScript Succinctly Free Ebook missing here.

shreya profile image
Shreya Purohit Author

Thanks for the awesome suggestion!