O documento fornece uma introdução ao Electron, uma tecnologia que permite a criação de aplicativos desktop com HTML, CSS e JavaScript. O Electron é open source, cross-platform e usado por aplicativos populares como o Github Atom e Microsoft VS Code. Ele funciona combinando o Chromium e o Node.js para fornecer acesso a APIs nativas e atualizações automáticas.

2. EMERSON
THOMPSON
thompsonweb
thompsonemerson

4. Desktop Apps com
ELECTRON

5. QUEM FAZ SITE?

6. QUEM FAZ APP
DESKTOP?

8. O que é o
ELECTRON?

9. Tecnologia Web
O Electron usa Chromium e Node.js
para que você possa construir seus apps
com HTML, CSS e JavaScript

10. Open Source
O Electron é uma projeto Open Source
mantido pelo Github e possui uma
comunidade ativa de colaboradores

11. Cross Platform
Compatível com Mac, Windows e Linux
Pode ser construídos como executados
na 3 plataformas

12. Quem fez o
ELECTRON?

14. Como ele
FUNCIONA?

16. ECMASCRIPT 6?

17. http://blog.chromium.org/2016/04/es6-es7-in-browser.html

18. http://kangax.github.io/compat-table/es6/

20. Quem usa o
ELECTRON?

21. Github Atom Microsoft VS Code

23. Baixa Curva de
Aprendizagem

24. Baixa Curva de
Aprendizagem
Cross-Platform

25. Baixa Curva de
Aprendizagem
Cross-Platform
Atualizações
Automáticas

26. Baixa Curva de
Aprendizagem
Cross-Platform
Atualizações
Automáticas
Acesso a APIs
Nativas

28. Como iniciar
MEU APP

29. Electron Prebuilt
$ npm install -g electron-prebuilt
Instala binários pré-construídos do Electron para uso da
command-line usando NPM. Com esse módulo facilmente
usará os comandos do Electron sem ter que compilar nada.

30. $ git clone https://github.com/electron/electron-quick-start
Clona o Quick Start

31. $ git clone https://github.com/electron/electron-quick-start
Clona o Quick Start
$ npm install
Instala as dependências

32. $ npm install
Instala as dependências
$ npm start
Executa o projeto
$ git clone https://github.com/electron/electron-quick-start
Clona o Quick Start

38. Como
BUILDAR?

39. Electron Packager é uma ferramenta de command-line usada
para empacotar o código fonte do Electron app em
executáveis como .app ou .exe.
ELECTRON
PACKAGER

40. ELECTRON
BUILDER
Electron Builder é solução completa para preparar
seu app para distribuição e 'atualização automática'
de apps Electron

41. ATUALIZAÇÃO
AUTOMÁTICA?

43. Para turbinar
SEU APP

44. Ótimas Ferramentas da Comunidade
Electron Packager
Buildar seus aplicativos
Electron Builder
Fazer o deploy seus aplicativos
Spectron
Testar seus aplicativos
Devtron
Debugar seus aplicativos
Auto Launch
Executa o app ao iniciar o OS
Electron Window State
Salva tamanho e posição da tela
MenuBar
Aplicativos menubar
Electron Reload
Auto-Reload no desenvolvimento

45. https://github.com/sindresorhus/awesome-electron

47. @thompsonweb
OBRIGADO!