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

1. Build HTML 5 Apps for
Mobile
João Ferreira

2. `
Firefox OS
Firefox OS Apps
Firefox OS Marketplace

3. What is Firefox OS?
Mobile OS
Open source
Linux based
Power by Gecko

4. Firefox OS Features
Social
Photos
Music
Maps
Messages
Adaptive App Search
HTML 5 Marketplace

5. `
Firefox OS
Firefox OS Apps
Firefox OS Marketplace

6. `
OPPORTUNITY

7. How can I build Firefox OS
Apps?
HTML 5
CSS
JavaScript

8. What do I need to start?
Firefox Browser
Firefox OS Simulator

9. Hello World Firefox OS!

10. HTML

11. CSS

12. JavaScript

13. Manifest

14. `
Let’s see how it looks

15. App types
Hosted App
Packaged App
Hybrid App

16. Hosted Apps
For already existent web apps
• Doesn’t work offline
• Requires internet access
• Fastest way to publish an app

17. Packaged Apps
For specific Firefox OS apps
• Doesn’t need to be hosted
• Faster
• Allows access to the hardware
• Requires longer approval process

18. Hybrid Apps
• It’s not possible access to all the hardware
• Combine the best features from hosted and
packaged

19. Starting point...
Firefox OS Boilerplate App

20. `
Firefox OS
Firefox OS Apps
Firefox OS Marketplace

21. What do I need to submit my
app?
Firefox Market place free account
App packaged in a ZIP file

22. `
Let’s submit a new App

23. What else do I need?
Screenshots
App description
Icons

24. `
Let’s download the App

25. 
THANK YOU

26. TWITTER @JOAO12FERREIRA
EMAIL JOAOFERREIRA@BIND.PT