Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desenvolvedor mobile precisa aprender Web

Desenvolvedor mobile precisa aprender Web

Aprender tecnologias Web não é tão simples mas pode ser um grande diferencial no seu toolkit de ferramentas. Nesta palestra, vamos conhecer algumas das situações em que o desenvolvedor mobile pode utilizar HTML, CSS e JavaScript no seu dia-a-dia.

Jean Carlo Emer

October 05, 2015
Tweet

More Decks by Jean Carlo Emer

Other Decks in Technology

Transcript

  1. A Internet conecta computadores, a 
 Web conecta 
 pessoas

    http://www.computerhistory.org/revolution/networking/19/314
  2. Em 2016, 50% das Apps mobile serão híbridas (mescla de

    tecnologias nativa e Web) - Predição da Gartner
  3. Deepest engagement for the longest 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/
  4. no-one is going to 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/
  5. It should be accessible from any kind of hardware that

    can connect to the internet: stationary or mobile, small screen or large. - Sir Tim Berners-Lee P
  6. HTML Canvas Audio
 Video App 
 Cache Input
 types CSS

    2 Transforms Animation Gradient Flexbox Filter SVG HTML e CSS
  7. A Web é a plataforma mais completa para marcação de

    conteúdo e definição de layout
  8. 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+
  9. DHTML jQuery Backbone.js AngularJS Ember.js D3.js QUnit React jQuery
 plugins

    Twitter
 Bootstrap Zurb
 Foundation jQueryUI Ferramentas
  10. Mundo mobile tem dado 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
  11. We realized that we 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
  12. Experimentar com tecnologias Web é mais barato e nem toda

    seção da sua App é o Instagram, Facebook ou Twitter
  13. We were able to 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
  14. É possível também desenvolver Apps nativas com foco em reuso

    http://www.appcelerator.com Appcelerator Platform
  15. 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
  16. React Native enables you to build native using a consistent

    developer experience based on JavaScript. The focus is learn once, write anywhere. https://facebook.github.io/react-native
  17. APIs Controle 
 por toque 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
  18. 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
  19. Os Service Workers também resolverão o desafio do suporte Offline

    na Web http://www.html5rocks.com/en/tutorials/service-worker/introduction