build html 5 apps for mobile

26
Build HTML 5 Apps for Mobile João Ferreira

Upload: joao-ferreira

Post on 08-May-2015

264 views

Category:

Technology


0 download

DESCRIPTION

How to build apps for Firefox OS with HTML5, CSS3 and JavaScript

TRANSCRIPT

Page 1: Build html 5 apps for mobile

Build HTML 5 Apps for Mobile

João Ferreira

Page 2: Build html 5 apps for mobile

`

Firefox OSFirefox OS AppsFirefox OS Marketplace

Page 3: Build html 5 apps for mobile

What is Firefox OS?

Mobile OSOpen sourceLinux basedPower by Gecko

Page 4: Build html 5 apps for mobile

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

Page 5: Build html 5 apps for mobile

`

Firefox OSFirefox OS AppsFirefox OS Marketplace

Page 6: Build html 5 apps for mobile

`OPPORTUNITY

Page 7: Build html 5 apps for mobile

How can I build Firefox OS Apps?HTML 5CSSJavaScript

Page 8: Build html 5 apps for mobile

What do I need to start?

Firefox BrowserFirefox OS Simulator

Page 9: Build html 5 apps for mobile

Hello World Firefox OS!

Page 10: Build html 5 apps for mobile

HTML

Page 11: Build html 5 apps for mobile

CSS

Page 12: Build html 5 apps for mobile

JavaScript

Page 13: Build html 5 apps for mobile

Manifest

Page 14: Build html 5 apps for mobile

`Let’s see how it looks

Page 15: Build html 5 apps for mobile

App types

Hosted AppPackaged AppHybrid App

Page 16: Build html 5 apps for mobile

Hosted AppsFor already existent web apps

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

app

Page 17: Build html 5 apps for mobile

Packaged AppsFor specific Firefox OS apps

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

Page 18: Build html 5 apps for mobile

Hybrid Apps

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

and packaged

Page 19: Build html 5 apps for mobile

Starting point...

Firefox OS Boilerplate App

Page 20: Build html 5 apps for mobile

`

Firefox OSFirefox OS AppsFirefox OS Marketplace

Page 21: Build html 5 apps for mobile

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

Page 22: Build html 5 apps for mobile

`Let’s submit a new App

Page 23: Build html 5 apps for mobile

What else do I need?

ScreenshotsApp descriptionIcons

Page 24: Build html 5 apps for mobile

`Let’s download the App

Page 25: Build html 5 apps for mobile

THANK YOU

Page 26: Build html 5 apps for mobile

TWITTER @JOAO12FERREIRA

EMAIL [email protected]