MVC Practice in Front-End             Dexter.Yy & Clyde.L @ Douban.Inc    MVC in Alphatown    MVC in Real World    MVC ...
说在前面的话前端工程师的修炼方向?如何要使用 MVC ?Web Applications!
MVC in Alphatown1. MVC 的发展历程,以及 MVC 在 Alphatown 中的 体现2. 模块化的实现 – OzJS3. 模板的选择 – Micro-templating4. PubSub, Promise 模式的使用5....
MVC in Real WorldWhat is MVC?ClassesEvent-Driven SystemDependency ManagementReal-time Web Applications
ClassesModularity: Classes in JavaScript1. Inheritance (prototypical)2. Methods (static/public/private)3. Control scope in...
Event-Driven1. Event System of DOM (namespaced, customized)2. PubSub, Observer Pattern
MVC in detailsModel & dataControler & StateView & Templating
Dependency ManagementCommonJSModule Loaders (Yabble, RequireJS...)Server-side wrapping-upAlternatives: Sprockets , LABjs (...
Getting Real(-time)From Comet to WebSocket (socket.io)1. Low protocal overhead2. full-duplex3. persistedWith PubSub, corre...
Upcoming SlideShare
Loading in...5
×

MVC Practice in Front-end

304

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
304
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

MVC Practice in Front-end

  1. 1. MVC Practice in Front-End Dexter.Yy & Clyde.L @ Douban.Inc MVC in Alphatown MVC in Real World MVC in Action
  2. 2. 说在前面的话前端工程师的修炼方向?如何要使用 MVC ?Web Applications!
  3. 3. MVC in Alphatown1. MVC 的发展历程,以及 MVC 在 Alphatown 中的 体现2. 模块化的实现 – OzJS3. 模板的选择 – Micro-templating4. PubSub, Promise 模式的使用5. 可插拔的 widgets ,采用 sandbox 来包装
  4. 4. MVC in Real WorldWhat is MVC?ClassesEvent-Driven SystemDependency ManagementReal-time Web Applications
  5. 5. ClassesModularity: Classes in JavaScript1. Inheritance (prototypical)2. Methods (static/public/private)3. Control scope in Class (proxy)
  6. 6. Event-Driven1. Event System of DOM (namespaced, customized)2. PubSub, Observer Pattern
  7. 7. MVC in detailsModel & dataControler & StateView & Templating
  8. 8. Dependency ManagementCommonJSModule Loaders (Yabble, RequireJS...)Server-side wrapping-upAlternatives: Sprockets , LABjs (script loader)
  9. 9. Getting Real(-time)From Comet to WebSocket (socket.io)1. Low protocal overhead2. full-duplex3. persistedWith PubSub, correct Models, real- time is quite straightforward.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×