Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web

1,468 views
1,366 views

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,468
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
14
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web

  1. 1. Novo cinto de utilidades do desenvolvedor JavaScript, WebAPIs e Open Webhttp://www.flickr.com/photos/kalexanderson/7303410454/sizes/l/in/photostream/
  2. 2. Texto
  3. 3. Idiomatic.js
  4. 4. http://www.flickr.com/photos/kalexanderson/6854119782/sizes/o/in/photostream/
  5. 5. 99% do mercadoTudo dominado!
  6. 6. Nós amamos a Web
  7. 7. A Web é a plataforma!
  8. 8. http://www.detodosparatodos.org
  9. 9. Ferramentashttp://www.flickr.com/photos/kalexanderson/7288945120/sizes/o/in/photostream/
  10. 10. WebApps https://developer.mozilla.org/en/Appshttp://www.flickr.com/photos/kalexanderson/5322828209/sizes/o/in/set-72157626416953560/
  11. 11. App vs Site?• Podem rodar fora de um browser comum• Rodam online e offline• São lançados como se fossem nativos
  12. 12. HTML, CSS, JavaScript Manifest manifest.webapphttps://developer.mozilla.org/en/Apps/Manifest
  13. 13. { "version": "1.0", "name": "MozillaBall", "description": "Exciting Open Web development action!", "icons": { "16": "/img/icon-16.png", "48": "/img/icon-48.png", "128": "/img/icon-128.png" }, "developer": { "name": "Mozilla Labs", "url": "http://mozillalabs.com" }, "installs_allowed_from": ["*"], "locales": { "es": { "description": "¡Acción abierta emocionante del desarrollo del Web!", "developer": { "url": "http://es.mozillalabs.com/" } } }, "default_locale": "en"}
  14. 14. Apps vs. Addons• Apps são aplicativos completos, como aplicações offline, de produtividade, jogos, etc.• Apps rodam em qualquer browser moderno.• Addons são específicos para funcionalidades do browser
  15. 15. Onde publicar (e vender)?
  16. 16. https://marketplace.mozilla.org/pt-BR/
  17. 17. application/x-web-app-manifest+jsonnavigator.mozApps.install( URLToManifestFile, installData, successCallback, errorCallback); Sirva arquivos do github!
  18. 18. WebAPIshttp://www.flickr.com/photos/nukamari/7180617528/sizes/l/in/pool-1959235@N23/
  19. 19. APIs do HTML5• Geolocation (grita: “não é HTML5!!”)• WebWorkers• WebSockets• IndexedDB• Vídeo e Áudio
  20. 20. Novas APIs• Camera API• Mouse Lock API• Power Management API• Screen Orientation• Vibration API• WebSMS & WebTelephony https://wiki.mozilla.org/WebAPI
  21. 21. Fullscreen API
  22. 22. Camera API<input tyle=”file” id=”take-picture” accept=”image/*” />
  23. 23. Web Telephony
  24. 24. WebSMShttps://hacks.mozilla.org/2012/03/webtelephony-api-and-websms-api-part-of-webapi/
  25. 25. navigator.vibrate(1000);
  26. 26. Mozilla ama a Web!
  27. 27. WebSMS???Vibration API???WebTelephony???
  28. 28. A Web é a plataforma
  29. 29. Nós amamos a web
  30. 30. WebAPPs ouMobile Native
  31. 31. E se o sistemaoperacional de um dispotitivo móveltambém fosse uma WebApp?
  32. 32. http://www.flickr.com/photos/kalexanderson/6926734053/sizes/o/in/set-72157628651430439/
  33. 33. http://www.mozilla.org/en-US/b2g/
  34. 34. https://wiki.mozilla.org/B2G
  35. 35. Primeiro país areceber o B2Ghttp://www.flickr.com/photos/kalexanderson/6923812121/sizes/o/in/set-72157628651430439/
  36. 36. Nós amamos a web
  37. 37. A Web é a plataforma
  38. 38. Que a força seja forte em vocês! @leobalterhttp://www.flickr.com/photos/kalexanderson/7032457071/sizes/o/in/set-72157627198892736/

×