Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
CSS 菜鳥救星
Next

Share

淺談 NodeJS 與框架

Nov 29, 2012 在國立海洋大學資工系的分享,對象為大四與研究所一年級同學。

Related Books

Free with a 30 day trial from Scribd

See all

淺談 NodeJS 與框架

  1. 1. 淺談 NodeJS 與框架 Yahoo! 資深前端工程師 廖英翔 Nov 29, 2012
  2. 2. About 廖英翔 Yahoo! 資深前端工程師 @clayliao 1
  3. 3. Agenda  The Legend of Node  Getting Started  Node in Yahoo!  DEMO 2
  4. 4. The Legend of Node 3
  5. 5. Case Study source 4
  6. 6. High Performance source 5
  7. 7. High Performance source 6
  8. 8. About Node  Non-blocking  Event-driven  High concurrency  V8 engine  Server side JavaScript  … 7
  9. 9. Open Source! https://github.com/joyent/node 8
  10. 10. Getting Started 9
  11. 11. Node 官方網站 http://nodejs.org/ 10
  12. 12. Download & Install http://nodejs.org/download/ 11
  13. 13. Create a HTTP Server var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World'); }).listen(1337, '127.0.0.1'); console.log('Server running at http://127.0.0.1:1337/'); 12
  14. 14. MORE THINGS NODE CAN DO 13
  15. 15. YUIDoc http://yui.github.com/yuidoc/ 14
  16. 16. TypeScript http://www.typescriptlang.org/ 15
  17. 17. Yahoo! Cocktails NODE IN YAHOO! 16
  18. 18. 1. 終端設備愈來愈複雜 17
  19. 19. Multi Screen 圖片來源: Apple 18
  20. 20. 2. 要懂得程式語言愈來愈多 19
  21. 21. 工程師必須身懷絕技  PHP/Java/ASP/.Net  Python/Ruby/Perl  JavaScript  CSS  HTML  YUI/jQuery  Node.js  … 圖片來源 20
  22. 22. 3. 一個產品 多個Codebase 21
  23. 23. The Solution: Yahoo! Cocktails 解決之道:Yahoo! Cocktails 22
  24. 24. Yahoo! Cocktails Mojito Manhattan 圖片來源: Mojito, Manhattan 23
  25. 25. 24
  26. 26. Open Source! http://developer.yahoo.com/cocktails/mojito/ 25
  27. 27. Production-ready  Yahoo! Axis  Fantasy Finance  Sportacular  Search Direct  … iPhone iPad 27
  28. 28. One language, Two Runtimes 一個語言 兩個運行環境 28
  29. 29. 100% 純 JavaScript Server Common Client JS JS JS 29
  30. 30. Views for Different Devices 一套程式碼支援多種終端設備 30
  31. 31. Android.hb.html Blackberry.hb.html Iphone.hb.html 31
  32. 32. 更多內建功能  單元測試 Unit Test  多國語系 Internationalization  漸進式增強 Progressive Enhancement  … 32
  33. 33. Mojito 101: Quick Start 第一次 Mojito 就上手 33
  34. 34. Quick Start: 安裝 Mojito  Installation $ npm install mojito -g 34
  35. 35. Quick Start: 建立 Mojito App  Create a Mojito Application $ mojito create app hello_world $ cd hello_world $ mojito create mojit myMojit 35
  36. 36. Quick Start: 打完收工  Running the Application $ mojito start http://localhost:8666/@myMojit/index 36
  37. 37. Architecture Mojito Handlebar Express YUI 3 Connect JavaScript Runtime (Node.js or Browser)
  38. 38. DEMO: Bomberman  多人即時遊戲  純HTML/CSS/ JavaScript  HTML5/Canvas  CSS 3  原始碼 38
  39. 39. Thank You! 39
  40. 40. Resources  NodeJS - http://nodejs.org/  Express Framework - http://expressjs.com/  Yahoo! Cocktails - http://developers.yahoo.com/cocktails  Yahoo! Mojito - http://developers.yahoo.com/cocktails/mojito 40
  • ljb_iss

    Jan. 21, 2015
  • ericssonxiao

    Dec. 19, 2013
  • cshLoveLife

    Dec. 4, 2013
  • barneybook

    Jul. 4, 2013
  • mralexpen

    Jan. 13, 2013

Nov 29, 2012 在國立海洋大學資工系的分享,對象為大四與研究所一年級同學。

Views

Total views

3,925

On Slideshare

0

From embeds

0

Number of embeds

27

Actions

Downloads

10

Shares

0

Comments

0

Likes

5

×