LearnJavascript: A list of resources

This list originated from this discussion on LinkedIn's Javascript group.

Contributors:

Kudos to Dimitrios Michalakos for suggesting the Understand the Single Threaded Process & Event Loop section and providing me with the links.

LEARNING

• Understand type coercion
• Get a good understaning of Functions, Scope and Hoisting
• Study Objects, Prototypal Inheritance and OOP
• Understand callbacks, IIFEs and asynchronicity
• Study the source code of popular libraries: jQuery, underscore, etc.

Here are 2 great videos on the subject by Paul Irish:

• 10 Things I Learned from the jQuery Source
• 11 More Things I Learned from the jQuery Source
• Watch every video by Douglas Crockford.
• Take the full course 'JavaScript The Good Parts' by Douglas Crockford on Front End Masters
• Get a really good understanding of closures and this
• Study performance and code optimization

Here is a good article by Nicholas Zakas: 10 Javascript Performance Boosting Tips

• Check every tip on the A Drip of JavaScript list and subscribe to it.

• Check JavaScript Garden.

  JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.

• Read some books. You can find some great books for JS on the BOOKS section of this list.

• Learn how to debug your JS code. Here are some good links as a starting point:

Debugging JavaScript Chrome DevTools Command Line API Reference

• Study JavaScript Patterns and Anti-Patterns:

• Learning JavaScript Design Patterns, Addy Osmani

• Javascript Patterns, moderated by Shi Chuan

• Understand the Single Threaded Process & Event Loop.

• Concurrency model and Event Loop, MDN

• The JavaScript Event Loop: Explained, By Erin Swenson-Healey

• Understanding the node.js event loop, by Mixu

• Introduction to Javascript Processes, by *Nico Valencia *

• How JavaScript Timers Work, By John Resig

• Philip Roberts: Help, I'm stuck in an event-loop: How JavaScript actually works

• Study some of the modern APIs: WebRTC, File API, Blob API, etc.

• Master Regular Expressions.

• Get in the habit of testing. (Crucial!). QUnit is a good starting point.

• Subscribe to these great YouTube channels and watch every video you can:

• CascadiaJS

• JSConf

• Learn some framework or library like jQuery, Backbone.JS, underscore, Angular, Ember, Knockout.JS, etc.

• Try building a ToDo App using one of these libraries

• Get to know Node.JS and start building apps.

• Try running server-side JS code usign Node.JS on Runnable.com

• Install Node.JS locally and start experimenting.

• Subscribe to Newsletters and stay up to date with JS and Node. (See section 3.8 NEWSLETTERS)

• Become familiar with a Task Manager like Grunt or Gulp.

• Start building Desktop Applications using HTML/JavaScript in Node-Webkit.

• Follow some of the masters on Twitter. (See section 3.6 of the RESOURCES section)

• Code using a Style Guide.

2. SUGGESTED CODING RULES AND BEST PRACTICES

• Always use var when declaring a variable
• Code using "use strict"
• Always use semicolons. // Not using semicolons??? Lonley Island uses them everyday
• Prefer using === over ==
• Always use curly braces
• Comment your code
• Avoid/Reduce global variables
• Avoid using with()
• Avoid using eval()
• Pass functions instead of strings to setTimeout or setInterval, as this triggers eval() internally.
• Use JSHint / JSLint
• Inline lint highlighting for the Sublime Text 2 editor
• Interactive code linting framework for Sublime Text 3

The difference between JavaScript and JavaScript with use strict

3. RESOURCES

3.1 BEGINNER RESOURCES

• JavaScript the Right Way
• JavaScript For Cats, by Max Ogden
• Javascript: BEST PRACTICES PART 1, by Christian Heilmann
• JavaScript Guide, MDN
• JAVASCRIPT FUNDAMENTALS, by Azat Mardan
• 5 Tips to Become a Better JavaScript Developer, by JUSTIN CHMURA
• JS 101
• 7 JavaScript Basics Many Developers Aren't Using (Properly)
• 5 Tips to Become a Better JavaScript Developer
• Things Every Javascript Developer Should Know, by Lubomir Vitol
• JavaScript Idiosyncrasies
• Airbnb JavaScript Style Guide
• Context or the "This" Keyword in JavaScript, by Adam Breindel
• 45 Useful JavaScript Tips, Tricks and Best Practices
• JavaScript DevDocs
• MDN JavaScript Guide

