Post on 20-Jan-2015
description
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.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/
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