Apache Cordova

Mantendo a sanidade

Por Igor Costa

Quem fala?

  • Desafio meus limites
  • Apaixonado por comunidades
  • Desenvolvedor de Software
  • 12 anos de expertise exportada para todos os continentes
  • Porto seguro da esposa nas horas vaga.

Quem está falando mesmo?

  • Desenvolvedor de Software Front-end
  • Membro da fundação Apache
  • Lider de comunidades Brasileiras
  • Fundador da http://www.riacycle.com RIACycle
  • Palestrante pela terceira vez no Campus Party

O que é Apache Cordova?

É um navegador sem barra de navegador e outros adereços que permite você criar suas Apps com tecnologias Web. Usando apenas HTML, Javascript e CSS.

E qual a diferença do Phonegap?

O Apache Cordova é projeto oficial e o PhoneGap é um produto da Adobe. Todas as releases andam em conjunto porém o Nome Phonegap é mais utilizado para os serviços que ela possue nas núvens o PhoneGap Build.

E como é que ele funciona?

Você que define sua interface

Apps Nativas vs. Web Apps

Nativas

  • Melhor performance
  • Acesso completo ao SDK
  • Linguagem compilada
  • Melhor integração com o OS

Web Apps

  • Roda no navegador
  • É rendenizada
  • Lenta
  • Ideal para sites

Cordova é uma categoria diferente App Web nativa

Vantagens:

  • Você escreve com HTML/CSS/Javascript
  • Possui acesso a recursos do telefone Ex: Lista de contatos
  • Tamanho final da App ~800kb

Ultra vantagens do Phonegap

Montar ambiente para todas as plataformas

Urghhhh!!!

Use o poder do Cloud para publicar suas Apps

Ferramentas

disponíveis para o

Desenvolvedor

  • IDEs e produtividade

  • Debugs e depuração

  • Testes em várias telas

  • Distribuição

  • Open Source

IDEs e produtividade

Debugs e depuração

CTRL+SHIFT+I

Firedebug

Phonegap Emulator

Dreamweaver CS6

Demo

Criar uma App para Android, iOS, Firefox OS

Quiz Firefox Phone

Cada pergunta vale 1 Firefox Phone

O atual Firefox suporta WebGL?

  • Resposta:
  • Sim, desde a versão 16.0

Qual mecanismo de banco de dados local é suportado no Firefox OS?

  • Opcão A: IndexDb
  • Opção B: Web SQL
  • Resposta:
  • A

Onde o bloco de <script > fica no HTML?

  • Resposta:
  • Entre os tags head ou no final do body

O resultado da operação 34 x 8 + 19 - 5 * 67 + 1 é?

  • Resposta:
  • 19163

Qual a dimensão em pixel da tela do Firefox Phone?

  • Portrait 480x840px
  • Portrait 450x914px
  • Resposta:
  • 320x480px

Qual a primeira linha que define um HTML 5?

  • Resposta:
  • <!doctype html>

Depois do tag UL qual é o próximo tag?

  • Resposta:
  • <li>

Baixar Slides

Obrigado!

Twita ai #cpbr6 #pgap