FxOS App DevelopmentWith Siddhartha Rao

(Mozilla FSA)

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!

GONK

GECKO

GAIA

FxOS

Components?

K e r n e l + HAL

Backend (engine)

The UI

Web Developers in the house?

Raise your hands!

So,

What technology is required

To build FxOS apps?

Open web standards

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.

So, your application is

actually a webpage?

Yes it is!

Webpage with access to your phone's

Hardware on demand.

What else

do we need?

Your Favorite Text

Editor

OR

A WebIDE

Let's build our First

Firefox OS

WEB

APP

Hello world?You There??

Defines HTML5 Document

Starting tag

Header & Unicode section

Document Title

Head ends

Body section

Body tag ends

End of document

<p> Hello World ! </p>

Just one more step to

turn this into an app!

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

App Name

Description info

Path to start the

app from

Icons

Developer info

Default lang

Example manifest

Required

Other WebApp Properties OverviewFor Details https://developer.mozilla.org/en-US/Apps/Build/Manifest

…Aaand we’re done!

How to run/test the app? I don't have

device!

Firefox Browser

(Ctrl + Shift + M)

OR

Firefox OS Simulator

Any questions?

If you don't ask, I'll start asking :p

Thank you!!