Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)

18,376 views

Published on

2014 01 Codeaholics Meetup sharing

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

No Downloads
Views
Total views
18,376
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
143
Comments
0
Likes
25
Embeds 0
No embeds

No notes for slide

Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)

  1. 1. Native Desktop App with Node-Webkit ! (Javascript, HTML, CSS) Eddie Lau @tatonlto github.com/3dd13
  2. 2. I love Web App
  3. 3. Centralized Easy to deploy Cross-platform Single-code-base (if there is no IE)
  4. 4. But
  5. 5. Sometimes Desktop App! is better than Web App
  6. 6. One click installer No server No internet Native functionality (actually … HTML5 & Chrome App can do most too !)
  7. 7. But, but
  8. 8. single-code-base cross-platform Desktop App development is …
  9. 9. DAMN HARD
  10. 10. Raise hand if you have written any Java Swing
  11. 11. so … few months ago I saw Node-Webkit https://github.com/rogerwang/node-webkit
  12. 12. ^___^
  13. 13. Node-Webkit build a .exe / .app which contains Node.js & Webkit
  14. 14. what does that mean ?
  15. 15. Node.js! allows you to write Desktop program! using JS
  16. 16. Webkit! allows you to write Desktop App UI! using! HTML, CSS & JS
  17. 17. the packaging was clumsy though ! https://github.com/rogerwang/node-webkit/wiki/How-topackage-and-distribute-your-apps (height of packaging documentation === 5 * window.height)
  18. 18. Have to zip everytime to test updated .app
  19. 19. T__T
  20. 20. yesterday I saw Grunt-Node-Webkit-Builder https://github.com/mllrsohn/grunt-node-webkit-builder
  21. 21. grunt
  22. 22. (^^)/
  23. 23. Demo https://github.com/3dd13/sample-nw
  24. 24. Questions ? Eddie Lau @tatonlto github.com/3dd13

×