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! π
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 π
You Don't Know JS (book series)Β - This is a series of books diving deep into the core mechanisms of the JavaScript language.
Eloquent JavaScriptΒ - This is a web book about JavaScript covering the language and runtime specifics.
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.
Functional-Light JavaScriptΒ -This book explores the core principles of functional programming (FP) as they are applied to JavaScript.
JavaScript Design PatternsΒ - This is a classical approach to JavaScript specific design patterns.
Human JavaScript - A great web book by @HenrikJoreteg
Speaking JavaScriptΒ - This is an in-depth guide beginning with the basics.
JavaScript For Beginners - Learn JavaScript Programming with ease
Interactive Tutorials π»
CodeacademyΒ - Fundamentals of JavaScript.
Exercism JavaScript TrackΒ - Exercism provides individual practice and mentor-based learning for free.
Functional programmingΒ - 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 π‘
I've learnt so many things from this one. Must have a look!
- JS tips - Link
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.ES6 Katas - Link
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 π€
Some Awesome Free Resources ποΈ
Get Butterfly : Link
30 seconds of code : Link
JavaScript Snippets : Link
JS source : Link
JS Fiddle : Link
Other Tutorials π±
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)
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.
I'm so glad to head this, Rohit! It took time but it was worth it :D
I appreciate your support!
Great List. JavaScript Succinctly Free Ebook missing here.
Thanks for the awesome suggestion!