優秀JavaScript資源集合

如果你對JavaScript的理解僅限于DOM操縱，頁面動畫等等，本列表將為你展現JavaScript更多的功能。本列表是一些優秀的網絡資源的匯總，部分資料需國內或許不能訪問訪問。

JavaScript

Reading

1. Eloquent JavaScript Online Book
2. Speaking JavaScript: An In-Depth Guide for Programmers
3. JavaScript高級程序設計，第三版
4. JavaScript秘密花園
5. 阮一峰： JavaScript 標準參考教程
6. 關于一些前端JS框架的源碼研究

1. @ality - JavaScript and more
2. Blog: Ariya Hidayat

Abstract Syntax Tree

Basic Knowledge

1. 美團： 抽象語法樹在JavaScript中的應用
2. 輕松搞定JavaScript預解析機制
3. JavaScript編譯運行原理
4. SlideShare: JavaScript: Abstract Syntax Tree
5. SlideShare: Esprima, what is that

Tools

1. SpiderMonkey: Reflect.parse - Mozilla's Parser API
2. Esprima: most popular ECMAScript parser in JS
3. Acorn - faster alternative ECMAScript parser in JS
4. UglifyJS - has own parser with custom AST format

Helpers

1. Esprima Online Parser
2. ESLint - The pluggable linting utility for JavaScript and JSX
3. aster - AST-based code builder

Tutorial

1. Esprima tutorial
2. Fun with Esprima and Static Analysis
3. Parsing and modifying JavaScript code with Esprima and Scodegen

Functions

1. JavaScript Immediately-Invoked Function Expression

Promise

1. Browser-side: bluebird, a full featured promise library
2. Nodejs-side: co - he ultimate generator based flow-control goodness for nodejs (supports thunks, promises, etc)

Modular

Reading

1. 從零開始實現一個JavaScript模塊化加載器
2. Eloquent JavaScript, chapter 10, Modules
3. 詳解JavaScript模塊化開發
4. 圖文：SeaJS與RequireJS最大的區別
5. 模塊化開發，SeaJS簡單總結
6. Why AMD?
7. 百度EFE：玩轉AMD
8. 異步模塊定義AMD API中文版
9. CommonJS規范 中文版
10. RequireJS in Node

Tutorial

1. Understanding RequireJS for Effective JavaScript Module Loading
2. Writing Modular JavaScript With AMD, CommonJS & ES Harmony

1. Object.create()
2. Object.defineProperty
3. getter
4. setter
5. 嚴格模式
6. JSON
7. Array.prototype.map()
8. Array.prototype.filter()

1. 跟 Web Components 打個啵

ECMAScript 6

Reading

1. Learn ES2015, a detailed overview of ECMASCRIPT 6 features
2. 阮一峰： ECMAScript 6入門
3. Exploring ES6: Upgrade to the next version of JavaScript
4. InfoQ專欄： 深入淺出ES6

1. 油Tube: John Paul - ES6 Right Now
2. 油Tube: PeterHallam & AlexRussell: Traceur: JS to JS compiler

Tutorial

1. Using the ES6 transpiler Babel on Node.js
2. Traceur, Gulp, Browserify and ES6

Libraries

1. Github: es6-shim, ECMAScript 6 (Harmony) compatibility shims for legacy JavaScript engines
2. Babel is a JavaScript compiler.
3. Github: Traceur, a JavaScript.next-to-JavaScript-of-today compiler
4. Traceur REPL
5. Babel REPL
6. Github:grunt-traceur
7. Github:gulp-traceur
8. Github:broccoli-traceur
9. Github:es6ify

Questions

1. StackoverFlow: Differences between Babel and Traceur

ES6 Generator

1. 油Tube: ES6 Generator Tutorial
2. The Basics Of ES6 Generators
3. 學習ES6生成器
4. Workshop:Learn Generators

ES6 Promise

1. 談談ES6的Promise對象
2. 異步流程控制：7 行代碼學會 co 模塊

Node.js

Reading

1. Book: Node.js In Action
2. Node.js概述
3. Eleoquent JavaScript, chapter 20, Node.js
4. 七天學會Node.js
5. Node.js Manual & Documentation
6. Node.js Process對象
7. Node編碼規范
8. ES6 on node.js
9. 美團酒店Node全棧開發實踐

Node.js Tutorial

1. Creating and Publishing Node.js Modules
2. Node.js Tutorial Collection
3. NodeSchool

Node.js Modules

Modulefs

1. fs模塊簡介
2. How do I write files in node.js?
3. Create Simple Text File in Node.js Using 'fs' Module

Modulepath

1. path模塊簡介

1. Koajs - 下一代Node.js Web框架
2. Koa中文文檔
3. PPT: Co and Koa Talk
4. Getting Started With Koajs
5. Koajs開發最佳實踐
6. Koajs中間件開發最佳實踐和應用架構建議
7. Why you should and shouln't use Koa
8. Kick-Off-Koa - An intro to koa via a set of self-guided workshops
9. Workshop - A workshop to learn the the basics of koa, Express's spiritual successor
10. Koajs quick start guide

1. WebStrom
2. Visual Studio Code
3. Visual Studio Community

Tutorial

1. Hello Visual Studio Code (with Node.js)
2. John Papa: Debugging with Visual Studio Code