novo cinto de utilidades do desenvolvedor javascript, webapis e open web
DESCRIPTION
TRANSCRIPT
![Page 1: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/1.jpg)
http://www.flickr.com/photos/kalexanderson/7303410454/sizes/l/in/photostream/
Novo cinto de utilidades do desenvolvedor
JavaScript, WebAPIs e Open Web
![Page 2: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/2.jpg)
![Page 3: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/3.jpg)
Texto
![Page 4: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/4.jpg)
Idiomatic.js
![Page 5: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/5.jpg)
http://www.flickr.com/photos/kalexanderson/6854119782/sizes/o/in/photostream/
![Page 6: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/6.jpg)
99% do mercado
Tudo dominado!
![Page 7: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/7.jpg)
![Page 8: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/8.jpg)
Nós amamos a Web
![Page 9: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/9.jpg)
A Web é a plataforma!
![Page 11: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/11.jpg)
http://www.flickr.com/photos/kalexanderson/7288945120/sizes/o/in/photostream/
Ferramentas
![Page 12: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/12.jpg)
![Page 13: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/13.jpg)
http://www.flickr.com/photos/kalexanderson/5322828209/sizes/o/in/set-72157626416953560/
WebApps
https://developer.mozilla.org/en/Apps
![Page 14: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/14.jpg)
App vs Site?
• Podem rodar fora de um browser comum
• Rodam online e offline
• São lançados como se fossem nativos
![Page 15: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/15.jpg)
HTML, CSS, JavaScript
Manifestmanifest.webapp
https://developer.mozilla.org/en/Apps/Manifest
![Page 16: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/16.jpg)
{ "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"}
![Page 17: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/17.jpg)
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
![Page 18: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/18.jpg)
Onde publicar(e vender)?
![Page 19: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/19.jpg)
https://marketplace.mozilla.org/pt-BR/
![Page 20: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/20.jpg)
navigator.mozApps.install(URLToManifestFile,installData,successCallback,errorCallback
);
application/x-web-app-manifest+json
Sirva arquivos do github!
![Page 21: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/21.jpg)
http://www.flickr.com/photos/nukamari/7180617528/sizes/l/in/pool-1959235@N23/
WebAPIs
![Page 22: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/22.jpg)
APIs do HTML5
• Geolocation (grita: “não é HTML5!!”)
• WebWorkers
• WebSockets
• IndexedDB
• Vídeo e Áudio
![Page 23: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/23.jpg)
Novas APIs• Camera API
• Mouse Lock API
• Power Management API
• Screen Orientation
• Vibration API
• WebSMS & WebTelephony
https://wiki.mozilla.org/WebAPI
![Page 24: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/24.jpg)
Fullscreen API
![Page 25: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/25.jpg)
![Page 26: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/26.jpg)
![Page 27: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/27.jpg)
Camera API
<input tyle=”file” id=”take-picture” accept=”image/*” />
![Page 28: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/28.jpg)
![Page 29: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/29.jpg)
Web Telephony
![Page 30: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/30.jpg)
![Page 31: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/31.jpg)
WebSMS
https://hacks.mozilla.org/2012/03/webtelephony-api-and-websms-api-part-of-webapi/
![Page 32: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/32.jpg)
navigator.vibrate(1000);
![Page 33: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/33.jpg)
Mozilla ama a Web!
![Page 34: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/34.jpg)
WebSMS???
Vibration API???
WebTelephony???
![Page 35: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/35.jpg)
A Web é a plataforma
![Page 36: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/36.jpg)
Nós amamos a web
![Page 37: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/37.jpg)
WebAPPs ou
Mobile Native
![Page 38: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/38.jpg)
E se o sistema operacional de um dispotitivo móvel
também fosse uma WebApp?
![Page 39: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/39.jpg)
http://www.flickr.com/photos/kalexanderson/6926734053/sizes/o/in/set-72157628651430439/
![Page 40: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/40.jpg)
![Page 41: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/41.jpg)
http://www.mozilla.org/en-US/b2g/
![Page 43: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/43.jpg)
http://www.flickr.com/photos/kalexanderson/6923812121/sizes/o/in/set-72157628651430439/
Primeiro país a receber o B2G
![Page 44: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/44.jpg)
![Page 45: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/45.jpg)
Nós amamos a web
![Page 46: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/46.jpg)
A Web é a plataforma
![Page 47: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/47.jpg)
![Page 48: Novo Cinto de Utilidades do Desenvolvedor JavaScript, WebAPIs e Open Web](https://reader033.vdocuments.mx/reader033/viewer/2022051514/54bd62134a7959a9278b45cb/html5/thumbnails/48.jpg)
http://www.flickr.com/photos/kalexanderson/7032457071/sizes/o/in/set-72157627198892736/
Que a força seja forte em vocês!
@leobalter