Learning JavaScript

shortcuts:
JSTIPS
JSPERF

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

Basics

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 »

Intermediate

Title	Author	Date	Link
You Don't Know JS	Kyle Simpson	2014	read it »
Fixing These jQuery (Debugging front-end applications)	adam j. sontag	2010	start here »
Maintainable JavaScript (Fluent Conference)	Nicholas C. Zakas	2012-05	watch it »

Advanced

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

Performance optimization

• 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).

Client-specific optimizations

• 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

Profiling

Play media

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.

ECMAScript 6

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

• ES6-learning: An overview of resources about ES6.
• New OOP features in ES6 (December 2014), Dr. Axel Rauschmayer

Documentation

Check out DevDocs. It aggregates documentation for APIs of DOM, CSS, JavaScript, Node.js, and many popular JS libraries, to one central place with a unified interface. Many of its pages are streamed from the Mozilla Developer Network.

Further reading

• superherojs.com: Collection of great articles, videos and presentations. Learn about developing, testing and maintaining a large JavaScript code base.

Staying up to date

• Web Platform Daily
• Frontend Feeds to Follow, Paul Irish

Coding conventionsManual:Coding conventions
General	All languagesManual:Coding conventions#Code structure· Development policyDevelopment policy · Security for developersSecurity for developers · Pre-commit checklistManual:Pre-commit checklist · Performance guidelinesPerformance guidelines (draft) · Style guideStyle guide · Accessibility guide for developersAccessibility guide for developers (draft)
PHP	Code conventionsManual:Coding conventions/PHP · PHPUnit test conventionsManual:PHP unit testing/Writing unit tests#Test_conventions · Security checklist for developersSecurity checklist for developers
JavaScript	Code conventionsManual:Coding conventions/JavaScript · Learning JavaScriptLearning JavaScript
CSS	Code conventionsManual:Coding conventions/CSS
Database	Code conventionsManual:Coding conventions/Database· Database policyDevelopment policy#Database policy
Python	Code conventionsManual:Coding conventions/Python
Ruby	Code conventionsManual:Coding conventions/Ruby
Selenium/Cucumber	Code conventionsManual:Coding conventions/Selenium
Java	Code conventionsManual:Coding conventions/Java
API client code	Standards for API client librariesAPI:Client code/Gold standard