Table des matières

Hello World - Firefox OS

Source : http://shafiul.github.io/slides/kickstart_fxos.html

Installation du simulateur

Ajouter l'extension Firefox OS simulator

Création d'une application

Créer un dossier hello qui contiendra tout les scripts de votre application.

Fichier index.html :

<!doctype html>
<html>
	<head>
	<title>My first APP</title>
	</head>
	<body>
	<h1>Hello, World!</h1>
	</body>
</html>

Fichier de l'icone:

Création d'un fichier manifest.webapp :

{
	"name": "Hello World",
	"description": "Yet another Hello, World app!",
	"launch_path": "/index.html",
	"icons": {
		"128": "/icon.png"
	},
	"developer": {
		"name":"Maison du Libre",
		"url": "http://mdl29.net"
	},
	"default_locale": "en"
}

Ajout d'un style

Fichier index.html :

<!doctype html>
<html>
	<head>
	<title>My first APP</title>
        <link rel="stylesheet" href="style.css">
	</head>
	<body>
	<h1>Hello, World!</h1>
	</body>
</html>

Fichier style.css:

h1 {
	color:green;
	background:red;
}