Novo cinto de utilidades
                                    do desenvolvedor
                                  JavaScript, WebAPIs e
                                       Open Web




http://www.flickr.com/photos/kalexanderson/7303410454/sizes/l/in/photostream/
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
Ferramentas




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




             https://developer.mozilla.org/en/Apps
http://www.flickr.com/photos/kalexanderson/5322828209/sizes/o/in/set-72157626416953560/
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

                Manifest
             manifest.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/
application/x-web-app-manifest+json



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


       Sirva arquivos do github!
WebAPIs
http://www.flickr.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
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
Primeiro país a
receber o B2G


http://www.flickr.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!




                                                        @leobalter



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

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