COURSES

• CodeCombat: Learn to Code by Playing a Game
• Javascript for Beginners, Udemy PAID COURSE

TESTING CODE

• JSBin
• JSFiddle

APIs

• Screen Orientation API

3.2 GENERAL

• Essential JavaScript Links,A curated list by Eric Elliott and friends
• JavaScript Garden
• Learn JavaScript Essentials (for all skill levels), by Eric Elliott
• JavaScript, The Right Way
• Learn Javascript resources on MDN
• Dos and Donts: Best Practices When Learning JavaScript
• The site of Dr. Axel Rauschmayer
• David Walsh's Blog
• DailyJS
• Understand JavaScript Closures With Ease
• JavaScript the Right Way
• JavaScript and the Browser: Under the Hood, by Ariya Hidayat
• JSdo It: Share JavaScript, HTML5 and CSS.

PERFORMANCE

• JavaScript Performance Analysis: Keeping the Big Picture, by Ariya Hidayat
• Speeding up JavaScript: Working with the DOM
• Javascript optimization – high performance JS apps
• Writing Efficient JavaScript: Chapter 7 - Even Faster Websites, by Nicholas C. Zakas
• A Couple of Quick Tips for JavaScript Optimization
• CSS TRIGGERS

PROMISES

• Write Better JavaScript with Promises, By Landon Schropp

DEBUGGING

• Debugging JavaScript
• Chrome DevTools Command Line API Reference

LINTERS

• JSLINT
• JSHINT Linter
• ESLINT Linter
• JSCS

ADVANCED

• JavaScript language advanced Tips & Tricks
• Byte saving techniques: a collection of JavaScript wizardry that can shave bytes off of your code
• Advanced JavaScript Techniques
• MetaJS: Visualize JavaScript AST Execution
• Philip Roberts: What the heck is the event loop anyway? | JSConf EU 2014

FUNCTIONAL PROGRAMMING

• Functional Programming in Javascript An interactive learning course by Jafar Husain
• Recursion in Functional JavaScript, By M. David Green
• VIDEO | Pure, functional JavaScript, Christian Johansen

3.3 NODE

BEGINNERS

• Node.js for Beginnersby Maciej Sopyło
• Node School
• Resources to Get You Up to Speed in Node.js
• Getting Started With NodeJS: Installing And Writing Your First Code
• UNDERSTANDING MODULE.EXPORTS AND EXPORTS IN NODE.JS
• Introduction to the MEAN Stack
• Felix's Node.js Beginners Guide
• 8 NPM Tips for Better Node Development
• Command-line utilities with Node.js
• Receiving Emails with Node
• Build a Killer Node.js Client for Your REST+JSON API
• Beer Locker: Building a RESTful API With Node - Passport
• Most Popular Node.js Frameworks for App Development
• 10 Tips to Make Your Node.js Web App Faster
• LEARN ALL THE NODES: SCREENCASTS EXPLORING, EXPLAINING, AND EXPANDING THE WORLD OF NODE.JS

EXPRESS.JS

• Express.js Fundamentals
• The Basics of Express Routes
• LEARNING EXPRESS 4
• Creating a REST API using Node.js, Express, and MongoDB
• Restful: A Better REST API Using Node.js With Express
• Using Express.js for APIs
• Build a Complete MVC Website With ExpressJS
• Simple form handling with Express and Nodemailer
• Form Validation With ExpressJS
• Migrating Express.js 3.x to 4.x: Middleware, Route and Other Changes
• Intro to Express.js: Parameters, Error Handling and Other Middleware

ADVANCED

• Using Node.js in Production
• Node.js in Production
• Scaling Node.js with recluster
• Comparison: Tools to Automate Restarting Node.js Server After Code Changes
• Error Handling in Node.js
• Using Node.js to join audio files

