Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Knockout 從零開始,實戰教學-twMVC#10

twMVC
July 19, 2013

Knockout 從零開始,實戰教學-twMVC#10

講者:Jerry http://www.dotblogs.com.tw/lastsecret/(twMVC核心講者

簡介:
越來越多款JS MVVM framework,該怎麼選擇讓你毫無頭緒嗎?
不要錯過TW MVC所舉辦的這場Knockout實戰教學,帶你
從零開始了解Knockout的使用方式以及優缺點,幫助你更
了解未來的專案該如何選用及導入。

※本次課程包含上機實作,建議您攜帶NB或Pad一同參與,若無法
攜帶也可透過投影布幕體驗開發過程。

課程時間:90~120分鐘

twMVC

July 19, 2013
Tweet

More Decks by twMVC

Other Decks in Technology

Transcript

  1.  Knockout 是一個 JavaScript 的 Library,透過他所提 供的 MVVM 模式的雙向綁定,可幫助建置一個乾淨、即時反 應的UI。

     題外話,什麼是MVVM?  由Model、View 及 ViewModel 所構成的架構,透過一些機制 使 View 與 ViewModel 之間做綁定或識別,建立起 Model 與 View 之間的溝通管道。 5 Knockout?是什麼?
  2.  簡化頁面綁定資料的複雜度  簡化頁面綁定事件的相依性  動態、即時的反應在UI上  便於透過資料動態決定 DOM 的屬性、結構

     使用範本的概念,讓動態的HTML更簡潔好維護。 6 為什麼要使用Knockout?什麼專案下使用?
  3. 步驟: 1. 撰寫 ViewModel 2. 對 HTML 元素做Model Binding 3.

    ko.applyBindings() 4. 操作 ViewModel 11 範例講解,Knockout威力展示