70+ Awesome Free Resources To Learn JavaScript

70+ Awesome Free Resources To Learn JavaScript

you've probably not heard of..

Β·

5 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 πŸ“‘

  • 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! 😜

  • JavaScript Info : Link

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

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.

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

  • JavaScript Garden : Link

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

Web Tutorials πŸ“

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

  • 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 🐱

  • 30 seconds of code : Link

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

  • Airbnb JavaScript Style Guide : Link

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

  • JS Questions: Link

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

  • 33 JS concepts: Link

Awesome resource containing 33 JavaScript concepts every developer should know.

  • JS by example: Link

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

  • Modern JavaScript tutorials : Link

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


Free eBooks πŸ“’

  • You Don't Know JS (book series) - Link

This is a series of books diving deep into the core mechanisms of the JavaScript language.

  • Eloquent JavaScript - Link

This is a web book about JavaScript covering the language and runtime specifics.

  • Mostly Adequate Guide to Functional Programming - Link

A documented web book covering functional programming in JavaScript, this is an excellent primer to functional programming using JavaScript.

  • Functional-Light JavaScript - Link

This book explores the core principles of functional programming (FP) as they are applied to JavaScript.

  • JavaScript Design Patterns - Link

This is a classical approach to JavaScript specific design patterns.

  • Human JavaScript - Link

A great web book by @HenrikJoreteg

  • Speaking JavaScript - Link

This is an in-depth guide beginning with the basics.

  • JavaScript For Beginners - Link

Learn JavaScript Programming with ease

  • The JavaScript Beginner's Handbook - Link

Interactive Tutorials πŸ’»

  • Codeacademy - Link

Fundamentals of JavaScript.

  • Exercism JavaScript Track - Link

Exercism provides individual practice and mentor-based learning for free.

  • Functional programming - Link

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


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


YouTube Tutorials πŸ“½οΈ

  • JavaScript Tutorial for Beginners by JavaScript Mastery : Link

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

  • JavaScript Full Course by Edureka : Link

  • Full JavaScript Course by Freecodecamp : Link

  • Learn JavaScript in 1 Hour by Programming With Mosh : Link


Tips and Tricks πŸ’‘

  • JavaScript Tips by Kirupa - Link

  • JS Tips by Catalinpit - Link

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


Cheat Sheets πŸ€‘

  • JS Cheatsheet by iLoveCoding : Link

  • Cheatography - JavaScript Cheat Sheet : Link

  • OverAPI - Link

  • JS CheatSheet - Link

  • Awesome Cheatsheets by LeCoupa - Link

  • Modern JavaScript Cheatsheet - Link

  • ES6 Cheatsheet by Devhints - Link


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

  • 30 Day Vanilla JS by wesbos : Link

  • Learn JavaScript by Building 7 Games (YouTube) : Link

  • Build 15 JavaScript Projects by freecodecamp (YouTube) : Link

  • 10 JS Projects in 10 Hours by FlorinPop : Link

  • Beginners JavaScript Projects by strongdan: Link

  • 20+ Projects You Can Do With JavaScript : Link

  • 40 JavaScript Projects for Beginners : Link

  • 100+ JavaScript Projects: Link

  • 50 projects 50 days by Brad Traversy : Link


DOM in JavaScript 🧱

  • Traversing the DOM with JavaScript - Link

A tutorial featuring native methods to traverse the DOM.

  • DOM Enlightenment - Link

A whole book about how to access an manipulate the DOM without a library.

  • You Might Not Need jQuery - Link

Get plain JavaScript code snippets (and see their jQuery equivalents).


ES6 ✨

  • ES6 Overview - Link

Bullet point overview including in-depth articles.

  • Exploring ES6 - Link

Good introduction with in-depth chapters.

  • Practical ES6 - Link

eBook with practical examples and advices.

Learn ES6 by solving unit test online.

  • Setting up ES6 - Link

Explains how to set up ES6 projects that are transpiled to ES5.

  • Exploring ES2016 and ES2017 - Link

Follow up of Exploring ES6.


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

  • The Algorithms - JavaScript : Link

  • JavaScript Algorithms and Data Structures : Link


Some Awesome Free Resources πŸŽ–οΈ

  • Get Butterfly: Link

  • 30 seconds of code: Link

  • JavaScript Snippets : Link

  • JS source: Link

  • JS Fiddle : Link


Other Tutorials 🌱

  • The Odin Project : Link

  • JS for cats : Link


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


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

You can support me here :)

Also Read:

Did you find this article valuable?

Support Shreya by becoming a sponsor. Any amount is appreciated!

Β