Fx os apps

399 views

Published on

Slides prepared for FxOS App training Day at CUET, Chittagong, Bangladesh.

Published in: Technology, Art & Photos
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
399
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Fx os apps

  1. 1. How to startHow to start Developing Apps !?!Developing Apps !?! Robin MehdeeRobin Mehdee mythrobins@gmail.com
  2. 2. GONKGONK GECKOGECKO GAIAGAIA K e r n e l + HAL Backend (engine) The UI FxOSFxOS Components?Components?
  3. 3. So,So, What are the technologiesWhat are the technologies for building FxOSfor building FxOS Apps ?Apps ?
  4. 4. Native AppsNative Apps Web AppsWeb Apps HTML5HTML5 CSS3CSS3 JavaScriptJavaScript
  5. 5. What elseWhat else do we need?do we need?
  6. 6. Your Favorite Text Editor
  7. 7. Let's build our First Firefox OS WEB APP
  8. 8. The StructureThe Structure -myapp/ -index.html -manifest.webapp -images/ -icon.png
  9. 9. Index.htmlIndex.html <!DOCTYPE html> <html> <head> <title>myapp</title> </head> <body> <h1>Hello World</h1> </body> </html>
  10. 10. Manifest.webappManifest.webapp { "name": "Hello World", "description": "my first webapp", "launch_path": "/index.html", "icons": { "128": "/images/icon.png" } } minimal version of firefoxOS app manifest
  11. 11. Put a PNG image inside images/ directoryPut a PNG image inside images/ directory And try it using Firefox OS simulatorAnd try it using Firefox OS simulator
  12. 12. In Firefox OS, everything is a web app.In Firefox OS, everything is a web app. Just HTML5, CSS and JavaScript.Just HTML5, CSS and JavaScript. The Web is the PlatformThe Web is the Platform ThanksThanks

×