Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Novo cinto de utilidades                                    do desenvolvedor                                  JavaScript, ...
Texto
Idiomatic.js
http://www.flickr.com/photos/kalexanderson/6854119782/sizes/o/in/photostream/
99% do mercadoTudo dominado!
Nós amamos a Web
A Web é a plataforma!
http://www.detodosparatodos.org
Ferramentashttp://www.flickr.com/photos/kalexanderson/7288945120/sizes/o/in/photostream/
WebApps             https://developer.mozilla.org/en/Appshttp://www.flickr.com/photos/kalexanderson/5322828209/sizes/o/in/s...
App vs Site?• Podem rodar fora de um browser comum• Rodam online e offline• São lançados como se fossem nativos
HTML, CSS, JavaScript                Manifest             manifest.webapphttps://developer.mozilla.org/en/Apps/Manifest
{    "version": "1.0",    "name": "MozillaBall",    "description": "Exciting Open Web development action!",    "icons": { ...
Apps vs. Addons• Apps são aplicativos completos, como  aplicações offline, de produtividade, jogos,  etc.• Apps rodam em qu...
Onde publicar (e vender)?
https://marketplace.mozilla.org/pt-BR/
application/x-web-app-manifest+jsonnavigator.mozApps.install(  URLToManifestFile,  installData,  successCallback,  errorCa...
WebAPIshttp://www.flickr.com/photos/nukamari/7180617528/sizes/l/in/pool-1959235@N23/
APIs do HTML5• Geolocation (grita: “não é HTML5!!”)• WebWorkers• WebSockets• IndexedDB• Vídeo e Áudio
Novas APIs• Camera API• Mouse Lock API• Power Management API• Screen Orientation• Vibration API• WebSMS & WebTelephony    ...
Fullscreen API
Camera API<input tyle=”file” id=”take-picture” accept=”image/*” />
Web Telephony
WebSMShttps://hacks.mozilla.org/2012/03/webtelephony-api-and-websms-api-part-of-webapi/
navigator.vibrate(1000);
Mozilla ama a Web!
WebSMS???Vibration API???WebTelephony???
A Web é a plataforma
Nós amamos a web
WebAPPs     ouMobile Native
E se o sistemaoperacional de um dispotitivo móveltambém fosse uma     WebApp?
http://www.flickr.com/photos/kalexanderson/6926734053/sizes/o/in/set-72157628651430439/
http://www.mozilla.org/en-US/b2g/
https://wiki.mozilla.org/B2G
Primeiro país areceber o B2Ghttp://www.flickr.com/photos/kalexanderson/6923812121/sizes/o/in/set-72157628651430439/
Nós amamos a web
A Web é a plataforma
Que a força seja forte em vocês!                                                        @leobalterhttp://www.flickr.com/pho...
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web
Upcoming SlideShare
Loading in …5
×

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

1,693 views

Published on

Published in: Technology
  • Be the first to comment

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/

×