Awesome JavaScript

JavaScript是一個僅在一周就被發明出來的小玩意，所以，它有著有多的缺陷，即使是這樣，它已經存在了20年，全世界幾乎每臺電腦都至少裝有一個JavaScript解釋器，況且今天這個當初的小玩意的目標是編寫大型的企業應用。如果你對JavaScript的理解僅限于DOM操縱，頁面動畫，jQuery等等，本列表將為你展現JavaScript的更多的令人震撼的功能。

這份列表是一些優秀的網絡資源的匯總，部分資源可能需國內或許不能訪問（梯子）訪問。本列表不追求大而全，而追求尋找那些對JavaScript中的某些知識點有著獨到見解的網絡資源，希望這些資料的匯集能夠為您在尋找類似資料的時候帶來一點便利。

JavaScript

Reading

1. Eloquent JavaScript Online Book
2. Speaking JavaScript: An In-Depth Guide for Programmers
3. JavaScript高級程序設計，第三版
4. JavaScript秘密花園
5. JavaScript精粹
6. 阮一峰： JavaScript 標準參考教程
</ol>

Blogs

1. @ality - JavaScript and more
2. Blog: Ariya Hidayat
</ol>

Abstract Syntax Tree

Basic Knowledge

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

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
</ol>

Esprima解析得到的抽象語法樹AST遵循SpiderMonkey的API。

</blockquote>

Helpers

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

Tutorial

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

Functions

1. JavaScript Immediately-Invoked Function Expression
</ol>

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)
</ol>

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
11. 前端模塊及依賴管理的新選擇：Browserify
12. Browserify Handbook
</ol>

Tutorial

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

ES 5

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

Future

1. 跟 Web Components 打個啵
</ol>

React.js

1. 顛覆式前端UI開發框架：React
2. React.js Starter Kit
3. Getting started with 非死book's React.js
4. Navigating the React Ecosystem
</ol>

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(更新中)
5. Mozilla: ES6 in Depth
</ol>

Speech

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

Tutorial

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

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
</ol>

Questions

1. StackoverFlow: Differences between Babel and Traceur
</ol>

ES6 Iterators/Generator

1. Iterators gonna iterate
2. 油Tube: ES6 Generator Tutorial
3. The Basics Of ES6 Generators
4. 學習ES6生成器
5. Workshop: Learn Generators
6. ECMAScript 2015: Generators and Iterators
</ol>

ES6 Promise

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

Node.js

Reading

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

Node.js Tutorial

1. Creating and Publishing Node.js Modules
2. Node.js Tutorial Collection
3. NodeSchool
</ol>

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
4. Making directory along with missing parents in Node.js
</ol>

Modulepath

1. path模塊簡介
</ol>

Koajs

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
</ol>

Template Language

Nunjucks

1. Nunjucks 快速上手
2. doc: Nunjucks 可用模版列表
</ol>

Jade

1. Jade - a Node Template Engine, Language Reference
2. Jade Syntax Documentation
</ol>

Tools

Editor

1. WebStrom
2. Visual Studio Code
3. Visual Studio Community
</ol>

Tutorial

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

Build

Reading

1. The State of JS Build Tools 2015
</ol>

Git/ Github/ Gitlab

If you use Github, just use Github for Windows; If you use Gitlab in a internal network, you can use TortoiseGit as a GUI tool for git.

</blockquote>

1. 油Tube: TortoiseGit Tutorial
</ol> https://github.com/wwsun/awesome-javascript