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

http://www.flickr.com/photos/kalexanderson/7303410454/sizes/l/in/photostream/

Novo cinto de utilidades do desenvolvedor

JavaScript, WebAPIs e Open Web

Texto

Idiomatic.js

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

99% do mercado

Tudo dominado!

Nós amamos a Web

A Web é a plataforma!

http://www.detodosparatodos.org

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

Ferramentas

http://www.flickr.com/photos/kalexanderson/5322828209/sizes/o/in/set-72157626416953560/

WebApps

https://developer.mozilla.org/en/Apps

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

Manifestmanifest.webapp

https://developer.mozilla.org/en/Apps/Manifest

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

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

Onde publicar(e vender)?

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

navigator.mozApps.install(URLToManifestFile,installData,successCallback,errorCallback

);

application/x-web-app-manifest+json

Sirva arquivos do github!

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

WebAPIs

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

https://wiki.mozilla.org/WebAPI

Fullscreen API

Camera API

<input tyle=”file” id=”take-picture” accept=”image/*” />

Web Telephony

WebSMS

https://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 ou

Mobile Native

E se o sistema operacional de um dispotitivo móvel

també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

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

Primeiro país a receber o B2G

Nós amamos a web

A Web é a plataforma

http://www.flickr.com/photos/kalexanderson/7032457071/sizes/o/in/set-72157627198892736/

Que a força seja forte em vocês!

@leobalter