Electron - The Developer's Conference

Transcript

1. Globalcode – Open4education Electron: Node.js para apps Desktop Alefe Souza Full Stack Developer, Instrutor de Desenvolvimento de Software, apaixonado por JavaScript desde os 13 anos. Trilha Node.js @alefesouza
2. Globalcode – Open4education Agenda • O que é Electron? • Por que e quando usar? • Quem usa • Como iniciar • Demo @alefesouza
3. Globalcode – Open4education O que é Electron? Pacote desenvolvido pelo GitHub inicialmente para o Atom, que permite o desenvolvimento de apps desktop utilizando tecnologias web mais o Node.js. @alefesouza
4. Globalcode – Open4education O que é Electron? Ele procura juntar uma instância do Node.js, do Chromium e o seu app em um único pacote que você pode distribuir sem nenhuma limitação. @alefesouza = +
5. Globalcode – Open4education O que é Electron? O Electron é baseado em dois processos, o main e o de rendering. @alefesouza Main (lifecycle) Window Node.js Menu Dialog Rendering (front-end) DOM remote
6. Globalcode – Open4education Quando usar? Você pode utilizar o Electron quando precisar acessar funções nativas do sistema operacional das quais os navegadores não permitem, como sistema de arquivos ou iniciar um servidor local. @alefesouza
7. Globalcode – Open4education Quando usar? Electron também é multiplataforma, você pode gerar instaladores .exe, .dmg, .deb, etc... @alefesouza
8. Globalcode – Open4education Quem usa @alefesouza
9. Globalcode – Open4education O que pode usar? @alefesouza Atualmente, basicamente tudo que o Chrome 66 e Node.js 10.2 tem a oferecer.
10. Globalcode – Open4education Como iniciar @alefesouza $ npm install electron-builder --save-dev $ npm install electron --save-dev
11. Globalcode – Open4education Demo! https://bit.ly/ionic3-electron @alefesouza
12. Globalcode – Open4education Obrigado! @alefesouza https://alefesouza.com @alefesouza