O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
JAVASCRIPT ON   Building desktop apps in THE DESKTOP    HTML5 and JavaScript                      @DOMENIC
DOMENICDENICOLA• https://github.com/domenic• https://npmjs.org/~domenic• http://slideshare.net/domenicdenicolaThings I’ve ...
WHY DESKTOP APPS?Two reasons:                     @DOMENIC
WHY DESKTOP APPS?                    @DOMENIC
WHY DESKTOP APPS?                    @DOMENIC
WHY DESKTOP APPS?                    @DOMENIC
WHY DESKTOP APPS?                    @DOMENIC
IN THE WILD              @DOMENIC
IN THE WILD              @DOMENIC
HOW?http://www.chromium.org/developers/content-module                                        @DOMENIC
THE CHROME CONTENTAPI                @DOMENIC
CHROMIUM EMBEDDEDFRAMEWORKhttp://code.google.com/p/chromiumembedded/                                             @DOMENIC
CHROMIUM EMBEDDED FRAMEWORK• Windows, Mac OS X, Linux• Create objects in C++, expose them through JS• Integrate NPAPI plug...
CHROMIUM EMBEDDED FRAMEWORK// Create an instance of our CefClient implementation. Various// methods in the MyClient instan...
BUT I DON’T LIKE C++…          TO THE RESCUE                   @DOMENIC
TWO PROJECTS, BOTHALIKE IN DIGNITYAppJS     Node-WebKit                        @DOMENIC
APPJSvar appjs = require(appjs);appjs.serveFilesFrom(__dirname + /content);appjs.router.post(/, function (req, res, next) ...
APPJS: CONTROL NODE FROM YOUR APPwindow.on(ready, function () {  window.frame.show();  window.require = require;  window.p...
APPJS: CONTROL YOUR APP FROM NODEwindow.on(close, ...);window.on(resize, ...);window.on(minimize, ...);window.on(fullscree...
APPJS: MENU BARSvar menu = appjs.createMenu([{  label: &File,  submenu: [    {      label: E&xit,      action: function ()...
APPJS: MORE COOL STUFF• Add tray icons and tray menus• Add a require that works for modules on both the Node side  and the...
NODE-WEBKIT<html> <head>  <title>Hello World!</title> </head> <body>  <h1>Hello World!</h1>  <p>We are using node.js    <s...
NODE-WEBKIT: A TECHNICAL MARVEL• Not built on CEF; they did the work themselves• Merged Node and Chromium’s event loops by...
NODE-WEBKIT:    PACKAGE.JSON{    "name": "nw-demo",    "main": "index.html",    "node-main": "start.js",    "window": {   ...
NODE-WEBKIT: PLATFORM INTEGRATIONwindow.minimize();window.enterFullscreen();window.showDevTools();window.requestAttention(...
NODE-WEBKIT: PLATFORM INTEGRATIONvar gui = require(nw.gui);var clipboard = gui.Clipboard.get();clipboard.get(text);clipboa...
DEMO TIME            @DOMENIC
Próximos SlideShares
Carregando em…5
×

DOMENICDENICOLA• https://github.com/domenic• https://npmjs.org/~domenic• http://slideshare.net/domenicdenicolaThings I’ve JavaScript on the Desktop

13.130 visualizações

Publicada em

DOMENICDENICOLA• https://github.com/domenic• https://npmjs.org/~domenic• http://slideshare.net/domenicdenicolaThings I’ve done recently:• http://es6isnigh.com• Promises/A+• Real-World Windows 8 Apps in JS @DOMENIC

Publicada em: Tecnologia

×