Fx os apps

How to startHow to start
Developing Apps !?!Developing Apps !?!
Robin MehdeeRobin Mehdee
mythrobins@gmail.com

GONKGONK
GECKOGECKO
GAIAGAIA
K e r n e l + HAL
Backend (engine)
The UI
FxOSFxOS
Components?Components?

So,So,
What are the technologiesWhat are the technologies
for building FxOSfor building FxOS
Apps ?Apps ?

Native AppsNative Apps Web AppsWeb Apps
HTML5HTML5
CSS3CSS3
JavaScriptJavaScript

What elseWhat else
do we need?do we need?

Let's build our First
Firefox OS
WEB
APP

The StructureThe Structure
-myapp/
-index.html
-manifest.webapp
-images/
-icon.png

Index.htmlIndex.html
<!DOCTYPE html>
<html>
<head>
<title>myapp</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

Manifest.webappManifest.webapp
{
"name": "Hello World",
"description": "my first webapp",
"launch_path": "/index.html",
"icons": {
"128": "/images/icon.png"
}
}
minimal version
of firefoxOS
app manifest

Put a PNG image inside images/ directoryPut a PNG image inside images/ directory
And try it using Firefox OS simulatorAnd try it using Firefox OS simulator

In Firefox OS, everything is a web app.In Firefox OS, everything is a web app.
Just HTML5, CSS and JavaScript.Just HTML5, CSS and JavaScript.
The Web is the PlatformThe Web is the Platform
ThanksThanks

Fx os apps

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Fx os apps

Similar to Fx os apps (20)

Recently uploaded

Recently uploaded (20)

Fx os apps