JavaScript

todo; again, bookmarks

General

• Wikipedia:JavaScript

• JavaScript technologies overview

• edutechwiki: JavaScript links - veery handy

• ECMAScript wiki - for the ongoing specification work of Ecma TC39, the technical committee tasked with standardization of the ECMAScript programming language. Most of the wiki is world-readable, meaning that anyone can view the pages. Certain sections are restricted to members of the technical committee.

• A Survey of the JavaScript Programming Language - This document is an introduction to the JavaScript Programming Language for professional programmers. It is a small language, so if you are familiar with other languages, then this won't be too demanding. Douglas Crockford, 2002

• http://jswiki.org/

Learning

• http://www.codecademy.com/languages/javascript
  • http://www.codecademy.com/tracks/javascript

Screencasts

• TheCodePlayer - Learn HTML5, CSS3, Javascript and more. Video style walkthroughs showing cool stuff being created from scratch.

Books

• Eloquent JavaScript - A Modern Introduction to Programming

Articles

• jQuery and JavaScript Coding: Examples and Best Practices - September 16th, 2008
• Comparing Dart, jQuery, CoffeeScript, CoffeeScript+jQuery, and JavaScript - January 5, 2012
• Replacing text in the DOM… solved? - July 3rd, 2012
• Preparing Yourself for Modern JavaScript Development - July 6th, 2012

• http://www.arlocarreon.com/blog/javascript/how-to-debug-javascript/

• http://sandofsky.com/blog/desktop-class-applications-in-javascript.html
• http://javascriptweblog.wordpress.com/2010/06/07/understanding-javascript-prototypes/
• http://www.lullabot.com/articles/learning-javascript-php-comparison

Videos

• Google I/O 2011: Learning to Love JavaScript

Paradigms

• stackoverflow: Is Javascript a Functional Programming Language?
• https://developer.mozilla.org/en/JavaScript/Guide/Predefined_Core_Objects

• DOM Scripting Task Force - An autonomous working group of the Web Standards Project. Our mission is to bring scripting up to parity with XHTML and CSS as a useful and necessary tool for building accessible, user-centric, standards-based web sites.

Syntax

• Wikipedia:JavaScript syntax

• http://peter.michaux.ca/articles/javascript-namespacing

Patterns

• Learning JavaScript Design Patterns - A book by Addy Osmani
• JavaScript Programming Patterns
• http://shichuan.github.com/javascript-patterns/

Programming style

• http://en.wikipedia.org/wiki/Unobtrusive_JavaScript

Code formatting

• http://javascript.crockford.com/code.html

• idiomatic.js - Principles of Writing Consistent, Idiomatic JavaScript. This is a living document and new ideas for improving the code around us are always welcome. Contribute: fork, clone, branch, commit, push, pull request.

• Google JavaScript Style Guide

• http://www.slideshare.net/cheilmann/fronteers-maintainability-presentation [http://ajaxian.com/archives/maintainable-javascript-videos-are-now-available

• http://neil.rashbrook.org/Js.htm

Specs

• ECMAScript 5th Edition
  • Annotated ECMAScript 5.1

• ECMAScript 5 compatibility table
• ECMAScript 6 compatibility table

Loading

• http://stackoverflow.com/questions/1834077/which-browsers-support-script-async-async

Tools

Code quality

• JSLint [1]
  • https://github.com/timemachine3030/jslint-bookmarklet

• JSHint
  • https://github.com/johnbender/jshint-service

• Closure Linter is a utility that checks JavaScript files for style issues such as operator placement, missing semicolons, spacing, the presence of JsDoc annotations, and more.
  • https://developers.google.com/closure/utilities/docs/linter_howto

Stack

• Grunt: a task-based command line build tool for JavaScript projects.

• Video: Fluent 2012: Paul Irish, "Javascript Development Workflow of 2013"

Other

• PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG.

Vim

• Vim JS Tools - This is a simple plugin that adds both JSLint and JSBeautify functionality in one. JSLint is currently assumed to be installed globally by npm, JSBeautify code is included.

Web and DOM

Loading scripts

• http://css-tricks.com/thinking-async/

Specs

• HTML5: Web application APIs

• W3C: Document Object Model (DOM)
• DOM4
• Introduction to Web Components

Guides

• W3C DOM -Introduction

• MDN: DOM
  • Gecko DOM Reference - MDN
    • document
    • window
      • window.setTimeout - executes a code snippet or a function after specified delay.

• YouTube: Essentials of the DOM and JavaScript in 10 Minutes

• http://web.archive.org/web/20081223012434/http://blogs.msdn.com/lisawoll/archive/tags/JavaScript+101/default.aspx
  • http://lexnet.bravepages.com/JSDOM.gif

