Your SlideShare is downloading. ×
0
Enjoy Writing Modern Desktop  Application In JavaScript 使用 JavaScript 寫現代桌面應用程式           Fred Chien
我是誰?Who Am I
Fred Chien   錢逢祥
Come from Taiwan     來自台灣
Open Source Developer       Im GEEK!
StartupMandice Software.    MANDICE.COM
CEO, Mandice
StartupMandice Software.
慣C                 C Language                   Fanatic救火            Startup            惡搞  Mission                       ...
慣C救火    Startup            惡搞     Mandice Software.         創新
慣C救火   JavaScript   惡搞       創新
cfsghost At gmail.com
Blogfred-zone.blogspot.com
Personal Website people.linux.org.tw/~fred/
回到主題 Focus
JavaScript   What?
你一定覺得我在說You must think Im taking about...
Web Application  Web, web and web
但是Well
今天不談 Web No Web Today
不是我不談Not My Fault
而是The truth is
Web Application Mode  GNOME support it since 3.2+
根本就只是 Its such...
沒有邊框的瀏覽器Browser without window border
單純的 HTML Page  Pure HTML page
如果真的要講If You Want To Know How to Write It
Super fast to write a Web App<html><head>   <title>Desktop Application</title></head><body>   I am Desktop Application! DO...
今天的演講到此結束   The End
謝謝 GNOMEThanks, GNOME Foundation!
WTF!@#$%^&*(
真正回到主題Speak Something Please!
Why JavaScript ?
慣 C 的內心話As a C Language Fanatic
我不否認I Agree...
當慣 C 很潮C Language Fanatic Rocks!
但BUT
太花Time
太雜Complicated
太難學Difficult to Learn
收山Be Tired
Why JavaScript ?
不需編譯No Need to Compile
易學易用Easy to Learn and Easy to Use
快Fast
更重要的是 The Point is
事件驅動Event-driven
GUI 專家 Experienced
JavaScript
這麼多解決方案So many JavaScript Solution
選哪一個?Which One is better?
Node.js Suggest
Node.js nodejs.org
超級快Faster
豐富的資源Many Third-party Modules (10000+)
絕佳的擴充性Easy to Write Own C/C++ Addon
如何用 Node.js   開發桌面應用程式?How to write Desktop App in JavaScript?
This is GNOME.Asia
GTK+
Clutter
Mx
必需實作 JavaScript API     Must Impletement
使用 C/C++Must Impletement
讓 Node.js 可以呼叫      底層 Library APIMake Node.js Able to Call Functions of lib
我相信你應該準備放棄了I think You Dont Want to Continue...
不是說易學易用嗎? Are you Kidding Me?
別擔心Dont Worry!
我們已經做完了  Ive Done It
jsdx-toolkitGUI Toolkit for Node.js
jsdx-toolkitBased on Clutter/Mx
Installationnpm install jsdx-toolkit
githubgithub.com/cfsghost/jsdx-toolkit
Application
Application Node.js
Application Node.jsjsdx-toolkit
Application Node.jsjsdx-toolkitClutter/Mx
Application Node.js               C/C++               Addonjsdx-toolkitClutter/Mx
Hello World!My First JavaScript Desktop Application
Hello World Program!var toolkit = require(jsdx-toolkit);var app = new toolkit.Application(JSDX Application);app.createWind...
3D
Animation
Layout
Widget
GstreamerRender Multimedia Video on 3D Object
X11
Live Demo
看起來功能相當完整 It seems everything was ready
不過There is
還有更厲害的More Powerful Thing
JTKMLJSDX Toolkit Modling Language
為 Mx Toolkit 寫的新東西     For Mx Toolkit
更快設計你的 UIFaster to Design Your UI
類似 JadeThats like Jade Template Language
Web 開發者立馬上手Its easy-use for Web Developer
GUI 只是第一步 GUI Thing is the First Step
未來In Future
持續增加各種 APIs  Implement More APIs
Display
Network Manager
Telephony
Low-level System Call
Window Manager
More and More
讓 JavaScript 可以完全勝任    所有的開發工作 Make JavaScript able to Do All Jobs
大家一起來寫 JavaScript     Lets Join Us
Thanks The End
Upcoming SlideShare
Loading in...5
×

Enjoy Writing Modern Desktop Application in JavaScript

6,830

Published on

Talk at GNOME.Asia Summit 2012

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

