Hybrid Apps - From web to mobile without pain

A rundown of the modern mobile world and a take in the transition from web development to mobile development

Transcript

1. APPSHÍBRIDOS De web para o celular sem dor
2. • 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
3. • 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
4. 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
5. 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)
6. HÍBRIDOXNATIVO
7. 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 abordagem PONTOS NATIVO Positivos • 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.
8. 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ÍBRIDO Positivos • 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 abordagem PONTOS
9. MULTIPLATAFORMAS
10. 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
11. 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
12. () DEMOS
13. GITHUB https://github.com/m4n3z40/simple-hotel-finder
14. • 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
15. PERGUNTAS
16. CONTATOS • http://fb.me/allan.baptista • http://linkedin.com/in/allanbaptista • http://github.com/m4n3z40 • http://twitter.com/NeverFunnyGuy • allan@ignit.io
17. • 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
18. VLWFLW