Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Tutorial para Desenvolvimento Mobile usando HTML CSS e Javascript

Tutorial para Desenvolvimento Mobile usando HTML CSS e Javascript através do PhoneGap e Visual Studio Communit 2013

  • Be the first to comment

Tutorial para Desenvolvimento Mobile usando HTML CSS e Javascript

  1. 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. 2. O mundo mudou... #internetbaby
  3. 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. 4. #HandsOn
  5. 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. 6. • Conhecimento de HTML, CSS, Javascript • AngularJS • NodeJS • Banco de Dados Habilidades
  7. 7. Visual Studio Community #começando
  8. 8. Visual Studio Community #projeto
  9. 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. 10. Colo#index.html Código Fonte do Projeto disponível em http://migre.me/q2m8Y Pressione F5 para Execução do projeto
  11. 11. GitHub Entrar com sua conta no Windows GitHub
  12. 12. GitHub Criar novo Repositório
  13. 13. GitHub Acessar Repositório
  14. 14. GitHub Copiar pastas para o repositório
  15. 15. GitHub Vendo o código no repositório
  16. 16. GitHub Quase lá...
  17. 17. GitHub Código na nuvem já
  18. 18. Build PhoneGap Construindo o APK para Android
  19. 19. Build PhoneGap Construindo o APK para Android
  20. 20. Build PhoneGap Construindo o APK para Android
  21. 21. Build PhoneGap Distribuindo http://migre.me/q2nIJ
  22. 22. Build PhoneGap #over
  23. 23. willyscampos@gmail.com@willyscampos #fim

×