This document discusses building web applications for Firefox OS. Firefox OS uses open web standards and treats webpages as applications. Developers can build Firefox OS apps using their favorite text editor or a web IDE. The document walks through building a simple "Hello World" app with HTML, then explains that a manifest file is needed to package it as an app. It recommends tools for testing the app without a device, like using a Firefox browser or simulator.

1. FxOS App Development
With Siddhartha Rao
(Mozilla FSA)

3. Firefox OS in simple language is nothing
but a Firefox Browser which works as the
OS for smartphones.
Everything you see or feel in it is pure web
technology!

4. GONK
GECKO
GAIA
FxOS
Components?
K e r n e l + HAL
Backend (engine)
The UI

5. Web Developers in the house?
Raise your hands!

6. So,
What technology is required
To build FxOS apps?

7. Open web standards

8. The concept of Web App
Web  Open Web standards
App  Application
Web App  Webpage or collection of webpages
made using open web technologies, that works
as an application.

9. So, your application is
actually a webpage?
Yes it is!
Webpage with access to your phone's
Hardware on demand.

10. What else
do we need?

11. Your Favorite Text
Editor
OR
A WebIDE

12. Let's build our First
Firefox OS
WEB
APP

13. Hello world?
You There??

14. Defines HTML5 Document 
Starting tag 
Header & Unicode section 
Document Title 
Head ends 
Body section 
Body tag ends 
End of document 
<p> Hello World ! </p>

16. Just one more step to
turn this into an app!

17. WebApp Manifest File
 Named as manifest.webapp
 Format: JSON File
 JSON  JavaScript Object Notation
 Contains records in the form of key:value pair
 Should be kept in the application root directory.
 Contains Additional Information Required for the
app

18. App Name 
Description info 
Path to start the 
app from
Icons 
Developer info 
Default lang
Example manifest

19. Required
Other WebApp Properties Overview
For Details  https://developer.mozilla.org/en-US/Apps/Build/Manifest

20. …Aaand we’re done!

21. How to run/test the app? I don't have
device!

22. Firefox Browser
(Ctrl + Shift + M)
OR
Firefox OS Simulator

23. Any questions?
If you don't ask, I'll start asking :p

24. Thank you!!