39
PhoneGap Zaedy Dantas

Phonegap - self RJ

Embed Size (px)

DESCRIPTION

Palestra sobre Phonegap apresentada no self RJ

Citation preview

  • 1. PhoneGap Zaedy Dantas

2. Who?me: {name: Zaedy Dantas Sayo,twitter: @zaedysayao,github: javamanrj,study: UFRJ,works: BioLogica Sistemas S.A,slideshare: javamanrj} 3. Pblico 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 Snior em 5 linguagens, voc no Snior em nenhumaZaedy Sayo 8. Muitas linguagens Alto custo Desenvolvimento Manuteno 9. Uma linguagem 10. Web Apps Navegador Sem acesso a cdigo nativo Lenta Apenas para sites Menos integrado ao SO Linguagem no compilada 11. Facebook x Fastbook Zuckerberg: I think the biggest mistake wemade as a company is betting too much onHTML5 as opposed to native 12. Facebook x Fastbookhttp://vimeo.com/55486684 13. Gmail - iOS 14. Gmail iOSnavigator.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 APPEle possvel 17. Apps?www.phonegap.com/apps 18. API Acelermetro InAppBrowser Cmera Captura (Recording) Media Bssula Notificaes Conexo 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. Diretrio de desenvolvedores http://people.phonegap.com/ 23. IDE Eclipse Xcode Aptana Dreamweaver WebStormNetbeansIntelliJ 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 documentao Estvel Roadmap conhecido Open Source Fcil de testar em vrias telas e devices Concorrncia Reproveitamento de cdigo API uniforme 26. Mitos Performance Impossvel fazer coisas nativas Descaracteriza o app No 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 so WebApp Quarto slide: Esquerda nativo e direita WebApp 32. Situaes no recomendadas Alta performance Concorrncia Threads Games -> GPU -> Elementos grficos 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 frameworkFique vontade 37. News FirefoxOS Desktop Mac Linux W7 e W8 38. Hands ON Criando um projeto iOS BUILD Projeto para MAC 39. Dvidas