Firefox OSDeveloping Open Web ApplicationsAnam AhmedFirefox Student AmbassadorNorth South University
What is Firefox OS?+
Typical Firefox Homepage
Firefox OS/b2gPhoto : Geeksphone Keon
All you need to know...● HTML5● CSS3● JavaScriptAnd thats all :)
The mainfest file● A JSON File.● which Application Descriptor● Stores details such as, application name,author, icon, lang...
Have you heard of JSON?● Stands for JavaScript Object Notation.● A way to define JavaScript objects.{"employees": [{ "firs...
manifest.webappMDN, App Mainfest :1
Device Access● Camera :var cameras = window.navigator.mozCameras;● GPS (HTML5 Geolocation!!)navigarot.geolocation.getCurre...
And Some more...● Vibrationwindow.navigator.vibrate(200);● Battery Statusalert(navigator.mozBattery.level);● SMSwindow.nav...
More about web applications● Are of two types, web app, package app.● Web apps are like mobile website, you navigateto it ...
How to begin?Picture : Firefox OS Simulator
Get some skillshttp://www.codecademy.com/
MDN, Your best friendhttps://developer.mozilla.org/
Connect with Mozillianshttp://mozillabd.org/groups/MozillaBD/
Our mailing listhttp://goo.gl/AuG5I
Any questions will be appreciated :)
Upcoming SlideShare
Loading in...5
×

Mozilla

272

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
272
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mozilla

  1. 1. Firefox OSDeveloping Open Web ApplicationsAnam AhmedFirefox Student AmbassadorNorth South University
  2. 2. What is Firefox OS?+
  3. 3. Typical Firefox Homepage
  4. 4. Firefox OS/b2gPhoto : Geeksphone Keon
  5. 5. All you need to know...● HTML5● CSS3● JavaScriptAnd thats all :)
  6. 6. The mainfest file● A JSON File.● which Application Descriptor● Stores details such as, application name,author, icon, language, Permisson and so on.
  7. 7. Have you heard of JSON?● Stands for JavaScript Object Notation.● A way to define JavaScript objects.{"employees": [{ "firstName":"John" , "lastName":"Doe" },{ "firstName":"Anna" , "lastName":"Smith" },{ "firstName":"Peter" , "lastName":"Jones" }]}W3schools, JSON:1
  8. 8. manifest.webappMDN, App Mainfest :1
  9. 9. Device Access● Camera :var cameras = window.navigator.mozCameras;● GPS (HTML5 Geolocation!!)navigarot.geolocation.getCurrentPosition(success,fail);● Phonecallvar call = window.navigator.mozTelephony.dial(number);
  10. 10. And Some more...● Vibrationwindow.navigator.vibrate(200);● Battery Statusalert(navigator.mozBattery.level);● SMSwindow.navigator.mozSms.send(“+8801xxxxxxx”,”hello world”);
  11. 11. More about web applications● Are of two types, web app, package app.● Web apps are like mobile website, you navigateto it and, chose to install it. While package appsare web apps, packaged in a zip file.● The mainfest file should be in the root of thatzip file.● To get access to device specific API, theapplication needs to be signed.
  12. 12. How to begin?Picture : Firefox OS Simulator
  13. 13. Get some skillshttp://www.codecademy.com/
  14. 14. MDN, Your best friendhttps://developer.mozilla.org/
  15. 15. Connect with Mozillianshttp://mozillabd.org/groups/MozillaBD/
  16. 16. Our mailing listhttp://goo.gl/AuG5I
  17. 17. Any questions will be appreciated :)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×