Bdd with type script
-
Upload
- -
Category
Technology
-
view
359 -
download
5
description
Transcript of Bdd with type script
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