What is the best way to learn JavaScript?

We recently collected a curated list of 40+ resources for learning JavaScript.

If You’re Stuck or Need Help Clearing Up Anything Confusing:

Codementor - https://www.codementor.io
Codementor is an online platform that will almost instantly connect you to 200+ JavaScript expert mentors. Whether you’re just starting out and think you need eyes on your coding progress or if you’re stuck with a problem or bug you have no idea how to solve, you can use Codementor to find an experienced Javascript developer to make your Javascript learning process much easier.

Free Resources for Absolute Beginners:

 
http://www.codecademy.com/ (interactive)
If you don’t already know some basic HTML & CSS, Codecademy is definitely somewhere to start out (HTML & CSS). While the material there won't be enough to help you build complicated web apps, it is nonetheless an excellent place to get started on if you have no experience with programming. Other than Javascript track at (JavaScript ) , they also have jQuery (jQuery) and AngularJS (AngularJs) tracks. Once you get the basics down, you'll probably have an easier time following more advanced Javascript tutorials.

 
http://channel9.msdn.com/Series/... (video)
This site contains a 21-episode video course that will walk you through the fundamentals of Javascript. It’s also great for getting to know a bit of JQuery, as the course will eventually touch upon it. All in all, if you prefer to learn Javascript through watching videos, check out the video series.

 
https://www.khanacademy.org/comp... (video & interactive)
Khan Academy is another great place to start. You can learn how to use Javascript to create drawings and animations through the video screencasts, follow along with their online interpreter, and later delve into coding your own games with the language.

 
http://eloquentjavascript.net/ (online book)
If you've asked people where to start learning Javascript, chances are you've already heard of Marijn Haverbeke's book, which comes highly recommended. Eloquent Javascript teaches readers the fundamentals of how Javascript works, and there are mini exercises after each chapter to help you solidify the concepts you've just read. The online book mostly covers the Javascript language and how it works in a browser, but if you're interested in branching into Node.js, the book has two chapters that serve as a quick intoduction.

 
Once You Have a Better Grasp of the Javascript Language:


https://developer.mozilla.org/en...
Mozilla was co-founded by Brendan Eich, the creator of Javascript himself, so the Mozilla Development Network (MDN) naturally has some of the best Javascript guides and documentations for beginners to get into. From the guide to Javascript for beginners (JavaScript Guide) and various intermediate and advanced tutorials, MDN is definitely worth checking out. Once you're more familiar with the language, be sure to also look at their Javascript Reference (JavaScript reference) for more details.


http://docs.webplatform.org/wiki...
This community-driven site has a collection of documentations for learning web development languages such as HTML, CSS, and Javascript, so if you're new to web development, they have a beginner's section (Beginners · Beginners · WPD · WebPlatform.org) dedicated to help you get up to speed before you delve into learning Javascript. The documentation effort is still in progress, but many have found their article on best Javascript practices (javascript best practices) quite helpful.

 
JavaScript Garden
Once you've gotten a better grasp of the Javascript language, it will be a good idea to read the material on Javascript Garden to increase your understanding of Javascript. At this site, you can learn more about the quirks of the language and get tips on how to avoid bad practices among other mistakes.

 
Douglas Crockford's Javascript
Crockford's book, Javascript: The Good Parts (JavaScript: The Good Parts: Douglas Crockford: 9780596517748: Amazon.com: Books) is highly regarded among Javascript developers, and many consider him an inspiration. He has spoken about Javascript at a few conferences, and you can view the recordings via the links on his site's Javascript section. If you are an experienced programmer new to Javascript or if you're an intermediate Javascript developer, then you'd probably find his videos very helpful in understanding Javascript. Total beginners to programming will probably get less out of the videos, but it's still worth watching once you've gotten more familiar with Javascript.

 
Learning JavaScript Design Patterns
To delve deeper into Javascript, you'd eventually run into problems that could be solved through optimizing your design patterns, and they will also be used as a common vocabulary used by others to help you structure a solution to any problems you have. Thus, with all things said, this online guide will prove useful to help aspiring Javascript Developers become better at the language.

 
JavaScript Enlightenment | by Cody Lindley | 1st Edition | ECMA-262, Edition 3
Not meant for Javascript beginners, this relatively short but clear and easy to read online book intends to make Javascript library users into Javascript developers, as it has a primary focus on the nature of objects in Javascript. Those who are self-taught will find this book especially helful in filling in the gaps of their Javascript knowledge, and it is meant to supplement existing documentations on places such as MDN. While the book was written during the time of Javascript 1.5, it is nonetheless still worth a read.

Extended Learning/Blogs to Check Out:

 
DevChat.TV
Javascript Jabber is a weekly podcast that discusses the Javascript language, and you may learn quite a few new and helpful knowledge that you didn't know before. If you want recommendations on which episodes to listen to, there is a list of items panelist members have found particularly helpful.

A JavaScript Blog
This is great blog to follow for Javascript Developers, as it is a thriving platform updated daily with helpful tutorials or how-tos for tools you may find useful.

 
②ality - JavaScript and more
As a reknowned blog authored by Dr. Axel Rauschmayer, many Javascript developers have found this blog a consistent source of informative and deep insights into the Javascript language. Dr. Rauschmayer has also written a book, Speaking JS (Speaking JavaScript), which is available for free online and should be quite useful to experienced programmers.
 
Smashing Magazine — For Professional Web Designers and Developers
Naturally, a famous blog such as Smashing Magazine has a wealth of high-quality tips and tricks for web developers. The blog has a section dedicated to Javascript tips (JavaScript on Smashing Magazine), so be sure to check it out every now and then to increase your Javascript knowledge!

 
John Resig - Blog
John Resig is the creator of the jQuery Javascript library and the Dean of Computer Science at Khan Academy. He doesn't update his blog often, but you will still probably find some useful tips and insights into Javascript from his blog. He also created a guide for people to get into advanced Javascript, so check it out if you're interested!

 
JavaScript Tutorials
David Walsh is a core developer of the MooTools Javascript framework and an evangalist for Mozilla. He mostly posts tips and tricks on Javascript in his blog along with some other web development tutorials, so his blog should be quite helpful for web developers.

 
AddyOsmani.com | Articles for developers
Addy Osmani authored the book mentioned earlier, Javascript Design Patterns, but he also has a blog where he posts useful tips and tricks about Javascript along with the videos of talks he have held about the language.

Perfection Kills
Juriy Zaytsev, a former core developer of Prototype.js and the creator of Fabric.js, maintains this blog. Although it is not updated often, it contains several tips and tricks on Javascript you may find useful. If you feel up to it, you can also take the quiz on his blog (Perfection Kills) to test out how well you know Javascript!

 
Alex Sexton
Alex is an engineer at Stripe, and he's also a core developer of Modernizr. He isn't very prolific, but you shoiuld still be able to find some interesting Javascript tips and tricks in his blog

Reference: Codementor's Curated Guide of 40+ Resources for Learning JavaScript

Privacy Statement | Terms & Conditions
© 2017  Towards IT Technology Pte Ltd
ARCA Business Registration No. 201134070R