No Downloads
Views
Total Views
6,830
On Slideshare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "Enjoy Writing Modern Desktop Application in JavaScript"

  1. 1. Enjoy Writing Modern Desktop Application In JavaScript 使用 JavaScript 寫現代桌面應用程式 Fred Chien
  2. 2. 我是誰?Who Am I
  3. 3. Fred Chien 錢逢祥
  4. 4. Come from Taiwan 來自台灣
  5. 5. Open Source Developer Im GEEK!
  6. 6. StartupMandice Software. MANDICE.COM
  7. 7. CEO, Mandice
  8. 8. StartupMandice Software.
  9. 9. 慣C C Language Fanatic救火 Startup 惡搞 Mission HackingImpossible Mandice Software. 創新 Innovation
  10. 10. 慣C救火 Startup 惡搞 Mandice Software. 創新
  11. 11. 慣C救火 JavaScript 惡搞 創新
  12. 12. cfsghost At gmail.com
  13. 13. Blogfred-zone.blogspot.com
  14. 14. Personal Website people.linux.org.tw/~fred/
  15. 15. 回到主題 Focus
  16. 16. JavaScript What?
  17. 17. 你一定覺得我在說You must think Im taking about...
  18. 18. Web Application Web, web and web
  19. 19. 但是Well
  20. 20. 今天不談 Web No Web Today
  21. 21. 不是我不談Not My Fault
  22. 22. 而是The truth is
  23. 23. Web Application Mode GNOME support it since 3.2+
  24. 24. 根本就只是 Its such...
  25. 25. 沒有邊框的瀏覽器Browser without window border
  26. 26. 單純的 HTML Page Pure HTML page
  27. 27. 如果真的要講If You Want To Know How to Write It
  28. 28. Super fast to write a Web App<html><head> <title>Desktop Application</title></head><body> I am Desktop Application! DONE!</body><html>
  29. 29. 今天的演講到此結束 The End
  30. 30. 謝謝 GNOMEThanks, GNOME Foundation!
  31. 31. WTF!@#$%^&*(
  32. 32. 真正回到主題Speak Something Please!
  33. 33. Why JavaScript ?
  34. 34. 慣 C 的內心話As a C Language Fanatic
  35. 35. 我不否認I Agree...
  36. 36. 當慣 C 很潮C Language Fanatic Rocks!
  37. 37. 但BUT
  38. 38. 太花Time
  39. 39. 太雜Complicated
  40. 40. 太難學Difficult to Learn
  41. 41. 收山Be Tired
  42. 42. Why JavaScript ?
  43. 43. 不需編譯No Need to Compile
  44. 44. 易學易用Easy to Learn and Easy to Use
  45. 45. 快Fast
  46. 46. 更重要的是 The Point is
  47. 47. 事件驅動Event-driven
  48. 48. GUI 專家 Experienced
  49. 49. JavaScript
  50. 50. 這麼多解決方案So many JavaScript Solution
  51. 51. 選哪一個?Which One is better?
  52. 52. Node.js Suggest
  53. 53. Node.js nodejs.org
  54. 54. 超級快Faster
  55. 55. 豐富的資源Many Third-party Modules (10000+)
  56. 56. 絕佳的擴充性Easy to Write Own C/C++ Addon
  57. 57. 如何用 Node.js 開發桌面應用程式?How to write Desktop App in JavaScript?
  58. 58. This is GNOME.Asia
  59. 59. GTK+
  60. 60. Clutter
  61. 61. Mx
  62. 62. 必需實作 JavaScript API Must Impletement
  63. 63. 使用 C/C++Must Impletement
  64. 64. 讓 Node.js 可以呼叫 底層 Library APIMake Node.js Able to Call Functions of lib
  65. 65. 我相信你應該準備放棄了I think You Dont Want to Continue...
  66. 66. 不是說易學易用嗎? Are you Kidding Me?
  67. 67. 別擔心Dont Worry!
  68. 68. 我們已經做完了 Ive Done It
  69. 69. jsdx-toolkitGUI Toolkit for Node.js
  70. 70. jsdx-toolkitBased on Clutter/Mx
  71. 71. Installationnpm install jsdx-toolkit
  72. 72. githubgithub.com/cfsghost/jsdx-toolkit
  73. 73. Application
  74. 74. Application Node.js
  75. 75. Application Node.jsjsdx-toolkit
  76. 76. Application Node.jsjsdx-toolkitClutter/Mx
  77. 77. Application Node.js C/C++ Addonjsdx-toolkitClutter/Mx
  78. 78. Hello World!My First JavaScript Desktop Application
  79. 79. Hello World Program!var toolkit = require(jsdx-toolkit);var app = new toolkit.Application(JSDX Application);app.createWindow(function(window) { window.on(toolkit.EVENT_DESTROY, function() { app.quit(); }); window.title = Application Window; window.hasToolbar = true; window.show();});app.run();
  80. 80. 3D
  81. 81. Animation
  82. 82. Layout
  83. 83. Widget
  84. 84. GstreamerRender Multimedia Video on 3D Object
  85. 85. X11
  86. 86. Live Demo
  87. 87. 看起來功能相當完整 It seems everything was ready
  88. 88. 不過There is
  89. 89. 還有更厲害的More Powerful Thing
  90. 90. JTKMLJSDX Toolkit Modling Language
  91. 91. 為 Mx Toolkit 寫的新東西 For Mx Toolkit
  92. 92. 更快設計你的 UIFaster to Design Your UI
  93. 93. 類似 JadeThats like Jade Template Language
  94. 94. Web 開發者立馬上手Its easy-use for Web Developer
  95. 95. GUI 只是第一步 GUI Thing is the First Step
  96. 96. 未來In Future
  97. 97. 持續增加各種 APIs Implement More APIs
  98. 98. Display
  99. 99. Network Manager
  100. 100. Telephony
  101. 101. Low-level System Call
  102. 102. Window Manager
  103. 103. More and More
  104. 104. 讓 JavaScript 可以完全勝任 所有的開發工作 Make JavaScript able to Do All Jobs
  105. 105. 大家一起來寫 JavaScript Lets Join Us
  106. 106. Thanks The End
  1. A particular slide catching your eye?

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

×