Note ：隨著學習的深入射富，技術框架的具體細節(jié)和概念介紹會后續(xù)補充。
整體架構
前后端分離 （API架構）任務通知 項目溝通 協(xié)作文檔傳輸
- 文檔編寫語言 MarkDown
Markdown 語法說明 (體中文版)
http://www.appinn.com/markdown/
前端
jQuery
@Introduction
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
@Feature
- 易用 語法簡單，API易用
- 瀏覽器兼容DOM元素操作等
@Reference
- jQuery | Home
https://jquery.com/
ReactJS
React是一個新東西，它的理念是可重復使用的WEB組件塑猖。這個庫是由Facebook開發(fā)的，因為是虛擬DOM擅编，它的性能非常突出攀细，它還能很容易的集成到其它項目中。
后臺
React中文網(wǎng)
http://react-china.org/
React 入門實例教程-廖雪峰
http://www.ruanyifeng.com/blog/2015/03/react.html
2 后臺
2.1 NodeJS 6.6.0 - JS運行環(huán)境
Introduction
Node.js? is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world.
Feature
生態(tài)和工具鏈
模塊豐富 npm現(xiàn)在已經(jīng)時開源世界中最大的包管理工具爱态，模塊豐富（300,000+）,可以極大方便開發(fā)谭贪。
社區(qū)活躍 除了Node基金會在其公告中提到的Node.js“超過350萬用戶和100％的年增長速度”，npmjs公布了一些NPM統(tǒng)計數(shù)據(jù)：211000NPM注冊用戶中73000用戶至少發(fā)布了一個包锦担，每月有超過300萬唯一的IPs訪問NPM注冊表俭识，大約有400萬用戶，三月份有超過8千萬的NPM會話洞渔，每星期有超過10億的包下載量套媚。這些數(shù)字顯示出JavaScript，Node.js和NPM構建的生態(tài)系統(tǒng)正在蓬勃發(fā)展磁椒。前后端統(tǒng)一
前后段都采用JS語法堤瘤，可以開發(fā)量（例如數(shù)據(jù)驗證）異步
事件驅動（event-driven）
非阻塞I/O(non-blocking I/O)
異步與同步相比，更節(jié)省內存消耗浆熔，提高并發(fā)處理的速度足夠多的選擇和架構平衡
-
為何要用NodeJS 6.6.0 本辐？
啟動更快 Node6.X 采用V8.5.0內核，模塊加載比Node.js 4.x快了近四倍医增。這意味著應用程序的啟動會非成髦澹快。
高級ES特性支持 支持 93% 的ES2015語法叶骨。包括解構(destructuring)茫多、剩余參數(shù)（rest parameters）、類（class）以及super關鍵字邓萨。不支持的有直接或相互遞歸地梨、迭代器關閉等其它一些語法菊卷。其中一些已經(jīng)準備好了，但需要harmony flag才能使用宝剖。
安全性
新的Buffer API使用新的構造器創(chuàng)建Buffer實例洁闰，并引入了zero-fill-buffers命令行標志，這樣會減少錯誤的風險并且避免漏洞泄露到應用程序中万细。使用新的命令行標志扑眉，開發(fā)人員可以繼續(xù)安全地使用舊的模塊，即使這些模塊沒有更新赖钞，沒有使用新的構造器API腰素。另外，V8改進了Math.random()的實現(xiàn)雪营，使之更安全——這個特性也添加到了 Node.js v6弓千。
易用性
Buffer 和 File System API 的易用性得到提高
更全面的測試覆蓋率
更完善的文檔
@Reference
NodeJS | Home
https://nodejs.org/en/modern-nodejs - 狼叔
https://i5ting.github.io/modern-nodejs/#101
Nodejs的新的特性[CNode-i5ting]Node.js最新Web技術棧（2016年4月）
https://cnodejs.org/topic/56fdf66ec5f5b4a959e91771
NodeJS的技術棧主要參考狼叔的這個方案，除了模板引擎外献起。從零開始nodejs系列文章 - 張丹
http://blog.fens.me/series-nodejs/
張丹老師 比較詳細的整理了NodeJS的學習教程
(部分內容可能已過時)IT博客匯-Node
http://wrox.cn/tag/node/
比較高質量的前端博客匯總洋访，就是從這里知道了神器的狼叔。Node.js 6.0 Supports 93% of ES2015
https://www.infoq.com/news/2016/04/nodejs-6
總結了Nodejs 6 的一些新的特性谴餐，選擇Node6的分析姻政，主要參考此文章Java項目如何與Node.js共存？
https://github.com/i5ting/nodejs-arch-for-java
在架構方面岂嗓，Nodejs比較擅長I/O操作汁展，弱項可以與其他語言互補。該文章綜合對比了Node與Java Web的架構厌殉，與目前的幾種共存方案食绿。
2.2 Koajs2 - Node.js Web框架
Introduction
Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs. Through leveraging generators Koa allows you to ditch callbacks and greatly increase error-handling. Koa does not bundle any middleware within core, and provides an elegant suite of methods that make writing servers fast and enjoyable.
Feature
-
輕量級 [ 更小，更健壯公罕，更有表現(xiàn)力]
KoaJS是對Nodejs的http模塊的進一步抽象炫欺，不在內核方法中綁定任何中間件，功能單一熏兄。
-
新特性支持
Koa2采用的ES2015新的特性（arrow function, promise, let const, template string, class ）品洛。
-
流程控制
在 1.0 時候 koa 需要依賴 co 結合 generator 實現(xiàn) stack like 式的 middleware 功能, 2.0 移除了對 co 的依賴, 改而使用 Promise 實現(xiàn)該功能.
其中的async/await的新特性（來自ES2016）需要babel@6.x配合使用。
避免繁瑣函數(shù)回調摩桶，提高錯誤處理效率
@Reference
Koa HomePage
http://koa.rednode.cn/[Github - i5ting]StuQ分享專題《深入淺出js（Node.js）異步流程控制》完整版
https://github.com/i5ting/asynchronous-flow-control/blob/master/31.mdNode.js Async Tutorial
http://justinklemm.com/node-js-async-tutorial/
2.3 Mongoose - MongoDB 的NodeJS驅動（可異步執(zhí)行）
@Introduction
[1]mongoose elegant mongodb object modeling for node.js
Mongoose provides a straight-forward, schema-based solution to model your application data.
[2]Mongoose is a Node.js library that provides MongoDB object mapping similar to ORM with a familiar interface within Node.js.
Mongoose 是一個提供MongoDB對象映射的Nodjs庫.提供在MongoDB存儲的數(shù)據(jù)與Javascript的對象之間的映射桥状。
ODM Object Data Mapping .類似于NodeJS提供的ORM（Object Relational Mapping）接口.
@Feature
[TODO]
- built-in type casting
- validation 數(shù)據(jù)檢驗
- query building 查詢構建
- business logic hooks
@Reference
Mongoose | Home
http://mongoosejs.com/getting-started-with-mongoose
http://blog.modulus.io/getting-started-with-mongoose
2.4 Nunjucks - 視圖模板
@Introduction
@Feature
@Reference
2.5 Bluebird - Promise/A+實現(xiàn)
Q：何為Promise？
Promise是異步代碼實現(xiàn)控制流的一種方式硝清。這一方式可以讓你的代碼干凈辅斟、可讀并且健壯。
Introduction
Feature
[TODO] 細化
- Synchronous inspection
- Concurrency coordination
- Promisification on steroids
- Debuggability and error handling
- Resource management
- Cancellation and timeouts
- Scoped prototypes
- Promise monitoring
- Async/Await
Reference
- Features | Bluebird
http://bluebirdjs.com/docs/features.html
2.6 AVA - 面向未來的測試運行器
Introduction
AVA時Mocha的替代品
雖然 JavaScript 是單線程芦拿，但在 Node.js 里由于其異步的特性使得 IO 可以并行酵幕。AVA 利用這個優(yōu)點讓你的測試可以并發(fā)執(zhí)行，這對于 IO 繁重的測試特別有用芥备。另外日月，測試文件可以在不同的進程里并行運行，讓每一個測試文件可以獲得更好的性能和獨立的環(huán)境台颠。在 Pageres 項目中從 Mocha切換 到 AVA 讓測試時間從 31 秒下降到 11 秒实蔽。測試并發(fā)執(zhí)行強制你寫原子測試，意味著測試不需要依賴全局狀態(tài)或者其他測試的狀態(tài)，這是一件非常好的事情。
Feature
- 輕量和高效
- 簡單的測試語法
- 并發(fā)運行測試
- 強制編寫原子測試
- 沒有隱藏的全局變量
- 為每個測試文件隔離環(huán)境
-
新語法支持
用 ES2015 編寫測試箕昭，支持 Promise瓮钥，Generator碉熄，Async，Observable - 強化斷言信息
- 可選的 TAP 輸出顯示
- 簡明的堆棧跟蹤
@Reference
[Github-AVA] AVA | Home
https://github.com/avajs/ava[CNode-i5ting]AVA實踐：面向未來的測試運行器
https://cnodejs.org/topic/57464cd8da0dea851e308101
我選擇AVA的測試框架，主要時因為它支持Koa2的 async/wait的流程控制煌往。這文檔是狼叔對上面的英文版文檔的翻譯羞海。
2.7 VSCode - Debug工具
@Introduction
Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, Mac and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Python, PHP) and runtimes. Begin your journey with VS Code with these introductory videos.
輕量級的代碼編輯器，跨平臺的桌面軟件曲管。具有豐富的插件支持和開發(fā)生態(tài)却邓，支持多種語言和運行環(huán)境。
@Feature
- 跨平臺 vsc是一個比較潮比較新的編輯器（跨平臺Mac OS X院水、Windows和 Linux ）
-
功能豐富
vsc功能和textmate腊徙、sublime、notepad++檬某，ultraedit等比較昧穿，毫不遜色 -
Nodejs 調試方便
vsc尤其是在nodejs（調試）和typescript、go上支持尤其好
vsc提供了自定義 Debugger Adapter 和 VSCode Debug Protocol 從而實現(xiàn)自己的調試器
@Reference
VSCode Document For Linux
https://code.visualstudio.com/docs/?dv=linux64_deb[Github-i5ting]Visual Studio Code Guide[Simple Chinese][簡體中文]
http://i5ting.github.io/vsc/
狼叔寫的VSCode的教程橙喘，膜拜
構建工具
[TODO]
數(shù)據(jù)庫
MongoDB - NoSQL文檔型數(shù)據(jù)庫
<應用場景 分析 MySQL 與 MongoDB>為啥采用MongoDB
文檔管理
Redis 內存數(shù)據(jù)庫 - Redis
用途：用于Session管理
版本管理
工具 Git
代碼倉庫 Github
- 《Git工作流-流程規(guī)范》[TODO]
運行環(huán)境
開發(fā)IDE - [TODO NodeJS和前端所適合的開發(fā)工具]
OS - Ubuntu [TODO 版本 目前穩(wěn)定運行的Ubuntu版本]
<Template>
Name
@Introduction
@Feature
@Reference
