APPSHÍBRIDOSDe web para o celular sem dor

• Desenvolvedor poliglota • Extensa experiência em aplicações web • Focado em comportamentos em JS desde a era “DHTML" • Evangelista de mobile first • Entusiasta de frameworks para apps multiplataforma • Criador e mantenedor do site “m.” do hotelurbano.com • Cofundador na Ignitio

ABOUTALLANBAPTISTA

• Devs Mobile ganham mais dinheiro; • Demanda para devs mobile está altíssima; • Com o passar do tempo mais e mais pessoas estão utilizando algum tipo de

dispositivo mobile; • Apps mobile são mais mais inteligentes que apps para desktop; • Vender nas Apps Stores é um dos mais visíveis pontos de contato para

qualquer app; • Pode reutilizar skills já consolidadas de web. • Mais motivos: https://speakerdeck.com/thiagocortat/keynote-presenting-

the-market-of-mobile-development

Eu deveria me importar com o mobile?PORQUE

PERGUNTASASEFAZER:

(perca o medo de aprender algo completamente novo e escolha um caminho)

• Qual sua plataforma de desenvolvimento? (windows, mac, etc) • Que tipo de apps atrai seu interesse? (empresarial, social, games, etc) • Quais suas skills atuais? (forte background em web, java, C, C#, etc)

Para começar a desenvolver apps mobile?OQUEÉPRECISO

Para começar a desenvolver apps mobile?OQUEÉPRECISO

SUASOPÇÕES:

(ou pelo menos as mais populares)

• iOS nativo (Objective-C ou Swift) • Android nativo (Java) • Windows nativo (C# ou HTML5) • Multiplataforma nativo ou híbrido (HTML5, C#, C, Ruby, etc)

HÍBRIDOXNATIVO

Negativos • Típicamente mais caro para desenvolver. • Custo aumenta para cada plataforma. • Reescrita de código em cada plataforma. • Aumenta tempo de desenvolvimento. • Distribuído por app stores (tempo de aceitação, divisão de receita com a store). • Mais difícil de encontrar mão de obra qualificada

Positivos e Negativos de cada abordagemPONTOS

NATIVOPositivos • Melhor performance possível; • Acesso TOTAL à features do device; • Melhores ferramentas de desenvolvimento e suporte; • Distribuído em app stores (alta chance de visibilidade com custo baixo); • Linkedin e Facebook são exemplo de apps que eram híbridos e decidiram virar nativos.

Negativos • Performance não chega perto da nativa; • Esforço e tempo necessário para implementar look & feel nativo; • Nem todos os sistemas operacionais são suportados; • Risco de ser rejeitado pela apple se o app não parecer nativo o bastante.

HÍBRIDOPositivos • Você pode reutilizar skills web já adquiridas; • Uma única base de código para múltiplas plataformas; • Custo e tempo de desenvolvimento reduzido; • Design responsivo permite atende a qualquer tamanho de tela facilmente; • Acessar algumas features nativas do device (camera, geolocation, multitouch, acelerômetro e giroscópio, contatos, notificações, sons e vibração, etc); • Também distribuído em app stores.

Positivos e Negativos de cada abordagemPONTOS

MULTIPLATAFORMAS

Para desenvolvimento multiplataformas?QUAISSÃOASOPÇÕES

• Xamarin (Nativo, C#) • Rubymotion (Nativo, Ruby) • NativeScript (Nativo, Javascript) • ReactNative (Nativo, Javascript) • Corona (Nativo, Lua) • Appcelerator Titanium (+/- Nativo, HTML5) • Trigger.io (Híbrido, HTML5) • Rhomobile (Híbrido, HTML5) • Mosync (Híbrido, HTML5) • Cordova/Phonegap (Híbrido, HTML5)

MULTI PLATAFORMAS

As opções ao utilizar cordova/phonegap?QUAISSÃO

• Sencha Touch (ExtJS) • Ionic (Angular) • Onsen UI (Angular) • JQuery mobile (JQuery) • Reapp (React) • Kendo UI (JQuery) • ChocolateChip UI (JQuery) • Famous (JS + Canvas) • Qualquer aplicação HTML5 (HTML + CSS + JS)

CORDOVA PHONEGAP

()

DEMOS

GITHUBhttps://github.com/m4n3z40/simple-hotel-finder

• Amazon • Ebay • Apple`s app

store

Posso chegar com o framework híbridos? (Cases)ATÉONDE

• Evernote • Gmail • Instagram • Khan Academy

• Twitter • Uber • Mafia Wars • BrowserQuest

PERGUNTAS

CONTATOS• http://fb.me/allan.baptista • http://linkedin.com/in/allanbaptista • http://github.com/m4n3z40 • http://twitter.com/NeverFunnyGuy • allan@ignit.io

• http://www.joshmorony.com/6-reasons-you-should-switch-from-web-to-mobile-development/

• http://www.joshmorony.com/making-the-switch-from-web-development-to-mobile-app-development/

• http://www.smashingmagazine.com/2014/10/21/providing-a-native-experience-with-web-technologies/

• https://developer.salesforce.com/page/

Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options

• https://www.yauh.de/top-mobile-apps-you-didnt-know-where-built-on-html5/

• http://www.pushtechnology.com/2014/04/23/html5-vs-native-vs-hybrid-mobile-apps/

RESOURCES

VLWFLW