Cross-platform Desktop application with AngularJS and build with Node-webkit

12
Cross-platform Desktop application with AngularJS and build with Node-webkit @wittawasw

description

Slide from sometimes ago, Forgot to put on.

Transcript of Cross-platform Desktop application with AngularJS and build with Node-webkit

Page 1: Cross-platform Desktop application with AngularJS and build with Node-webkit

Cross-platform Desktop application

with AngularJS and build with Node-webkit

@wittawasw

Page 2: Cross-platform Desktop application with AngularJS and build with Node-webkit

By AngularJS, Did I mean HTML5 ?

Yes

Is HTML5 still no good at Desktop app ?

Not this time.

Page 3: Cross-platform Desktop application with AngularJS and build with Node-webkit

With a help from this guy

https://github.com/rogerwang/node-webkit

Page 4: Cross-platform Desktop application with AngularJS and build with Node-webkit

To keep it short,

It turn your HTML5 web into Chrome app and make it executable in

all major OS (Window, OSX, Linux)

Page 5: Cross-platform Desktop application with AngularJS and build with Node-webkit

Some cool features• HTML5 most features • WebGL • File explorer • Webcam • Great performance on Desktop • Fully support all Node.js and its 3rd party Library • Easy to package for Window , OSX, Linux .

Page 6: Cross-platform Desktop application with AngularJS and build with Node-webkit

What about AngularJS ?

Page 7: Cross-platform Desktop application with AngularJS and build with Node-webkit

We’ll use its Data binding for all logical switch in application

Page 8: Cross-platform Desktop application with AngularJS and build with Node-webkit

Is AngularJS that good ?

Check it out yourselfhttp://angularjs.org/

Page 9: Cross-platform Desktop application with AngularJS and build with Node-webkit

How can we store Data in app ?

Web Storage WebSQL

Application Cache

PouchDBNeDB

Page 10: Cross-platform Desktop application with AngularJS and build with Node-webkit

Server side ?Use any tools you’re familiar with.

Rails PHP

Node.jsSinatra Go

Dart Django

Too many to describe here :P

Page 11: Cross-platform Desktop application with AngularJS and build with Node-webkit

How to get start quickly?

Checkout these Repo

https://github.com/Anonyfox/node-webkit-hipster-seedhttps://github.com/jgrenon/angular-desktop-app

*These are NOT my works

Page 12: Cross-platform Desktop application with AngularJS and build with Node-webkit

Ask mebut don’t expect good answer every time.