Firefox OS Application Development

download Firefox OS Application Development

If you can't read please download the document

Transcript of Firefox OS Application Development

Firefox OS DevelopmentWith Anam Ahmed

Mozillian, Mozilla Bangladesh

Firefox OS is actually firefox BrowserThat works as the operating system for smartphones. What you feel & what you see in it, is pure web technology.

Web Developer? Raise your hands

How many code can you language?

Open web standards

The concept of Open Web App

Open Web == Open Web standards

App == Application

So, Open 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'sHardware on demand.

Hello world?

Hello? Hello?

Defines HTML5 DcumentStarting tagStarting of head sectionUnicode DocumentDocument TitleHead endsBody section

Body tag endsEnd of document

Hello World !

One more step to turn this into an app!

The manifest file!

A file named manifest.webapp

Should be kept in the application root directory.

A simple JSON File.

JSON== JavaScript Object Notation

Contains Aditional Informatoion Required for the app

Application Info

Developer Info

Locale Info

Permission

That's All !!

How to run/test? I don't have device!

Firefox OS Simulator !

Start it from the Web developer menu

Simulator Dashboard

Start/stop button

Shows installed apps

Add New applications from here

And this is how it looks

Any question?If you don't ask, I'll start asking :)

Thank you