Bdd with type script

692 views

Published on

Bdd with type script

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
692
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Bdd with type script

  1. 1. BDD with TypeScript流浪小風
  2. 2. What is TypeScript? 一種撰寫易閱讀可維護的JavaScript的 方式,透過編譯產生程式碼 由Anders Hejlsberg(C#, TurboPascal 之父)主導開發 完全相容JavaScript
  3. 3. Advantage of TypeScript 強型別
  4. 4. Advantage of TypeScript 容易寫出物件導向的JavaScript
  5. 5. Advantage of TypeScript Visual Studio支援編譯及智能輸入
  6. 6. Advantage of TypeScript 支援Source Map
  7. 7. Debug TypeScript BySourcemap
  8. 8. Debug TypeScript BySourcemap
  9. 9. CodingStyle to make code better Use module
  10. 10. CodingStyle to make code better Don’t use global variable
  11. 11. Simple Todo App 進入畫面時顯示所有代辦事項 輸入內容並點擊”新增“按鈕,新增代辦 事項 點選代辦事項旁的”刪除”按鈕,刪除代 辦事項
  12. 12. 分工 視覺設計代辦事項 前端開發 後端API 如何讓開發可以同時進
  13. 13. 視覺設計與前端工程 使用Knockout.js降低Html和JavaScript 關聯性 視覺設計師負責開發Html版面樣式 前端工程師撰寫測試案例及Js邏輯 開發完成後進行套版
  14. 14. 網頁Layout
  15. 15. 將需求轉化為Testcase
  16. 16. Demo
  17. 17. 前後端Co-Work 定義介面,定義使用參數 前端工程師使用Mock Or Fake測試
  18. 18. Demo
  19. 19. 改變… 寫出低耦合的程式碼 可測試性、可重用 容易套用設計模式 Ioc Pattern,動態抽換Class
  20. 20. 參考資料 https://github.com/kirkchen/BDDWithT ypeScript Sample Code http://www.slideshare.net/hatelove1/bd d-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/Playgrou nd/ http://pivotal.github.com/jasmine/
  21. 21. Q&A

×