1. Wednesday, 12 September 12 1

2. OHAI
Wednesday, 12 September 12 2

3. @TOFUMATT AND @ZALUN
Wednesday, 12 September 12 3

4. MAKE SOMETHING REAL
FOR FIREFOX OS WITH
MOZILLA APP TEMPLATES
Wednesday, 12 September 12 4

5. FIRST,
we’ll need a phone
Wednesday, 12 September 12 5

6. EMULATING FIREFOX OS
• Download and install B2G emulator (95MB)
• Checkout gaia project (200MB)
• Create profile (50MB)
• Run $> b2g -profile /Users/{user}/gaia/profile
Wednesday, 12 September 12 6

7. B2G + GAIA
Wednesday, 12 September 12 7

8. STANDARD WEBDEV TOOLS
MAKE USE OF THEM
Wednesday, 12 September 12 8

9. INSPECTOR
Wednesday, 12 September 12 9

10. 3D VIEW
Wednesday, 12 September 12 10

11. RESPONSIVE VIEW
Wednesday, 12 September 12 11

12. WEB CONSOLE
Wednesday, 12 September 12 12

13. JSFIDDLE DRAFT FEATURE
Wednesday, 12 September 12 13

14. X-TAGS:
BUILDING
BLOCKS
Wednesday, 12 September 12 14

15. X-TAGS
• flipbox
• accordion • select-list
• grid-list
• actionbar • shiftbox
• index-scroller
• alert-popup • slidebox
• list-view
• autosuggest • slider
• map
• date-time-picker • tabbox
• mediaquery
• dialog-prompt • time-picker-analog
• modal
• dialog-toast • toggle-switch
• overlay
• dragbox • toggler
• pager
• dropdown-menu • search-list
• panel
Wednesday, 12 September 12 15

16. MANY OTHER TOOLS...
Wednesday, 12 September 12 16

17. PRE-APP SUBMISSION
• Write your app
• Create Manifest
check it on http://appmanifest.org
• Host the app somewhere
for github $> volo ghdeploy
Wednesday, 12 September 12 17

18. http://marketplace.mozilla.org/developers
Wednesday, 12 September 12 18

19. IN STORE!
Wednesday, 12 September 12 19

20. OK, SO HOW DO I BUILD IT?!
Wednesday, 12 September 12 20

21. WE’VE THOUGHT OF THAT
Wednesday, 12 September 12 21

22. Wednesday, 12 September 12 22

23. MANY MOVING PARTS
Wednesday, 12 September 12 23

24. • Payment API
• Appcache and web app manifests
• iOS Compatibility
• Asset management
• Modular JavaScript
• Responsive design
• App-specific libraries
• Server to host an app
• Kitchen sink?
• Gaming template
Wednesday, 12 September 12 24

25. Wednesday, 12 September 12 25

26. APP TEMPLATES
Wednesday, 12 September 12 26

27. • Standard App Stub
• 2D Game Template
• Server Template
Wednesday, 12 September 12 27

28. APP STUB
• Appcache (App
works offline)
• iOS, FirefoxOS, etc.
• Responsive Design
• Works with volo
Wednesday, 12 September 12 28

29. WEBGAMESTUB
• Animation Loop
• Canvas + JS
• Desktop + Mobile
• Keyboard, Mouse, and
Gamepad
Wednesday, 12 September 12 29

30. SUTTHISAN สุทธิสาร
• node.js + express
• Common use cases
• Deploy on Heroku
• Includes App Stub
Wednesday, 12 September 12 30

31. VOLO
Web app package and deploy management
Wednesday, 12 September 12 31

32. VOLO
It does all this awesome stuff OMG!!!1♥♥♥
Wednesday, 12 September 12 32

33. ONE-STEP DEPLOY
Wednesday, 12 September 12 33

34. COMPRESS ASSETS
Wednesday, 12 September 12 34

35. CREATE MANIFESTS
Wednesday, 12 September 12 35

36. SHOW ME THE MONEY
Wednesday, 12 September 12 36

37. BORING
Wednesday, 12 September 12 37

38. MUCH COOLER
Wednesday, 12 September 12 38

39. NOT JUST GAMES
Wednesday, 12 September 12 39

40. BUILT IN
A DAY
Wednesday, 12 September 12 40

41. TELEPONG
Two contributors in one afternoon
Wednesday, 12 September 12 41

42. YOU CAN DO THIS
Wednesday, 12 September 12 42

43. NOW GO MAKE
AWESOME APPS!
Wednesday, 12 September 12 43

44. QUESTIONS?
Wednesday, 12 September 12 44

45. THANKS!
http://tinyurl.com/mozcamp-apps
Wednesday, 12 September 12 45