EmbedJS talk from DojoConf 2011

1. embedjs
dojoconf 2011
Nikolai Onken
uxebu
Friday, September 16, 11

2. @nonken
Friday, September 16, 11

3. Friday, September 16, 11

4. We open the mobile web.
Friday, September 16, 11

5. How you totally should write code
Friday, September 16, 11

6. Lets look at
Friday, September 16, 11

7. Lets look at
1. embedjs
Friday, September 16, 11

8. Lets look at
1. embedjs
2. embedjs features
Friday, September 16, 11

9. embedjs
Friday, September 16, 11

10. History
Friday, September 16, 11

11. Friday, September 16, 11

12. Objective-C
Friday, September 16, 11

13. Objective-C Symbian C
Friday, September 16, 11

14. Objective-C Symbian C Java
Friday, September 16, 11

15. Objective-C Symbian C Java
Java
Friday, September 16, 11

16. Objective-C Symbian C Java
Java .NET
Friday, September 16, 11

17. Objective-C Symbian C Java
Java .NET ...
Friday, September 16, 11

18. Friday, September 16, 11

19. Friday, September 16, 11

20. Friday, September 16, 11

21. Friday, September 16, 11

22. Friday, September 16, 11

23. Friday, September 16, 11

24. Friday, September 16, 11

25. Friday, September 16, 11

26. Friday, September 16, 11

27. http://www.flickr.com/photos/tacoekkel/25538919/
Friday, September 16, 11

28. http://www.flickr.com/photos/hugo90/3916794427/
Friday, September 16, 11

29. Friday, September 16, 11

30. Friday, September 16, 11

31. Friday, September 16, 11

32. Friday, September 16, 11

33. Friday, September 16, 11

34. At Runtime
At Build Time
Friday, September 16, 11

35. Shrink and customize your API
Friday, September 16, 11

36. Shrink and customize your API
25kB
Friday, September 16, 11

37. Shrink and customize your API
25kB
Friday, September 16, 11

38. Shrink and customize your API
25kB 8kB
Friday, September 16, 11

39. Simple queries > simple library function
Only ".class" and "#id" queries
vs.
Friday, September 16, 11

40. Simple queries > simple library function
Only ".class" and "#id" queries
vs.
Full fledged queries > Full blown library function
Friday, September 16, 11

41. 13 LOC
Simple queries > simple library function
Only ".class" and "#id" queries
vs.
Full fledged queries > Full blown library function
~200 LOC
Friday, September 16, 11

42. Friday, September 16, 11

43. dojo-blackberry.js
Friday, September 16, 11

44. dojo-blackberry.js
dojo-blackberry46.js
Friday, September 16, 11

45. dojo-blackberry.js
dojo-blackberry46.js
dojo-nokia-wrt.js
Friday, September 16, 11

46. dojo-blackberry.js
dojo-blackberry46.js
dojo-nokia-wrt.js
dojo-opera.js
Friday, September 16, 11

47. dojo-blackberry.js
dojo-blackberry46.js
dojo-nokia-wrt.js
dojo-opera.js
dojo-webkit-mobile.js
Friday, September 16, 11

48. dojo-blackberry.js
dojo-blackberry46.js
dojo-nokia-wrt.js
dojo-opera.js
dojo-webkit-mobile.js
dojo-windows-mobile.js
Friday, September 16, 11

49. Perfect for when you
• Know the platform you are targeting
• Are developing apps using PhoneGap
Friday, September 16, 11

50. embedjs features
Friday, September 16, 11

51. Embedjs builds vs. feature detection
-
mwuahahaha
• We need: AMD compatible modules
• We need: has.js (Peters talk)
• We need: require ‘feature’ plugin
Friday, September 16, 11

52. Meet embedjs ‘features’
building cross device apps
Friday, September 16, 11

53. Work with features and consistent APIs
Don’t branch your code
Friday, September 16, 11

54. Not cool
Friday, September 16, 11

55. Not cool
Friday, September 16, 11

56. Works:
Friday, September 16, 11

57. Works:
Friday, September 16, 11

58. Works:
Friday, September 16, 11

59. Works:
Friday, September 16, 11

60. vs
Friday, September 16, 11

61. Friday, September 16, 11

62. Implementing features is simple:
Friday, September 16, 11

63. Defining features is super simple:
Friday, September 16, 11

64. Requiring features is even simpler:
Friday, September 16, 11

65. Two ways you can run a build
• Ship everything and do feature tests at
runtime
• Make targeted builds using specific
implementations
Friday, September 16, 11

66. Runtime detection:
./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/
paths.implementations=implementations/dynamic paths.feature=lib/feature
Friday, September 16, 11

67. Targeted build:
./buildj.sh name=../../src/js/main out=../../debug/js/main.js baseUrl=../../src/js/
paths.implementations=implementations/touch paths.feature=lib/feature
Friday, September 16, 11

68. Lets see this in the browser
Friday, September 16, 11

69. Does it work in real life?
• EmbedJS in publishing
Friday, September 16, 11

70. Where to get it
• http://embedjs.org
• http://github.com/uxebu/embedjs (AMD branch)
Friday, September 16, 11

71. The future of embedjs
• Lots of highly optimized CommonJS
compatible modules
• Mobile optimized features (components)
• Development patterns / paradigms for
cross device development
Friday, September 16, 11

72. Friday, September 16, 11

73. Friday, September 16, 11

74. Friday, September 16, 11

75. Dojo.beer tonight
Friday, September 16, 11

76. Questions?
Friday, September 16, 11

77. @nonken
http://uxebu.com - @uxebu
Friday, September 16, 11