Phonegap - self RJ
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Phonegap - self RJ

on

  • 1,114 views

Palestra sobre Phonegap apresentada no self RJ

Palestra sobre Phonegap apresentada no self RJ

Statistics

Views

Total Views
1,114
Views on SlideShare
1,114
Embed Views
0

Actions

Likes
1
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Phonegap - self RJ Presentation Transcript

  • 1. PhoneGap Zaedy Dantas
  • 2. Who?me: { name: ‘Zaedy Dantas Sayão’, twitter: ‘@zaedysayao’, github: ‘javamanrj’, study: ‘UFRJ’, works: ‘BioLogica Sistemas S.A’, slideshare: ‘javamanrj’}
  • 3. Público• iOS?• Android?• WP?• BB?• Web? JS?
  • 4. Write Once?• Run everywhere• SONHO
  • 5. Mobile• Iphone – 2007• Apps – 2008• Ipad – 2010• 2013?
  • 6. Mercado Mobile mobilestatistics.com
  • 7. Quantas linguaguens?• “Se você é Sênior em 5 linguagens, você não é Sênior em nenhuma” Zaedy Sayão
  • 8. Muitas linguagens• Alto custo – Desenvolvimento – Manutenção
  • 9. Uma linguagem
  • 10. Web Apps• Navegador ✓• Sem acesso a código nativo ✖• Lenta ✖• Apenas para sites ✖• Menos integrado ao SO ✓• Linguagem não compilada ✓
  • 11. Facebook x Fastbook• Zuckerberg: “I think the biggest mistake we made as a company is betting too much on HTML5 as opposed to native”
  • 12. Facebook x Fastbookhttp://vimeo.com/55486684
  • 13. Gmail - iOS
  • 14. Gmail – iOS…navigator.googleInternal = { iframe_: undefined, isInitialized: false, init: function() { if (this.isInitialized) { return; } this.iframe_ = document.createElement(iframe); var cssText = position:absolute;top:-5000px;height:2px;width:2px;; this.iframe_.style.cssText = cssText; this.iframe_.src = about:blank; document.body.appendChild(this.iframe_); this.isInitialized = true; }…
  • 15. PhoneGap• Nitobi• Adobe -> Apache• Open Source• HTML + CSS + JS -> APP• iOS, Android, BB, WP, WebOS, Symbian, BADA
  • 16. O Que dá para fazer?• Imagine um APP Ele é possível
  • 17. Apps?www.phonegap.com/apps
  • 18. API• Acelerômetro • InAppBrowser• Câmera• Captura (Recording) • Media• Bússula • Notificações• Conexão • Splash• Contatos • Storage• Device• Arquivo• Geolocation
  • 19. Acabou?• Plugins – https://github.com/phonegap/phonegap-plugins
  • 20. Debug• Browser• Weinre• Ripple• iWebInspector• PonyDebugger• debug.phonegap.com
  • 21. Build• IDE• PhoneGap Build
  • 22. Diretório de desenvolvedores• http://people.phonegap.com/
  • 23. IDE• Eclipse• Xcode• Aptana• Dreamweaver• WebStorm•• Netbeans IntelliJ WHATEVER• Visual Studio• VI• Notepad• Sublime Text 2
  • 24. Problemas• Build online – Sem suporte a todos os plugins• Ainda precisa saber programar nativamente (meia verdade)
  • 25. Pontos positivos• Baixa curva de aprendizado• Comunidade grande e ativa• Equipe de desenvolvimento paga – Adobe -> investimento• Releases mensais• Boa documentação• Estável• Roadmap conhecido• Open Source• Fácil de testar em várias telas e devices• Concorrência• Reproveitamento de código• API uniforme
  • 26. Mitos• Performance• Impossível fazer coisas nativas• Descaracteriza o app – Não fica parecido com nativo
  • 27. Qual é o nativo?
  • 28. Qual é o nativo?
  • 29. Qual é o nativo?
  • 30. Qual é o nativo?
  • 31. Resposta• Primeiro/Segundo/Terceiro slides: – Todos são WebApp• Quarto slide: – Esquerda nativo e direita WebApp
  • 32. Situações não recomendadas• Alta performance• Concorrência• Threads• Games -> GPU -> Elementos gráficos pesados
  • 33. Frameworks/Libs JS (UI)• Sencha Touch (MVC)• jQuery Mobile• Kendo UI• Dojo• jQTouch• Jo• XUI• Zepto.JS
  • 34. Frameworks JS MVC• Angular.js• Knockout.js• Backbone.js• Agility.js• SproutCore• Ember.js• Batman.js• Cappuccino• Sammy.js
  • 35. Outras• Hammer.JS• jStorage• Foundation• iScroll• SASS• Less• CSS grid• iWebkit• Bootstrap
  • 36. Sem framework Fique à vontade
  • 37. News• FirefoxOS• Desktop – Mac – Linux – W7 e W8
  • 38. Hands ON• Criando um projeto iOS• BUILD• Projeto para MAC
  • 39. Dúvidas