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.

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

18,575 views

Published on

2014 01 Codeaholics Meetup sharing

Published in: Technology, Design
  • Be the first to comment

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

×