O documento discute aplicações híbridas construídas com Cordova/PhoneGap, abordando sua história, arquitetura, vantagens, desvantagens e ferramentas.

1. Cordova - PhoneGap
Imersão no mundo das aplicações híbridas!!!

2. Sobre:
FrontEnd Developer na Greenmile
Professor dos cursos de FrontEnd na IwTraining
@adalto_junior

3. Aplicações híbridas
Usam as linguagens da Web para construir
aplicativos.
Código web executado dentro de uma WebView
Gera uma aplicação nativa (.apk / .ipa / .xap)

4. História
O PhoneGap foi criado em 2009 pela empresa Nitobi.
Em 2011, a Adobe comprou a empresa mas doou
todo o código para o projeto Apache. Nascia aí o
Cordova, um projeto opensource tocado pela
Apache. O PhoneGap passou a ser o nome do
produto da Adobe construído ao redor do Cordova. A
base é o Cordova, mas com alguns serviços adicionais
da Adobe que podem ser interessantes dependendo
do projeto.

5. Cordova
Base do código para a implementação da aplicação
híbrida.
Casca nativa e integração entre o web + nativo.
Phonegap
Ferramentas de deploy da aplicação.

6. Pontos positivos
Apenas uma implementação de código para as três
plataformas.
HTML5, Css3, Javascript
Integração nativo + web por meio de plugins.
Pontos negativos
Performance
WebView

7. Arquitetura

9. ToolKit para desenvolver
Node.js
Cordova
Ide para FrontEnd (Atom / VsCode / WebStorm)
Android iOS wp8
Android Sdk ios-sdk windows sdk
Android Studio XCode Visual Studio 2013
Emulador Simulador Emulador

10. Dicas:
Para testar no iphone é preciso ter conta de
desenvolvedor.
Android não precisa ter conta de desenvolvedor
Windows phone é preciso registrar o device à sua
conta do hotmail / desenvolvedor

11. Concorrentes
Ionic
ReactNative
NativeScript
Xamarin

12. Frameworks de UI
Onsen UI
Materialize
Material-UI
Material design - google
Angular Material

13. Show me the code

14. Tendências
Progressive WebApps