APIs

• http://en.wikipedia.org/wiki/XMLHttpRequest

• http://www.w3.org/2008/webapps/wiki/PubStatus

Data types

• https://github.com/bebraw/jswiki/wiki/Data-structures

• http://docs.jquery.com/Types
• http://closure-library.googlecode.com/svn/docs/closure_goog_array_array.js.html
• http://closure-library.googlecode.com/svn/docs/namespace_goog_structs.html

• https://github.com/mauriciosantos/buckets
• http://jsclass.jcoglan.com/
• http://code.stephenmorley.org/javascript/queues/
• http://code.google.com/p/jshashtable/

JSON

• JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate. It is based on a subset of the JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999. JSON is a text format that is completely language independent but uses conventions that are familiar to programmers of the C-family of languages, including C, C++, C#, Java, JavaScript, Perl, Python, and many others. These properties make JSON an ideal data-interchange language.
• http://en.wikipedia.org/wiki/JSON
• https://developer.mozilla.org/en/JSON

• http://codular.com/json

Tools

• JSONLint - The JSON Validator

• https://github.com/benbernard/RecordStream - commandline tools for slicing and dicing JSON records

• http://gun.io/blog/multi-line-strings-in-json/

Repos

• JSAN - JavaScript Archive Network

CDN

• http://cdnjs.com/ - CloudFlare hosted opensource
  • https://github.com/cdnjs/cdnjs

• http://cachedcommons.org/ - pages.github.com, rackspace, ~180ms

Modules

• http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth

Testing

• Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.
  • http://net.tutsplus.com/tutorials/javascript-ajax/testing-your-javascript-with-jasmine/

• QUnit is a powerful, easy-to-use JavaScript unit test suite. It’s used by the jQuery, jQuery UI and jQuery Mobile projects and is capable of testing any generic JavaScript code, including itself!.
  • https://github.com/mmonteleone/pavlov

Documentation

• JsDoc Toolkit is an application, written in JavaScript, for automatically generating template-formatted, multi-page HTML (or XML, JSON, or any other text-based) documentation from commented JavaScript source code.

JS based

CofeeScript

• CoffeeScript is a programming language that transcompiles to JavaScript. The language adds syntactic sugar inspired by Ruby, Python and Haskell[1] to enhance JavaScript's brevity and readability, and add more sophisticated features like list comprehension and pattern matching.

• The Little Book on CoffeeScript

• IcedCoffeeScript is a superset of CoffeeScript. The iced interpreter is a drop-in replacement for the standard coffee interpreter; it will interpret almost all existing CoffeeScript programs.

• http://js2coffee.org/

Coco

• Coco is a CoffeeScript dialect that aims to be more radical and practical. On its way to hide JavaScript's bad parts, CoffeeScript has accumulated own quirks: horrible variable scope, awkward ranges, confusing and/or pointless keywords, verbose file extension, and so on. Coco tries to amend them, entwining good parts of both.

LiveScript

• LiveScript is Coco but much more compatible with CoffeeScript, more functional, and more feature rich. LiveScript aims for increased expressiveness and code beauty. While adding features to assist in functional style programming, LiveScript also deeply supports imperative and object oriented programming, and has an optional class system with inheritance, calls to super, and more.
  • https://github.com/gkz/LiveScript

Other

• haxe JS is similar to Javascript, but includes new features like: Strong typing, Type inference, Packages, Classes, Interfaces, Generics, Enums, Iterators, Inlining, Macros
  • http://haxe.wikia.com/wiki/HaXe_Wiki

• Tampermonkey is a tool that provides Greasemonkey script support for Google Chrome and Chromium Browser. It's API is fully compatible to Greasemonkey, including GM_registerMenuCommand, GM_xmlhttpRequest with cross domain support and access to the unsafeWindow object.

Node.js

• http://nodemanual.org/latest/

• http://drupal.org/project/nodejs

• http://dailyjs.com/2012/03/01/unix-node-arguments/
• http://filer.progstr.com/1/post/2012/04/my-nodejs-linksheet.html
• http://cnnr.me/b/2012/05/your-first-node-dot-js-module/

• https://github.com/azer/onejs
• http://towerjs.org/
• http://coreh.github.com/nide/
• https://github.com/qafoo/bdog - like cat
• https://github.com/mishoo/UglifyJS

• https://github.com/GoalSmashers/clean-css

• Derby - MVC framework making it easy to write realtime, collaborative applications that run in both Node.js and browsers.
• Mojito - Build high-performance, device-independent HTML5 applications running on both client and server with Node.js.