Firefox OS for developers - Mobile World Congress - 2014-02-26
Upcoming SlideShare
Loading in...5
×
 

Firefox OS for developers - Mobile World Congress - 2014-02-26

on

  • 631 views

A presentation Christian Heilmann, Dave Camp, and me did at Mobile World Congress 2014. The goal was to tell developers about the Firefox OS story, how they can publish applications, and how we can ...

A presentation Christian Heilmann, Dave Camp, and me did at Mobile World Congress 2014. The goal was to tell developers about the Firefox OS story, how they can publish applications, and how we can support them.

Statistics

Views

Total Views
631
Views on SlideShare
627
Embed Views
4

Actions

Likes
0
Downloads
12
Comments
0

1 Embed 4

http://localhost 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Firefox OS for developers - Mobile World Congress - 2014-02-26 Firefox OS for developers - Mobile World Congress - 2014-02-26 Presentation Transcript

    • UNLEASH THE FUTURE
    • Firefox OS for developers
    • Making HTML5 work
    • Firefox OS is HTML5 (and not just a bad host for an HTML5 event)
    • Firefox OS keeps HTML5 promises (Works offline, store-independent distribution, simple update mechanisms)
    • Firefox OS empowers HTML5 (Web APIs, Web Activities, shared research findings into low-end device performance)
    • Firefox OS is 100% open (Open Source, all tech are standard proposals)
    • Firefox OS is a shared effort (All partners of Mozilla have engineers on the project)
    • The step from site to app is simple (define a manifest)
    • { "name": "MozMonument", "description": "A simple search application to find your name on the Monument outside the Mozilla San Francisco office", "launch_path": "/mobilefinder.html", "icons": { "128": "/128.png", "90": "/90.png", "60": "/60.png" }, "developer": { "name": "Christian Heilmann", "url": "http://christianheilmann.com" }, "locales": { "en": { "name": "MozMonument" } }, "default_locale": "en", "fullscreen": "true" }
    • Application levels / security model Web Content Privileged Web App Regular web content More access, more responsibility Installed Web App Certified Web App A regular web app Device-critical applications
    • You already use the developer tool (the browser is input and output)
    • Firefox Developer Tools
    • Build with Firefox
    • Tools for the Web
    • Instant Feedback
    • Full device and tools integration
    • Helping developers hands-on
    • Technical Evangelists team We are here to help you
    • StackOverflow We are actively answering questions
    • PhoneGap Porting PhoneGap apps to Firefox OS
    • Cordova implementation APIs • Camera • Contacts • Device • Device-motion • Geolocation • Orientation • Vibration
    • Get ready! $ sudo npm install -g cordova $ cordova create hello com.example.hello HelloWorld $ cd hello $ cordova platform add firefoxos $ cordova prepare firefoxos
    • Camera API $ cordova plugin add org.apache.cordova.camera ! //Cordova code navigator.camera.getPicture(function (src) { var img = document.createElement('img'); img.id = 'slide'; img.src = src; }, function () {}, { destinationType: 1 });
    • Mozilla Brick http://mozilla.github.io/brick/
    • Brick <x-flipbox> <div>I'm the front face.</div> <div>And I'm the back face.</div> </x-flipbox> ! //JavaScript toggleButton.addEventListener("click", function() { flipBox.toggle(); }); http://mozilla.github.io/brick/
    • Apps Partner Engineering team Helping brands port to Firefox OS
    • Phones for Apps Getting phones into the porters’ hands
    • Building an app? Please let me know!
    • Resources!
    • https://developer.mozilla.org/en/docs/Mozilla/Firefox_OS
    • https://hacks.mozilla.org/category/firefox-os/
    • https://marketplace.firefox.com/developers/
    • Thanks!