Downloaded 47 times
![Server-side JavaScript Code
module.exports = { Chat: Chat };
function Chat() {
var self = this;
this.conversation = [];
this.getConversation = function(callback) {
callback(null, self.conversation);
};
...
}](https://image.slidesharecdn.com/non-mvcwebframework-120519063445-phpapp01/75/Non-MVC-Web-Framework-79-2048.jpg)
![Server-side JavaScript Code
module.exports = { Chat: Chat };
function Chat() {
var self = this;
this.conversation = [];
this.getConversation = function(callback) {
callback(null, self.conversation);
};
...
}](https://crownmelresort.com/image.slidesharecdn.com/non-mvcwebframework-120519063445-phpapp01/75/Non-MVC-Web-Framework-79-2048.jpg)
Uploaded byFred Chien
Non-MVC Web Framework
本文讨论了非MVC网页框架的开发体验，特别是前端工程师如何利用JavaScript进行后端开发。作者分享了其自定义的非MVC框架redtea的构建过程及其设计思路，强调了借助该框架前端开发的灵活性和高效性。最后，提到计划进一步发展名为kamalan的新框架，旨在简化Web开发流程。
Non-MVC Web Framework
- 1. Non-MVC WebFramework 前端工程師也能淡定地開發網站應用程式 Fred Chien
- 2.
- 3. Fred Chien 錢逢祥
- 4.
- 5.
- 6.
- 7. 慣C 救火 Startup 惡搞 Mandice Software. 創新
- 8. 慣C 救火 JavaScript 惡搞 創新
- 9.
- 10.
- 11.
- 12.
- 13. 正式提到 Non-MVC 之前 Some Stories
- 14. Web 的故事 Storyof Web
- 15.
- 16. 商人眼中的 Web 發展 History of Web
- 17.
- 18.
- 19.
- 20.
- 21.
- 22. 工程師眼中的 Web 發展 As Developer
- 23.
- 24.
- 25. Homepage + CGI 功能好多好開心
- 26.
- 27.
- 28.
- 29.
- 30. 因為 MVC 的介入 降世於 Web
- 31.
- 32.
- 33.
- 34.
- 35. 從此 MVC 讓 大家過著爽歪歪的日子 Happiness Forever
- 36.
- 37. 發現一個驚人的事實！ Amazing
- 38.
- 39.
- 40.
- 41.
- 42.
- 43. Non-MVC 的嘗試 Experimental
- 44.
- 45.
- 46.
- 47.
- 48. 傳統 Web 開發不外乎... Traditional Web Development
- 49.
- 50.
- 51. Server-side Scripting PHP, Python,RoR, ASP, .Net.....etc
- 52. MVC World Server-side Scripting Model Controller (Database) (Handler) View (Front-end) User
- 53. MVC World Server-side Scripting Model Controller (Database) (Handler) View (Front-end) User
- 54.
- 55.
- 56.
- 57.
- 58.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67. 學會 GET/POST 機制 接收各式各樣從Client 送來的資料
- 68. 學會自定 API 和Protocol 為了和前端 Ajax 套上
- 69. JavaScript != JavaScript 老子都不老子了
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76. 後端 API 就像 Browser 內建的 API 不再需要設計 API Protocol 和學會 Ajax
- 77.
- 78. Browser-side JavaScript Code varc = document.getElementById('content'); var chat = RedTea.API.Chat(); chat.conversation.push('Fred: Hello!<br>'); chat.getConversation(function(err, data) { c.innerHTML = data; }); c.innerHTML += chat.conversation.join('');
- 79. Server-side JavaScript Code module.exports= { Chat: Chat }; function Chat() { var self = this; this.conversation = []; this.getConversation = function(callback) { callback(null, self.conversation); }; ... }
- 80.
- 81. 會寫 JavaScript 就搞定！ 這只有 JavaScript 才辦得到！
- 82. Convert source codeto AST Compile AST to real Object Send AST to client Server-side Browser-side JavaScript JavaScript Class Script RPC
- 83. chat.getConversation(...); Operate chat.conversation.push(...) Caller Ajax/Web Socket Server
- 84. RedTea 開發四部曲 ● 決定 URL Path ● 設計 Layout in HTML ● 設計前端功能 (In JavaScript) ● 設計後端功能 (In JavaScript)
- 85. RedTea 四大部份 ● Route (統一化的 routing 設定) ● UI (如同 MVC 的 views) ● API (Server-side Script) ● Runner (Client-side Script)
- 86. Routing Runner index.js Get /index UI index.jade Browser
- 87.
- 88. RedTea 只是原型 不支援 Session,Auth......etc
- 89. 某一天在 IRC 上 irc.freenode.net#Node.js-tw
- 90.
- 91.
- 92.
- 93.
- 94. Kamalan Web Framework 台灣味的 Web Framework
- 95.
- 96.
- 97.
- 98.
- 99. Express 有的我們都有 All We Have
- 100.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107. 第一個 要求 打臉 的講者