BOOKS

• Node: Up and Running, by Tom Hughes-Croucher and Mike Wilson
• The Node Beginner Book

VIDEOS

• NodeTuts: Node.JS Video Tutorials
• Node.JS videos @ egghead.io

TESTING CODE

• Runnable.com

HOSTING PLATFORMS

• Modulus
• Nitrous.IO
• Cloud9
• Heroku
• OpenShift
• NodeJitsu
• NodeGear
• AppFog
• Codio.io

3.4 FRAMEWORKS AND LIBRARIES

LISTS

• JavaScripting
• Awesome JavaScript: A collection of awesome browser-side JavaScript libraries, resources and shiny things

3.4.1 BACKBONE.JS

• Getting Started with Backbone.js, By Miguel Mota
• Getting Started with Backbone, by Koren Leslie Cohen
• Awesome Backbone List of Resources
• Introduction to Backbone Js and Setting Up an Working Environment – Learning Backbone Js
• Single Page ToDo Application With Backbone.js
• Developing Backbone.js Applications, by Addy Osmani
• Your First Backbone.js App – Service Chooser, by Martin Angelov
• Backbone.js Video Tutorials on YouTube, by Moshfegh Hamedani
• Backbone.js Tutorial for Beginners, by Thomas Davis
• Sample application built with Backbone.js, Twitter Bootstrap, Node.js, Express, MongoDB, by Christophe Coenraets

CODE

• Super Simple Backbone Starter Kit and Boilerplate

BOOKS

• Developing Backbone.js Applications, By Addy Osmani

3.4.2 JQUERY

• A tidy repository of jQuery plugins, by @psnka

3.4.3 ANGULAR JS

TUTORIALS

• 3 Reasons to Choose AngularJS for Your Next Project
• Comprehensive Beginner’s Guide to AngularJS
• Recipes with Angular.js
• AngularJS for Absolute Beginners, by David East
• Learn AngularJS With These 5 Practical Examples
• How to Learn AngularJS - Your AngularJS Sherpa
• ANGULARJS: SHOPPING LIST APPLICATION
• Building a Spreadsheet in 20 Minutes with Angular.js, by David Graunke
• Learning AngularJS by Example – The Customer Manager Application
• Web Spreadsheet in 99 lines using Angular
• Fun with AngularJS!
• AngularJS Cheat Sheet
• Speeding up AngularJS apps with simple optimizations
• Optimizing AngularJS: 1200ms to 35ms

VIDEOS

• AngularJS Fundamentals In 60-ish Minutes, by Dan Wahlin
• AngularJS videos @ egghead.io
• Introduction to Angular.js in 50 Examples, by Curran Kelleher

NEWSLETTERS

• ng-newsletter: The free, weekly newsletter of the best AngularJS content on the web

3.4.4 EMBER

• Ember.js introduction by Kasper Tidemann [VIDEO]

3.4.5 KNOCKOUT JS

3.4.5 REACT

• Getting Started With React

3.5 BOOKS

• YDKJS: You-Dont-Know-JS, A book series on JavaScript by Kyle Simpson
• JavaScript: The Good Parts, by Douglas Crockford
• JavaScript, The Definitive Guide, by David Flanagan
• High Performance JavaScript, by Nicolas Zakas
• Secrets of the JavaScript Ninja, by John Resig
• Programming JavaScript Applications, by Eric Elliot
• Professional JavaScript for Web Developers by Nicolas Zakas

3.6 ONLINE BOOKS

• JavaScript For Cats, by Max Ogden (Free PDF)
• Eloquent Javascript, by Marijn Haverbeke (Free Online Version)
• Speaking JavaScript: An In-Depth Guide for Programmers, by Dr. Axel Rauschmayer (Free Online Version)
• JavaScript Essentials
• Oh My JS: The Best JavaScript Articles, by Azat Mardan
• Understanding ECMAScript 6, by Nicholas Zakas
• JavaScript Enlightenment
• You Don't Know JS: A JavaScript book series

