Desktop Apps com Electron

Palestra no front-end carioca sobre criação de aplicações Cross-Platform desktop com tecnologias web(JS/HTML/CSS) usando o Electron. O objetivo da palestra é apresentar uma nova maneira para desenvolver Desktop Apps (Cross-Platform). Para isso usaremos Electron, demonstrando o quanto é fácil e rápido desenvolver com ele usando tecnologias web. Na palestra veremos quem é o Electron, quem fez, como funciona, quem está usando(Slack, Atom, Visual Studio Code, WordPress, Ionic Creator...), como criar, e como buildar a versão final(.app, .exe).

Transcript

2. EMERSON THOMPSON thompsonweb thompsonemerson
6. Desktop Apps com ELECTRON
7. QUEM FAZ SITE?
8. QUEM FAZ SITE? EVENTO DE FRONT-END
9. QUEM FAZ APP DESKTOP?
10. MENTIRA
12. O que é o ELECTRON?
13. Tecnologia Web O Electron usa Chromium e Node.js para que você possa construir seus apps com HTML, CSS e JavaScript
14. Open Source O Electron é uma projeto Open Source mantido pelo Github e possui uma comunidade ativa de colaboradores
15. Cross Platform Compatível com Mac, Windows e Linux Pode ser construídos como executados na 3 plataformas
16. Quem fez o ELECTRON?
18. Como ele FUNCIONA?
20. ECMASCRIPT 6?
21. http://blog.chromium.org/2016/04/es6-es7-in-browser.html
22. http://kangax.github.io/compat-table/es6/
24. Quem usa o ELECTRON?
25. Github Atom Microsoft VS Code
26. http://electron.atom.io/apps/
27. Baixa Curva de Aprendizagem
28. Baixa Curva de Aprendizagem Cross-Platform
29. Baixa Curva de Aprendizagem Cross-Platform Atualizações Automáticas
30. Baixa Curva de Aprendizagem Cross-Platform Atualizações Automáticas Acesso a APIs Nativas
32. Como iniciar MEU APP
33. 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.
34. $ git clone https://github.com/electron/electron-quick-start Clona o Quick Start
35. $ git clone https://github.com/electron/electron-quick-start Clona o Quick Start $ npm install Instala as dependências
36. $ npm install Instala as dependências $ npm start Executa o projeto $ git clone https://github.com/electron/electron-quick-start Clona o Quick Start
41. DEMO
42. bit.ly/ElectronNoFEC
43. Como BUILDAR?
44. 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
45. ELECTRON BUILDER Electron Builder é solução completa para preparar seu app para distribuição e 'atualização automática' de apps Electron
46. ATUALIZAÇÃO AUTOMÁTICA?
48. Para turbinar SEU APP
49. Ó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
50. https://github.com/sindresorhus/awesome-electron
52. www.emersonthompson.com.br OBRIGADO!