Transferir como PDF, PPTX
Carregado porJean Carlo Emer
Desenvolvedor mobile precisa aprender Web
O desenvolvimento mobile não se limita a aplicações nativas, mas envolve tecnologias web que oferecem acesso a informações e experiências interativas. As aplicações híbridas estão se tornando cada vez mais comuns, combinando o melhor dos mundos nativo e web, permitindo uma maior reutilização de código. O futuro do desenvolvimento web inclui suporte a novas APIs e ferramentas que facilitarão a criação de experiências intuitivas e responsivas para usuários de dispositivos móveis.
Desenvolvedor mobile precisa aprender Web
- 1.
- 2.
- 3.
- 8. Desenvolvimento mobile não é apenassobre aplicações nativas
- 9. Web é umconjunto de tecnologias para acesso a informações na Internet
- 10. A Internet conecta computadores,a Web conecta pessoas http://www.computerhistory.org/revolution/networking/19/314
- 11.
- 12. A maioria dasaplicações modernas utiliza pelo menos HTTP e TCP/IP 😎
- 13. High-Performance Browser Networking(O'Reilly) Latência de uma requisição
- 14. High-Performance Browser Networking(O'Reilly)
- 15. Optimizing the CriticalRendering Path ~ @igrigorik 14kb
- 16.
- 17. Por que iralém do HTTP e aprender outras tecnologias Web?
- 18. <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
- 19. Há outras razõesalém de fazer um website teaser para divulgar sua App nativa 😛
- 20. Em 2016, 50%das Apps mobile serão híbridas (mescla de tecnologias nativa e Web) - Predição da Gartner
- 21. Mas uma predição divulgadapela BlackBerry não vale tanto assim...
- 22. A questão inclusiveé sobre desenvolver ou não aplicações
- 24. Deepest engagement for thelongest period of time happens in apps, so apps matter, and they matter desperately for brands who want to connect to customers. http://venturebeat.com/2015/09/25/wait-what-mobile-browser-traffic- is-2x-bigger-than-app-traffic-and-growing-faster/
- 25. no-one is goingto install an app for each company, service, or site he or she interacts with, your mobile web experience has to be good, and it has to be strong. http://venturebeat.com/2015/09/25/wait-what-mobile-browser-traffic- is-2x-bigger-than-app-traffic-and-growing-faster/
- 26. Experiências que dependem massivamentedo hardware (jogos, câmera e localização) devem continuar sendo nativas
- 27. As demais experiências podemser Web 🙌
- 28. A Web éuniversal
- 29. It should beaccessible from any kind of hardware that can connect to the internet: stationary or mobile, small screen or large. - Sir Tim Berners-Lee P
- 30.
- 31. As maiores doresde cabeça do desenvolvimento Web são os navegadores antigos
- 32. Os navegadores modernos suportamuma série de novas tecnologias
- 33. HTML Canvas Audio Video App Cache Input types CSS 2 Transforms Animation Gradient Flexbox Filter SVG HTML e CSS
- 34. Responsive Design Sistemas de escrita de CSS WAI-ARIAMicroformats Padrões para HTML e CSS
- 35. A Web éa plataforma mais completa para marcação de conteúdo e definição de layout
- 36. JS Object properties Array manipulation Arrow functions Block scoping Classes Default parameter values Destructuring Assignments Iterators Generators Modules Rest parameters Spread operator Template strings ECMAScript 2015+
- 37. Uma série depráticas também foram difundidas para melhor programar JavaScript
- 38. DHTML jQuery Backbone.jsAngularJS Ember.js D3.jsQUnit React jQuery plugins Twitter Bootstrap Zurb Foundation jQueryUI Ferramentas
- 39. Seções da App podemusar tecnologias Web
- 40. Muitas aplicações desktop jáutilizam tecnologias Web
- 41.
- 42. Mundo mobile temdado mais atenção para as webviews Android 5.0 auto-updates WebView http://developer.telerik.com/featured/android-5-0s-auto-updating- webview-means-mobile-apps
- 43. We realized thatwe had no control over how the webview manages important system resources - Building a better Instagram app for Android http://instagram-engineering.tumblr.com/post/97740520316/ betterandroid
- 44. Experimentar com tecnologias Webé mais barato e nem toda seção da sua App é o Instagram, Facebook ou Twitter
- 45. 1. Native shell+ webviews 2. + native navigation ⭐⭐⭐⭐ - 4/5 ⭐⭐⭐⭐⭐ - 4.5/5
- 46. We were ableto put out a fantastic version of Basecamp for Android by reusing 95% of the work - DHH https://signalvnoise.com/posts/3743-hybrid-sweet-spot-native- navigation-web-content
- 47. Construir Apps híbridas quemesclam Web e tecnologias nativas é uma boa alternativa
- 48.
- 49. É possível também desenvolverApps nativas com foco em reuso http://www.appcelerator.com Appcelerator Platform
- 50.
- 51. Tecnologias Web são alicercede novas ideias
- 52. React Native garantiu 87% de reuso de código na escrita de uma aplicação para iOS e Android https://www.youtube.com/watch?v=PAA9O4E1IM4
- 53. React Native enablesyou to build native using a consistent developer experience based on JavaScript. The focus is learn once, write anywhere. https://facebook.github.io/react-native
- 54. Com React Nativeé possível fazer live reload da aplicação enquanto se escreve código
- 55. Apenas parte dasua aplicação pode utilizar React https://www.youtube.com/watch?v=tFsYCRIDIu8&feature=youtu.be
- 56. Cada vez menosé preciso recorrer a soluções proprietárias
- 57. E as experiências Webmobile?
- 58. As APIs Web contemplamo universo mobile
- 59. APIs Controle portoque Captura de áudio Comandos de voz Geração de áudio Captura de imagem Geolocalização Controle de vibração Emitir notificações Condição da conexão Condição da bateria Web APIs
- 60. <meta name="theme-color" content="#db5945"> <link rel="icon" sizes="192x192" href="nice-highres.png"> https://developers.google.com/web/updates/2014/11/Support-for- theme-color-in-Chrome-39-for-Android
- 61.
- 63. A Web terásuporte a Push Notifications através dos Service Workers https://developers.google.com/web/updates/2015/03/push- notificatons-on-the-open-web
- 64. Os Service Workers tambémresolverão o desafio do suporte Offline na Web http://www.html5rocks.com/en/tutorials/service-worker/introduction
- 65. Existe bastante conteúdo relevante sobreWeb mobile
- 66.
- 67.
- 68.
- 69.
- 70. Como desenvolvedores, devemos entregara solução que melhor funciona
- 71. A Web podeservir melhor que você imagina
- 72. Obrigado e dediquem esforçospara aprender mais sobre Web - @jcemer