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

Ampliando suas fronteiras com Node-Webkit

Ampliando suas fronteiras com Node-Webkit

Uma abordagem conceitual e prática do que é o runtime escrito em nodejs mais badalado do momento: o node-webkit. Irei apresentar formas de se iniciar o desenvolvimento com a ferramenta e demonstrações práticas com uma aplicação simples escrita nesse casamento incrível do nodejs e do webkit. Uma palestra que sem dúvidas amplia e muito as fronteiras de qualquer participante interessado.

Beto Muniz

June 14, 2014
Tweet

More Decks by Beto Muniz

Other Decks in Programming

Transcript

  1. Meu nome é Beto Muniz betomuniz.com Sou de Minas Gerais

    e atualmente trabalho na Questrade pela Augix Outsourcing
  2. node-webkit é um runtime que foi desenvolvido pela Intel, mas

    que teve seu código aberto em 2007 e é baseado na união do Webkit com o NodeJS github.com/rogerwang/node-webkit
  3. Isso basicamente é a integração de qualquer funcionalidade do nodejs

    dentro do webkit, que por sua vez é uma web browser engine de código aberto.
  4. Isso quer dizer que qualquer funcionalidade do de ambas as

    tecnologias é oferecida para utilização, possibilitando assim criação de Desktop WebApps robustos, semelhante ao que acontece ao desenvolver com Phonegap no mundo mobile.
  5. #1 Módulos NodeJS Nativos #2 Módulos NodeJS de Terceiros #3

    Bibliotecas e Frameworks Front-end #4 Manipulação no DOM #5 Praticamente todas as implementações atuais do HTML5 #6 Aceleração nativa de GPU #7 Acesso a Video e Audio #8 Plugins instalados no computador Exemplo: Aplicativos que utilizam flash de alguma forma. #9 Suporte a bases de dados para persistência Web SQL Database, IndexedDB, PouchDB, EJDB, NeDB
  6. #1 Fácil implementação #2 Fácil aprendizado #3 API para acesso

    a GUI do sistema #4 Compila a aplicação para Windows, MacOS e Linux #5 Inspect Element #6 Desktop Notifications #7 Escreva a aplicação uma vez*
  7. #1 Frameless window #2 Utiliza o NPM #3 Documentação muito

    bem feita #4 Kiosk mode #5 Media APIs #6 HTML5 Support Drag & Drop, Data persistent, WebGL, WebRTC, CSS3, Web Storage, Application Cache, etc.
  8. index.html (main file) O main file de sua aplicação é

    obrigatório, pois será o primeiro arquivo que o runtime irá buscar após interpretar seu package.json
  9. Slush Generator com node-webkit, Express e NeDB slush-nodewebkit-express-nedb npmjs.org/package/slush-nodewebkit-express-nedb Slush

    Generator com node-webkit, Express e IndexedDB slush-nodewebkit-indexeddb npmjs.org/package/slush-nodewebkit-indexeddb