O documento fornece instruções passo a passo para desenvolvimento de aplicativos móveis usando HTML, CSS, Javascript, Visual Studio Community 2013 e PhoneGap. Ele explica como configurar o ambiente de desenvolvimento, criar um projeto no Visual Studio, publicar o código no GitHub e construir um aplicativo Android usando o PhoneGap Build.

1. willyscampos@gmail.com@willyscampos
Desenvolvimento de Aplicativos Mobile
Usando HTML, CSS e Javascript
Willys Campos
#especialista em desenvolvimento para internet
UFPA
#empreendedor
Amazônia Digital
#professor de tecnologia
Estácio FAP

2. O mundo mudou...
#internetbaby

3. willyscampos@gmail.com@willyscampos
Github – Repositório de Código
Node – Programas Backend
Editor de Código Visual Studio Community 2013
Emulador – Extensão Apache Cordova para o Visual
Studio 2013
https://build.phonegap.com/
Visão Geral Open Source

4. #HandsOn

5. • Visual Studio Community 2013
– https://goo.gl/JhxZaq
• Extensão Apache Cordova para VS2013
– https://goo.gl/YCZO03
• Conta no Github
– https://github.com/
• Conta no PhoneGap
– https://build.phonegap.com
• Windows GitHub
– https://windows.github.com
O que vamos precisar

6. • Conhecimento de HTML, CSS, Javascript
• AngularJS
• NodeJS
• Banco de Dados
Habilidades

7. Visual Studio Community #começando

8. Visual Studio Community
#projeto

9. Visual Studio Community
#configuração
Inclusão da Versão do PhoneGap no Arquivo de
Configuração config.xml
Pressionar F7 com o arquivo config.xml selecionado
e incluir a linha abaixo:
<preference name="phonegap-version" value="3.5.0" />

10. Colo#index.html
Código Fonte do Projeto disponível em
http://migre.me/q2m8Y
Pressione F5 para Execução do projeto

11. GitHub
Entrar com sua conta no Windows GitHub

12. GitHub
Criar novo Repositório

13. GitHub
Acessar Repositório

14. GitHub
Copiar pastas para o repositório

15. GitHub
Vendo o código no repositório

16. GitHub
Quase lá...

17. GitHub
Código na nuvem já

18. Build PhoneGap
Construindo o APK para Android

19. Build PhoneGap
Construindo o APK para Android

20. Build PhoneGap
Construindo o APK para Android

21. Build PhoneGap
Distribuindo
http://migre.me/q2nIJ

22. Build PhoneGap
#over

23. willyscampos@gmail.com@willyscampos
#fim