Portfolio

1. PSDTOHTML

使用工具及library：
	1. photoshop
技巧：
    1.flexbox
    2.CSS layout

2. Bootstrap

使用工具及library：
	1. Bootstrap
	2. photoshop
技巧：
    1.response window design
    2.image sprites

3. Simon

使用工具及library：
	1. jQuery
說明：
    利用DOM event與使用者互動，構架是採用state pattern來設計，確保按鈕在不同state下能順利操作。
技巧：
    1.state design
    2.callback creation and cancellation

4. tic-tac-toe

使用工具及library：
	1. jQuery
	2. mocha and chai(unit testing)
說明：
    利用DOM event和簡易的AI與使用者互動，並採用unit testing來確保程式的品質。
技巧：
    1. flow and state control
    2. minimax algorithm

5. todolist

使用工具及library：
	1. jQuery
 	2. localStorage API
 	3. Router
	
說明：
    透過dom event對localstorage中所存的資料作CURD的操作，然後依router的路徑來展示對應的的資訊。
技巧：
    1. event binding and delegation
    2. DOM traversal and operation
缺點：
	1. no data binding(not efficient)

6. ajax

使用工具及library：
	1. jQuery
說明：
    利用ajax分別取得The New York Times和wikipedia API所提供的內容。
技巧：
    1.ajax
    2.json and jsonp