Non-MVC Web Framework
6 likes4,736 views
JavaScript is a client-side script language, but we can use it on server side programming now. However, it is still difficult to write server-side application for front-end developer. Here we try to find a solution to write server-side script that developer only need to understand and have client-side experience.
![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/85/Non-MVC-Web-Framework-79-320.jpg)
More Related Content
What's hot (20)
Viewers also liked (9)
Similar to Non-MVC Web Framework (20)
Recently uploaded (7)
Non-MVC Web Framework
- 1. Non-MVC Web Framework 前端工程师也能淡定地開發網站應用程式 Fred Chien
- 3. Fred Chien 钱逢祥
- 7. 慣C 救火 Startup 惡搞 Mandice Software. 創新
- 8. 慣C 救火 JavaScript 惡搞 創新
- 13. 正式提到 Non-MVC 之前 Some Stories
- 14. Web 的故事 Story of Web
- 15. 简单来说
- 16. 商人眼中的 Web 發展 History of Web
- 17. Web 1.0 做很多網頁來賺錢
- 18. 泡沫化
- 20. Cloud 嗯... 滿出來的錢
- 21. 但是
- 22. 工程師眼中的 Web 發展 As Developer
- 23. Homepage 做很多網頁
- 24. CGI 伺服器有了多功能
- 25. Homepage + CGI 功能好多好开心
- 26. 泡沫化
- 28. 救星
- 30. 因為 MVC 的介入 降世於 Web
- 31. Web 從此...
- 32. 有臉蛋 View
- 33. 有身材 Model
- 35. 從此 MVC 讓 大家過著爽歪歪的日子 Happiness Forever
- 36. 一個星期前 在 Node.js Taiwan 活动
- 37. 发现一个惊人的事实！ Amazing
- 40. RedTea
- 42. RedTea 是什麼？
- 43. Non-MVC 的嘗試 Experimental
- 45. 我沒有因 MVC 爽歪歪
- 46. 我只想要用 JavaScript
- 47. 回到原點思考 Thinking
- 48. 傳統 Web 開發不外乎... Traditional Web Development
- 49. HTML Page
- 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. 郎情妾意剑就教不了
- 62. 然后有了光
- 65. 要会写后端程式...
- 67. 學會 GET/POST 機制 接收各式各樣從 Client 送來的資料
- 68. 學會自定 API 和 Protocol 為了和前端 Ajax 套上
- 69. JavaScript != JavaScript 老子都不老子了
- 70. 為什麼 不能只用前端經驗？
- 71. 為什麼 後端的前戲這麼多？
- 72. 长驱直入才是王道！
- 74. 如果
- 75. 你可以直接使用後端 Class 不再需要再學會怎麼用 GET/POST 传递资料
- 76. 後端 API 就像 Browser 內建的 API 不再需要設計 API Protocol 和學會 Ajax
- 78. Browser-side JavaScript Code var c = 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 code to 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. But
- 88. RedTea 只是原型 不支援 Session, Auth......etc
- 89. 某一天在 IRC 上 irc.freenode.net #Node.js-tw
- 91. 決定以 Express 重新包裝
- 92. 名字千挑萬選 Naming
- 93. Kamalan 葛瑪蘭、嘎媽蘭
- 94. Kamalan Web Framework 台灣味的 Web Framework
- 95. 最重要的是
- 96. 全世界唯一神明認可 我有擲茭杯！
- 98. Feature 特色
- 99. Express 有的我們都有 All We Have
- 100. 而且
- 101. 使用方法一样
- 102. 可是
- 103. RedTea 的機制還沒移植
- 104. Coming Soon
- 105. 為了表示歉意
- 106. Live Demo 也歡迎打臉
- 107. 第一個 要求 打臉 的講者