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

Novo cinto de utilidades do desenvolvedor JavaScript, WebAPIs e Open Webhttp://www.ﬂickr.com/photos/kalexanderson/7303410454/sizes/l/in/photostream/

Idiomatic.js

http://www.ﬂickr.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.ﬂickr.com/photos/kalexanderson/7288945120/sizes/o/in/photostream/

WebApps https://developer.mozilla.org/en/Appshttp://www.ﬂickr.com/photos/kalexanderson/5322828209/sizes/o/in/set-72157626416953560/

App vs Site?• Podem rodar fora de um browser comum• Rodam online e ofﬂine• 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": { "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 ofﬂine, de produtividade, jogos, etc.• Apps rodam em qualquer browser moderno.• Addons são especíﬁcos para funcionalidades do browser

Onde publicar (e vender)?

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

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

WebAPIshttp://www.ﬂickr.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 https://wiki.mozilla.org/WebAPI

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.ﬂickr.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.ﬂickr.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.ﬂickr.com/photos/kalexanderson/7032457071/sizes/o/in/set-72157627198892736/

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

by Leonardo Balter on Jun 02, 2012

Accessibility

Categories

Upload Details

Usage Rights

Statistics

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