Tutorial para Desenvolvimento Mobile usando HTML CSS e Javascript

[email protected]@willyscampos

Desenvolvimento de Aplicativos MobileUsando HTML, CSS e Javascript

Willys Campos#especialista em desenvolvimento para internet

UFPA#empreendedor Amazônia Digital

#professor de tecnologiaEstácio FAP

O mundo mudou...#internetbaby


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

#HandsOn

• 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

• Conhecimento de HTML, CSS, Javascript

• AngularJS

• NodeJS

• Banco de Dados

Habilidades

Visual Studio Community #começando

Visual Studio Community#projeto

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 selecionadoe incluir a linha abaixo:<preference name="phonegap-version" value="3.5.0" />

Colo#index.html

Código Fonte do Projeto disponível emhttp://migre.me/q2m8Y

Pressione F5 para Execução do projeto

GitHub

Entrar com sua conta no Windows GitHub

GitHub

Criar novo Repositório

GitHub

Acessar Repositório

GitHub

Copiar pastas para o repositório

GitHub

Vendo o código no repositório

GitHub

Quase lá...

GitHub

Código na nuvem já

Build PhoneGap

Construindo o APK para Android

Build PhoneGap


Build PhoneGap


Build PhoneGap

Distribuindo

http://migre.me/q2nIJ

Build PhoneGap

#over


#fim