2. Developer evangelist

3. Hacker advocate

4. Developer
emberads!

5. Extensions for
Paypal, EMberads, Minutebox

11. Chrome extensions
developer.chrome.com/extensions
Firefox addons
developer.mozilla.org/en/docs/Extensions

12. Chrome packaged apps
developer.chrome.com/apps/
FF OS priviliged apps
Bit.ly/priviliged_apps

13. Opera/safari extensions phonegap

14. Pros
• Native experience
• Deeper integration with os
• Works offline
• Always there
cons
• Differences in apis
• Approval processes
• Js mvcs

16. h"p://developer.chrome.com/apps/app_architecture.html

18. client
network
server
Server
side
code
data
resources
Regular web apps

19. web
app
transport
server
Server
side
code
data
data
resources
resources
Regular web appscons
• High bandwidth transfer
• Won’t work offline
• Limited apis
pros
• No JS required
• Deploy once

20. “One of the many super outcomes of
the HTML5 evolution is that browser
vendors are striving towards
interoperability – even Microsoft is
talking of “same markup”
Bruce lawson, 2011

21. client
web
app
tcp/ip
server
Server
side
code
data
storage
resources
app
cache
Installable web apps

22. client
web
app
tcp/ip
server
Server
side
code
data
storage
resources
app
cache
Installable web apps

23. Installable web apps
Chrome hosted apps
developers.google.com/chrome/apps
firefox os apps
developer.mozilla.org/en/docs/Mozilla/Firefox_OS

24. web
app
transport
server
Server
side
code
data
data
resources
resources
Regular web apps
cons
• Caching expiry is a pita
• Limited apis
Pros
• Lower bandwith requirements
• can work offline

25. zip
client
web
app
transport
server
Server
side
code
data
storage
resources
Packaged web apps

26. zip
client
web
app
transport
server
Server
side
code
data
storage
resources
Packaged web apps

27. Packaged web apps
Chrome extensions
developer.chrome.com/extensions
Firefox addons
developer.mozilla.org/en/docs/Extensions

28. Packaged web apps
Opera extensions phonegap

29. Packaged web apps
Chrome packaged apps
developer.chrome.com/apps/
FF OS priviliged apps
Bit.ly/priviliged_apps

30. web
app
transport
server
Server
side
code
data
data
resources
resources
Regular web appscons
• Requires install
• Requires js
• syncing
Pros
• Low bandwith requirements
• Works offline
• Advanced apis

31. Painless Payments for Droids
Tim Messerschmidt

32. manifests

33. Chrome extensions

34. Chrome packaged apps

35. Firefox open web apps

36. Firefox mini manifest

37. Standards?

39. W3c widgets

41. Opera extensions
Before they moved to using chrome

42. packages

43. .crx
7-Zip file with a json manifest

44. .xpi
Zip file with a json manifest
And the entire SDK

47. Chrome extensions ui

48. Chrome extensions ui

49. Chrome extensions ui

50. Firefox addons ui

52. Chrome packaged apps

53. Chrome packaged apps

54. Chrome packaged apps

55. storage

56. Html5 local storage
+ indexeddb

57. Chrome storage api

58. Other api differences

59. Message passing

60. Disk access

61. Bluetooth/usb access

63. Zip + upload == live

64. Zip + upload == approval process

65. Minimized JS

67. Custom jquery version

69. Sign on credentials

71. Early days

72. Standards are to evolved

73. Client side JS MVCs are still young

74. Benefits are tempting

75. Mobile?

77. chrome
developer.chrome.com
firefox
Developer.mozilla.org

78. Try making your own and tell me