1.
EMERSON
THOMPSON
thompsonweb
thompsonemerson

2.
Desktop Apps com
ELECTRON

3.
QUEM FAZ SITE?

4.
QUEM FAZ APP
DESKTOP?

5.
O que é o
ELECTRON?

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

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

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

9.
Quem fez o
ELECTRON?

10.
Como ele
FUNCIONA?

11.
ECMASCRIPT 6?

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

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

14.
Quem usa o
ELECTRON?

15.
Github Atom Microsoft VS Code

16.
Baixa Curva de
Aprendizagem

17.
Baixa Curva de
Aprendizagem
Cross-Platform

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

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

20.
Como iniciar
MEU APP

21.
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.

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

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

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

25.
Como
BUILDAR?

26.
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

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

28.
ATUALIZAÇÃO
AUTOMÁTICA?

29.
Para turbinar
SEU APP

30.
Ó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

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

32.
@thompsonweb
OBRIGADO!