build html 5 apps for mobile
DESCRIPTION
How to build apps for Firefox OS with HTML5, CSS3 and JavaScriptTRANSCRIPT
![Page 1: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/1.jpg)
Build HTML 5 Apps for Mobile
João Ferreira
![Page 2: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/2.jpg)
`
Firefox OSFirefox OS AppsFirefox OS Marketplace
![Page 3: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/3.jpg)
What is Firefox OS?
Mobile OSOpen sourceLinux basedPower by Gecko
![Page 4: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/4.jpg)
Firefox OS FeaturesSocial Photos Music Maps Messages Adaptive App SearchHTML 5 Marketplace
![Page 5: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/5.jpg)
`
Firefox OSFirefox OS AppsFirefox OS Marketplace
![Page 6: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/6.jpg)
`OPPORTUNITY
![Page 7: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/7.jpg)
How can I build Firefox OS Apps?HTML 5CSSJavaScript
![Page 8: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/8.jpg)
What do I need to start?
Firefox BrowserFirefox OS Simulator
![Page 9: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/9.jpg)
Hello World Firefox OS!
![Page 10: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/10.jpg)
HTML
![Page 11: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/11.jpg)
CSS
![Page 12: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/12.jpg)
JavaScript
![Page 13: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/13.jpg)
Manifest
![Page 14: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/14.jpg)
`Let’s see how it looks
![Page 15: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/15.jpg)
App types
Hosted AppPackaged AppHybrid App
![Page 16: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/16.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/17.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/18.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/19.jpg)
Starting point...
Firefox OS Boilerplate App
![Page 20: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/20.jpg)
`
Firefox OSFirefox OS AppsFirefox OS Marketplace
![Page 21: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/21.jpg)
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](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/22.jpg)
`Let’s submit a new App
![Page 23: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/23.jpg)
What else do I need?
ScreenshotsApp descriptionIcons
![Page 24: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/24.jpg)
`Let’s download the App
![Page 25: Build html 5 apps for mobile](https://reader038.vdocuments.site/reader038/viewer/2022103000/554be2b9b4c9056b348b4728/html5/thumbnails/25.jpg)
THANK YOU