javascript-resources.md

Javascript Resources

While this list is primarily focused on learning React and Redux, and generally assumes that you understand the older Javascript ES5 standard, there's many great resources out there for learning Javascript. This page points to some similar resource lists that are focused on Javascript, as well as some additional useful articles and resources.

General Resources

• Mozilla Developer Network: Javascript
  https://developer.mozilla.org/en-US/docs/Web/JavaScript
  https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
  Mozilla maintains a fantastic set of developer resources for Web technologies, including a comprehensive reference to the Javascript language and a number of associated tutorials. Their "reintroduction to Javascript" article is a great overview of what the language looks like.

• Eric Elliott's Javascript Resource Lists
  https://medium.com/javascript-scene/10-priceless-resources-for-javascript-learners-bbf2f7d7f84e
  https://github.com/ericelliott/essential-javascript-links
  Eric Elliott is a strong proponent of Javascript, has written numerous articles about learning and understanding Javascript, and assembled some very useful lists of numerous Javascript resources. (Note that he is very strongly opinionated in his own articles, particularly about certain code patterns that he feels everyone should follow, but overall his advice and information is pretty solid.)

• Wes Bos's Javascript Resource List
  http://wesbos.com/learn-javascript
  Speaker and teacher Wes Bos gives links to a number of resources for learning Javascript

• Learning Javascript and the Danger of Spreading Yourself Too Thin
  https://medium.com/@kevininaniche/learning-javascript-and-the-danger-of-spreading-yourself-too-thin-4617384e7ea4
  Tips on how to approach learning Javascript, and some additional resources.

• Reddit /r/LearnJavascript
  https://www.reddit.com/r/LearnJavascript
  A Reddit community for learning Javascript

• Roadmap for Learning the Javascript Language
  http://bytearcher.com/articles/roadmap-for-learning-javascript-language/
  A suggested approach for how to learn Javascript.

• What Do I Need to Know to Ace a JavaScript Interview?
  https://github.com/adam-s/js-interview-review
  Collected resources for studying Javascript and preparing for an interview

• Zero to One: How I Mastered Javascript and You Can Too
  https://hashnode.com/post/zero-to-one-how-i-mastered-javascript-and-how-you-can-too-ciuwmrw9j00r50q539clhhdj7
  An article describing how one person approached learning Javascript, with suggestions and advice to follow.

• Want to Learn Javascript in 2016?
  https://medium.com/@_cmdv_/i-want-to-learn-javascript-in-2015-e96cd85ad225
  Extensive suggestions for resources to use when learning Javascript

• Array iteration methods summarized
  https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff
  An explanation of all the different Array methods that loop over the array, what they do, and when they should be used

Tutorials, Books, and Courses

• Eloquent Javascript
  http://eloquentjavascript.net/
  A full online book teaching Javascript from the ground up. Very recommended.

• You Don't Know Javascript
  https://github.com/getify/You-Dont-Know-JS
  An online book series intended to teach all aspects of Javascript, including the "tougher" parts.

• Exploring Javascript
  http://exploringjs.com/
  Multiple free online books from Dr. Axel Rauschmayer. "Speaking Javascript" covers all of Javascript through ES5; "Exploring ES6" covers ES6 in depth; and other books look at versions of Javascript after ES6 and how to set up an ES6+ development environment.

• 23 Free Javascript Books
  https://hackerlists.com/free-javascript-books/
  A list of many Javascript books available for free online.

• Rithm School Free Javascript Course
  https://www.rithmschool.com/courses

• Practical Javascript
  http://watchandcode.com/p/practical-javascript
  A free online course to learn Javascript fundamentals.

• Javascript Path
  https://github.com/javascript-society/javascript-path
  A list of books to master JavaScript Development

• DevFreeBooks: Javascript
  https://devfreebooks.org/javascript/
  A list of free online books for Javascript

• DOM Enlightenment
  http://domenlightenment.com/
  A deep look at how to interact with the DOM from Javascript, without using a library or a framework.

• Javascript30
  https://javascript30.com/
  A free course from Wes Bos that teaches how to build 30 different interesting projects, using only "vanilla" Javascript.

• Javascript; The Core
  http://dmitrysoshnikov.com/ecmascript/javascript-the-core/
  A dive into core concepts of how Javascript objects behave: prototypes, constructors, scopes, closures, and this.

Interactive Exercises

Online Code Editors

• A Roundup of Online Code Playgrounds
  https://www.sitepoint.com/round-up-online-code-playgrounds/
  An overview and comparison of various online Javascript live code editing tools.

Articles and Gotchas

• Mozilla Javascript Reference: the this keyword
  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
  MDN's usual excellent documentation, explaining how this works in Javascript

• Gentle Explanation of this keyword in Javascript
  http://rainsoft.io/gentle-explanation-of-this-in-javascript/
  https://www.reddit.com/r/javascript/comments/4o1546/gentle_explanation_of_this_keyword_in_javascript/
  Another long and in-depth explanation, plus some good discussion in the Reddit comments.

• The Inner Workings of Javascript's this keyword
  https://www.sitepoint.com/inner-workings-javascripts-this-keyword/
  https://www.sitepoint.com/mastering-javascripts-this-keyword/
  A two-part article on the ins and outs of this.

• Let's Settle this, Part One
  https://medium.com/@nashvail/lets-settle-this-part-one-ef36471c7d97
  Another look at this, with a number of examples and explanations

• Understanding Javascript Function Invocation and this
  http://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/
  An excellent explanation of how function calls and the this keyword work

• When 'not' to use arrow functions
  http://rainsoft.io/when-not-to-use-arrow-functions-in-javascript/
  An in-depth look at when you should stick with standard JS functions instead of arrow functions

• Do ES6 Arrow Functions Really Solve "this" in Javascript?
  https://derickbailey.com/2015/09/28/do-es6-arrow-functions-really-solve-this-in-javascript/
  A dive into how this works inside of arrow functions, and some places when they may not be appropriate for use.

• Grokking Scope in Javascript
  https://code.tutsplus.com/tutorials/grokking-scope-in-javascript--cms-26259
  Advice for understanding how Javascript variable coping works

• Let It Be - How to declare JavaScript variables
  http://madhatted.com/2016/1/25/let-it-be
  https://www.reddit.com/r/javascript/comments/44yjzo/let_it_be_how_to_declare_javascript_variables/
  A look at how var, let, and const behave, and how using them communicates intent. Further discussion in the Reddit comments.

Paid Courses and Books

• Javascript: Understanding the Weird Parts
  https://www.udemy.com/understand-javascript/?couponCode=YOUTUBE19
  https://www.youtube.com/watch?v=Bv_5Zv5c-Ts
  http://joanmira.com/javascript-understanding-the-weird-parts/
  A widely recommended course on Javascript by Tony Alicea. The first 3.5-hour video is free on Youtube, with a discount link for the course. The last link is notes from the course.