3.7 VIDEO & AUDIO

3.7.1 VIDEO

BEGINNERS

• Introduction to JavaScript Programming, by Curran Kelleher

GENERAL

• Javascript, the Good Parts, GoogleTechTalks, Douglas Crockford
• Douglas Crockford: The JavaScript Programming Language
• 10 Things I Learned from the jQuery Source, Paul Irish
• 11 More Things I Learned from the jQuery Source, Paul Irish
• Paul Irish, "Delivering the goods"
• Paul Irish, "JavaScript Development Workflow of 2013"
• JavaScript Scope Chains and Closures, by Adam Breindel
• Must-watch videos about javascript, video list curated by Sergey Bolshchikov
• Must-Watch JavaScript, video list curated by Matt Smith
• JavaScript Coding Tips, by Axel Rauschmayer
• Philip Roberts: Help, I'm stuck in an event-loop: How JavaScript actually works

3.7.2 AUDIO

• The Origin of Javascript with Brendan Eich
• 5 Minutes of JavaScript

3.8 NEWSLETTERS

• JavaScript Weekly
• A Drip of JavaScript
• Node Weekly
• ng-newsletter: The free, weekly newsletter of the best AngularJS content on the web

3.9 DEVELOPERS (TWITTER, BLOGS)

DEVELOPER	TWITTER	BLOG	VIDEO CHANNEL
Addy Osmani	Twitter	Blog
Azat Mardan	Twitter
Alex Castrounis	Twitter	Blog
Aria Stewart	Twitter	Blog
Ariya Hidayat	Twitter	Blog	YouTube
Axel Rauschmayer	Twitter
Andrea Giammarchi	Twitter	Blog
Angus Croll	Twitter	Blog
Béla Varga	Twitter
Ben Alman	Twitter	Blog
Ben Cherry	Twitter	Blog
Brendan Eich	Twitter	Blog
Christian Heilmann	Twitter	Blog
Cody Lindley	Twitter	Blog
David Flanagan	Twitter	Blog
David Walsh	Twitter	Blog
Dion Almaer	Twitter	Blog
Douglas Crockford		Blog
Dean Edwards		Blog
Dmitry Baranovskiy	Twitter	Blog
Dustin Diaz	Twitter	Blog
Eric Elliott	Twitter
Ilya Grigorik	Twitter
Jeremy Ashkenas	Twitter	Blog
John Resig	Twitter	Blog
Juriy Zaytsev	Twitter	Blog
James Coglan	Twitter	Blog
John-David Dalton	Twitter	Blog
James Padolsey	Twitter	Blog
Kyle Simpson	Twitter	Blog
Lucas Smith	Twitter
Michael Bolin	Twitter	Blog
Nicholas Zakas	Twitter	Blog
Pamela Fox	Twitter	Blog
Paul Irish	Twitter	Blog
Peter van der Zee	Twitter	Blog
Peter Michaux		Blog
Rebecca Murphey	Twitter	Blog
Remy Sharp	Twitter	Blog
Rey Bango	Twitter	Blog
Stoyan Stefanov	[Twitter](Stoyan Stefanov)	Blog
Thomas Fuchs	Twitter	Blog
Oliver Steele	Twitter	Blog
Yehuda Katz	Twitter	Blog

3.10 TOOLS

3.10.1 GIT

• Introduction to GitHub, youTube video by Curran Kelleher

3.10.2 BUILD TOOLS / TASK RUNNERS

GRUNT

• An Introduction To Grunt
• Setting Up Grunt For Your Next Project

GULP

• Gulp
• LEARNING GULP: GETTING STARTED WITH THE FRONT END FACTORY

3.11 JAVASCRIPT COMPILED LANGUAGES

3.11.1 COFFEESCRIPT

• CoffeeScript official site

TOOLS

• CoffeePad: CoffeeScript editor in your browser

BOOKS

• CoffeeScript Ristretto
• Smooth CoffeeScript
• The Little Book on CoffeeScript
• CoffeeScript: The Good Parts, By Azat Mardan

---