1. Novo cinto de utilidades
do desenvolvedor
JavaScript, WebAPIs e
Open Web
http://www.flickr.com/photos/kalexanderson/7303410454/sizes/l/in/photostream/

3. Texto

4. Idiomatic.js

5. http://www.flickr.com/photos/kalexanderson/6854119782/sizes/o/in/photostream/

6. 99% do mercado
Tudo dominado!

8. Nós amamos a Web

9. A Web é a plataforma!

10. http://www.detodosparatodos.org

11. Ferramentas
http://www.flickr.com/photos/kalexanderson/7288945120/sizes/o/in/photostream/

13. WebApps
https://developer.mozilla.org/en/Apps
http://www.flickr.com/photos/kalexanderson/5322828209/sizes/o/in/set-72157626416953560/

14. App vs Site?
• Podem rodar fora de um browser comum
• Rodam online e offline
• São lançados como se fossem nativos

15. HTML, CSS, JavaScript
Manifest
manifest.webapp
https://developer.mozilla.org/en/Apps/Manifest

16. {
"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"
}

17. 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

18. Onde publicar
(e vender)?

19. https://marketplace.mozilla.org/pt-BR/

20. application/x-web-app-manifest+json
navigator.mozApps.install(
URLToManifestFile,
installData,
successCallback,
errorCallback
);
Sirva arquivos do github!

21. WebAPIs
http://www.flickr.com/photos/nukamari/7180617528/sizes/l/in/pool-1959235@N23/

22. APIs do HTML5
• Geolocation (grita: “não é HTML5!!”)
• WebWorkers
• WebSockets
• IndexedDB
• Vídeo e Áudio

23. Novas APIs
• Camera API
• Mouse Lock API
• Power Management API
• Screen Orientation
• Vibration API
• WebSMS & WebTelephony
https://wiki.mozilla.org/WebAPI

24. Fullscreen API

27. Camera API
<input tyle=”file” id=”take-picture” accept=”image/*” />

29. Web Telephony

31. WebSMS
https://hacks.mozilla.org/2012/03/webtelephony-api-and-websms-api-part-of-webapi/

32. navigator.vibrate(1000);

33. Mozilla ama a Web!

34. WebSMS???
Vibration API???
WebTelephony???

35. A Web é a plataforma

36. Nós amamos a web

37. WebAPPs
ou
Mobile Native

38. E se o sistema
operacional de um
dispotitivo móvel
também fosse uma
WebApp?

39. http://www.flickr.com/photos/kalexanderson/6926734053/sizes/o/in/set-72157628651430439/

41. http://www.mozilla.org/en-US/b2g/

42. https://wiki.mozilla.org/B2G

43. Primeiro país a
receber o B2G
http://www.flickr.com/photos/kalexanderson/6923812121/sizes/o/in/set-72157628651430439/

45. Nós amamos a web

46. A Web é a plataforma

48. Que a força seja forte em vocês!
@leobalter
http://www.flickr.com/photos/kalexanderson/7032457071/sizes/o/in/set-72157627198892736/