node-webkit
Meu nome é Beto Muniz
betomuniz.com
Sou de Minas Gerais e atualmente trabalho na Questrade pela Augix Outsourcing
Ampliando suas fronteiras com node-webkit
Mas que é node-webkit?
node-webkit é um runtime que foi
desenvolvido pela Intel, mas que teve seu
código aberto em 2007 e é baseado na união do
W...
Mas...como assim? Runtime? Webkit?
Isso basicamente é a integração de qualquer
funcionalidade do nodejs dentro do webkit,
que por sua vez é uma web browser e...
Mas cara...isso ainda não foi muito claro...
Isso quer dizer que qualquer funcionalidade do de
ambas as tecnologias é oferecida para utilização,
possibilitando assim c...
Interessante...E o que esse runtime suporta?
#1 Módulos NodeJS Nativos
#2 Módulos NodeJS de Terceiros
#3 Bibliotecas e Frameworks Front-end
#4 Manipulação no DOM
#5 Pr...
Mas onde eu rodo/desenvolvo?
node-webkit possui uma toolkit CLI que
possibilita trabalhar em ambiente Windows,
Linux e MacOS sem muitos problemas.
Mas porque eu usaria?
#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 a lista toda de features não acabou...
#1 Frameless window
#2 Utiliza o NPM
#3 Documentação muito bem feita
#4 Kiosk mode
#5 Media APIs
#6 HTML5 Support
Drag & D...
E quem está usando?
Popcorn Time
Koala App
Codiqa
Legal!!! Mas como instalar?
github.com/mllrsohn/node-webkit-builder
[sudo] npm install node-webkit-builder -g
E como iniciar uma aplicação?
Estrutura mínima para uma aplicação com node-webkit
index.html
package.json
index.html (main file)
O main file de sua aplicação é obrigatório, pois
será o primeiro arquivo que o runtime irá buscar
a...
package.json
Ferramentas
Slush Generator com node-webkit, Express e NeDB
slush-nodewebkit-express-nedb
npmjs.org/package/slush-nodewebkit-express-n...
Referência
Wiki:
github.com/rogerwang/node-webkit/wiki
And now...
Repositório das Demonstrações:
github.com/obetomuniz/nw-demos
E isso é tudo pessoal...
betomuniz.com
@obetomuniz
github.com/obetomuniz
contato@betomuniz.com
speakerdeck.com/obetomuniz
Ampliando suas fronteiras com Node-Webkit
Próximos SlideShares
Carregando em…5
×

Ampliando suas fronteiras com Node-Webkit

1.545 visualizações

Publicada em

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.

Publicada em: Tecnologia
0 comentários
5 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.545
No SlideShare
0
A partir de incorporações
0
Número de incorporações
29
Ações
Compartilhamentos
0
Downloads
25
Comentários
0
Gostaram
5
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Ampliando suas fronteiras com Node-Webkit

  1. 1. node-webkit
  2. 2. Meu nome é Beto Muniz betomuniz.com Sou de Minas Gerais e atualmente trabalho na Questrade pela Augix Outsourcing
  3. 3. Ampliando suas fronteiras com node-webkit
  4. 4. Mas que é node-webkit?
  5. 5. 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
  6. 6. Mas...como assim? Runtime? Webkit?
  7. 7. 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.
  8. 8. Mas cara...isso ainda não foi muito claro...
  9. 9. 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.
  10. 10. Interessante...E o que esse runtime suporta?
  11. 11. #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
  12. 12. Mas onde eu rodo/desenvolvo?
  13. 13. node-webkit possui uma toolkit CLI que possibilita trabalhar em ambiente Windows, Linux e MacOS sem muitos problemas.
  14. 14. Mas porque eu usaria?
  15. 15. #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*
  16. 16. E a lista toda de features não acabou...
  17. 17. #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.
  18. 18. E quem está usando?
  19. 19. Popcorn Time
  20. 20. Koala App
  21. 21. Codiqa
  22. 22. Legal!!! Mas como instalar?
  23. 23. github.com/mllrsohn/node-webkit-builder [sudo] npm install node-webkit-builder -g
  24. 24. E como iniciar uma aplicação?
  25. 25. Estrutura mínima para uma aplicação com node-webkit index.html package.json
  26. 26. 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
  27. 27. package.json
  28. 28. Ferramentas
  29. 29. 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
  30. 30. Referência
  31. 31. Wiki: github.com/rogerwang/node-webkit/wiki
  32. 32. And now...
  33. 33. Repositório das Demonstrações: github.com/obetomuniz/nw-demos
  34. 34. E isso é tudo pessoal... betomuniz.com @obetomuniz github.com/obetomuniz contato@betomuniz.com speakerdeck.com/obetomuniz

×