BDD with TypeScript流浪小風

What is TypeScript?一種撰寫易閱讀可維護的 JavaScript的方式，透過編譯產生程式碼

由 Anders Hejlsberg(C#, TurboPascal 之父 )主導開發

完全相容 JavaScript

Advantage of TypeScript強型別

Advantage of TypeScript容易寫出物件導向的 JavaScript

Advantage of TypeScriptVisual Studio支援編譯及智能輸入

Advantage of TypeScript支援 Source Map

Debug TypeScript By Sourcemap

Debug TypeScript By Sourcemap

CodingStyle to make code betterUse module

CodingStyle to make code betterDon’t use global variable

Simple Todo App進入畫面時顯示所有代辦事項輸入內容並點擊”新增“按鈕，新增代辦事項

點選代辦事項旁的”刪除”按鈕，刪除代辦事項

分工

代辦事項

視覺設計

前端開發

後端 API

如何讓開發可以同時進行 !?

視覺設計與前端工程使用 Knockout.js降低 Html和

JavaScript關聯性視覺設計師負責開發 Html版面樣式前端工程師撰寫測試案例及 Js邏輯開發完成後進行套版

網頁 Layout

將需求轉化為 Testcase

Demo

前後端 Co-Work定義介面，定義使用參數前端工程師使用Mock Or Fake測試

Demo

改變…寫出低耦合的程式碼可測試性、可重用容易套用設計模式Ioc Pattern，動態抽換 Class

參考資料https://

github.com/kirkchen/BDDWithTypeScript Sample Code

http://www.slideshare.net/hatelove1/bdd-in-net Bdd in .Net by Joey

http://www.ruanyifeng.com/blog/2013/01/javascript_source_map.html JavaScript Source Map 詳解

http://www.typescriptlang.org/Playground/

http://pivotal.github.com/jasmine/

Q & A