Hi!, 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.
- 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.
- DevDocs : Link
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 π
- Learn JS: Link
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 π‘
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 π±
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! @eyeshreya
Woah. Thank you for your precious time. Hope I have helped you somehow!