大家好，我叫張遠哲，請多指教。

Programming

1. Javascript模組化技巧三部曲：模組化寫法 / AMD規範 / require.js用法
2. Node.js 台灣社群協作電子書
3. Simple Chat Using WebSocket and PHP Socket
4. 談JavaScript使用prototype實作物件導向的探討

angular-brunch-seed-livescript

• Window7 + VMware Player + Ubuntu跑下指令，須先安裝goole chrome, node.js(從官網載別從github clone)，npm裡的coffee-script, LiveScript, brunch後，在安裝該套件(其中可能還有g++, ruby等等，缺啥就裝啥)，要不然可能都有error。

D3 (Data-Driven Document)

Handlebars.js 教學影片(概要) 教學影片(詳細)

• 像jquery一樣src外部連handlebars.js，直接連官網提供的handlebars.js網址需要把raw.github.com/…改成rawgithub.com/…才能跑。
• 在HTML自訂template裡將資料抽離用變數表示，將整個template丟進去Handlebars.compile做編譯，之後再把資料塞進編譯過後的template，依據變數名稱會自己找到value，而整個template就是一個資料都填好的HTML區段，而後印出整個template。
• 用javascript訂template，經由handlebars的javascript compile成可以用的template後，在把資料javascript呈現塞進，所有的事情都是javascript。
• template這樣寫 <script id=“template” type-“text/x-handlebars-template”></script>

Jade 教學文章

• 簡化HTML tag寫法，寫好後由jade幫你編譯成真正的HTML格式。
• 靠縮排來表示tag的層次，最大特點是不用寫末端的tag。

CoffeeScript

LiveScript

LESS

Sass

Javascript設計模式