Learning JavaScript

shortcuts:
JSTIPS
JSPERF

Below is reference material about JavaScript that is recommended for learning about performance, good practices and advanced patterns.

BasicsEdit

Just got started learning to program, or want to start now? Then these may be more relevant for you instead.

Title	Author	Date	Link
Code.org	Code.org		start here »
jQuery Code School	jQuery Foundation / Code School	2014	start here »
jQuery Learning Center	jQuery Foundation		read it »
Learn Programming	Khan Academy	2014	start here »
Learn Web Fundamentals	Codecademy	2013	start here »

Title	Author	Date	Link
You Don't Know JS	Kyle Simpson	2014	read it »
Maintainable JavaScript (Fluent Conference)	Nicholas C. Zakas	2012-05	watch it »
WAT: This is a sarcastic demo of surprising features in Ruby and JavaScript	Gary Bernhardt	2012	watch it »
Fixing These jQuery (Debugging front-end applications)	adam j. sontag	2010	start here »

Title	Author	Date	Link
JavaScript in general and the DOM
The Post JavaScript Apocalypse	Douglas Crockford	2017-04	watch it »
Crockford on JavaScript (8-part series at YUI Theater)	Douglas Crockford	2011-11	watch it »
The JavaScript Trilogy (3-part series at YUI Theater)	Douglas Crockford	2011-08	watch it »
Good JavaScript Habits	Mike Hostetler	2011-04	watch it »
How Good C# Habits can Encourage Bad JavaScript Habits	Mike Hostetler	2010-10	read it »
The Lazy Programmer's Guide to Secure Computing	Marc Stiegler	2010-03	watch it »
Speed Up Your JavaScript (Google Tech Talk)	Nicholas C. Zakas	2009-06-04	watch it »
JavaScript: The Good Parts (Google Tech Talk)	Douglas Crockford	2009-02-27	watch it »
jQuery
More things to learn from jQuery's internals	Paul Irish	2011-01-19	watch it »
Learning to code like jQuery codes internally	Paul Irish	2010-06-14	watch it »
10 Advanced jQuery performance tuning tips	Jon Raasch	2009-11-19	read it »
jQuery Anti-Patterns for Performance	Paul Irish	2009-11-11	watch it »

Optimization killers in V8: Pitfalls the bluebird library encountered.
Grokking V8 closures for fun (and profit?) (September 2012), @mraleph.
See http://mrale.ph/ for more resources that give a good understanding of how V8 optimizations work internally.
v8-perf: Notes, slides and videos about inner workings of V8 (including GC and JIT).

Jank Free, a collection of "must-see" resources to pinpoint bottlenecks, and eliminate stuttering from animations and scroll rendering.
"Not optimized" warnings explained (2014), Paul Irish, Chrome Dev Tools

Intro to Chrome's timeline feature

Chrome's timeline feature: File:Demonstration of Chromium's timeline feature.webm.
chrome2calltree allows you to use the excellent KCachegrind profile viewer, which has call graphs, relative call frequency, grouping by file & other useful features. It works with profiles generated by V8, including Chrome.
nodegrind makes it really easy to profile node projects by just calling 'nodegrind script.js' instead of 'node script.js'. It produces KCachegrind-compatible output.

Learn about the next version of the ECMAScript standard (which JavaScript implements).

Check out DevDocs. It provides a central (and offline) interface for documentation of many Web APIs and libraries (MDN, Node.js, PHPUnit, and more).