Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Primeiros passos com Electron

Primeiros passos com Electron

Raphael Porto

November 23, 2015
Tweet

More Decks by Raphael Porto

Other Decks in Programming

Transcript

  1. O que é o Electron? Framework para criar aplicações desktop,

    usando tecnologias web como HTML, CSS e JavaScript.
  2. index.html <!DOCTYPE html> <html> <head> <meta charset="utf­8"> <title>Olá Mundo!</title> </head>

    <body> <h1>Olá mundo!</h1> <small> io.js <script> </script> <br> Electron v<script> </script> <br> <script> </script> </small> </body> </html> document.write(process.version) document.write(process.versions['electron']) document.write(process.platform)
  3. main.js var app = require('app'); var BrowserWindow = require('browser­window'); require('crash­reporter').start();

    var mainWindow = null; app.on('window­all­closed', function() { if (process.platform != 'darwin') { app.quit(); } }); app.on('ready', function() { mainWindow = new BrowserWindow({width: 800, height: 600}); mainWindow.loadUrl('file://' + __dirname + '/index.html'); mainWindow.on('closed', function() { mainWindow = null; }); });