build html 5 apps for mobile

Build HTML 5 Apps for Mobile

João Ferreira

`

Firefox OSFirefox OS AppsFirefox OS Marketplace

What is Firefox OS?

Mobile OSOpen sourceLinux basedPower by Gecko

Firefox OS FeaturesSocial Photos Music Maps Messages Adaptive App SearchHTML 5 Marketplace

`

Firefox OSFirefox OS AppsFirefox OS Marketplace

`OPPORTUNITY

How can I build Firefox OS Apps?HTML 5CSSJavaScript

What do I need to start?

Firefox BrowserFirefox OS Simulator

Hello World Firefox OS!

HTML

CSS

JavaScript

Manifest

`Let’s see how it looks

App types

Hosted AppPackaged AppHybrid App

Hosted AppsFor already existent web apps

• Doesn’t work offline • Requires internet access• Fastest way to publish an

app

Packaged AppsFor specific Firefox OS apps

• Doesn’t need to be hosted • Faster• Allows access to the hardware• Requires longer approval process

Hybrid Apps

• It’s not possible access to all the hardware• Combine the best features from hosted

and packaged

Starting point...

Firefox OS Boilerplate App

`

Firefox OSFirefox OS AppsFirefox OS Marketplace

What do I need to submit my app?Firefox Market place free accountApp packaged in a ZIP file

`Let’s submit a new App

What else do I need?

ScreenshotsApp descriptionIcons

`Let’s download the App

THANK YOU

TWITTER @JOAO12FERREIRA

EMAIL JOAOFERREIRA@BIND.PT