Video and slides synchronized, mp3 and slide download available at URL http://bit.ly/1xxqqM7. TJ Van Toll takes a look at where the hybrid ecosystem is today, and where it's heading, trying to evaluate if the ecosystem is growing or shrinking. Filmed at qconnewyork.com. TJ Van Toll is a web developer, speaker, and writer living in Lansing, MI and working as a developer advocate for Telerik. He is an open source advocate that is on the jQuery UI team, publishes his blog open source. TJ is also the author of an upcoming book from Manning: jQuery UI in Action. When not online, TJ is generally chasing his twin sons in circles.

1. The State of Hybrid
TJ VanToll 1 @tjvantoll 1 tjvantoll.com

2. Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/state-hybrid-mobile
InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month

3. Presented at QCon New York
www.qconnewyork.com
Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide

4. Agenda
The past
Now
Tools
Performance
The future

5. "The full Safari engine is inside of iPhone. And so,
you can write amazing Web 2.0 and Ajax apps
that look exactly and behave exactly like apps on
the iPhone."
Steve Jobs, 2007
(source)

6. iDS 1 bad DO app stOre.

7. iDS 2 did. It worked out alright.
http://www.businessinsider.com/chart-of-the-day-apple-app-store-
revenues-2013-6

8. http://www.apple.com/pr/library/2014/01/07App-Store-Sales-
Top-10-Billion-in-2013.html?sr=hotnews.rss

9. In 2013, the iDS App Store revenue was higher than the
GOP of 60 countries.

10. Others had similiar ideas

11. Table is from Brian Leroux's excellent Debugging Mobile talk.

12. Gartner Hype Cycle
Image Source: http://bimandintegrateddesign.com/tag/gartners-hype-
cycle/

13. Hybrid

14. PhooeGap

17. "the biggest mistake that we made, as a
company, is betting too much on HTML5 as
opposed to native"
Mark Zuckerberg, 2012

18. Source http://venturebeat.com/2013/04/17/linkedin-mobile-web-
breakup/

19. Why?

20. 'The lack of tooling in mobile browsers makes it
very difficult to dig down and find out what the
real issues are. Hence tooling, or rather, lack-thereof
is a key issue.”
Tobie Langel, Facebook Engineer, September 2012

21. "[tJooling support - having a debugger that
actually works, performance tools that tell you
where the memory is running out."
Kiran Prasad, Linkedln senior director of mobile engineering,
April 2013

23. An explosion of tooling

24. The Market
https://twitter.com/BenedictEvans/status/450495875211472896

27. My Job
"How does Kendo UI Mobile compare to
ChocolateChip?"

28. My First Thought

29. The Correct Thought

30. Ionic

31. Ionic

32. Kendo 01 Mobile
Now free and open source as part of Kendo UI Core.

33. Tooling improvement #1:
01 frameworks

34. Demo
cuteness.io

35. Tooling improvement #2:
remote debugging

36. Weinre
http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

37. iDS Remote Debugging (iDS 6+)
Settings --> Safari --> Advanced

38. iDS Remote Debugging (iDS 6+)

39. Chrome for Android Remote Debugging
(Android 4.4+)
"[T]ap Build number seven times. Yup, just tap it 7 times, even if it
seems crazy."
0:11
Via https://developers.google.com/chrome-developer-tools/
docs/remote-debugging

40. about:inspect

41. Chrome for Android Remote Debugging
(Android 4.4+)

42. jsHybugger
Works on Android 2.3.3+

43. Tooling improvement #3: Companion Apps

44. Demo

45. Tooling improvement #4: Cloud·Based Builds

46. LiveSync

47. Demo

48. Demo

49. Tooling improvement #5: Backend Services

50. Storing a File
var el = new Everlive( /* API key */ );
el.Files.create(
/* base 64 encoded file */,
/* success callback */,
/* error callback */
);

51. Finding the Right BaaS
http://www.developereconomics.com/finding-right-baas/
"weIre tracking at least fifty BaaS offerings, and
it seems more options appear nearly every
month"

52. Performance

53. iOS Performance: The Bad News
The iOS 7 UIWebView incurs a 3.5x JavaScript performance
penalty over the same app run in iOS Safari.

54. SunSpider
78S.0ms vs. 3677.1ms - Safari is ~3S0% faster!

55. Speedometer
Safari is ~20% faster.

56. OMG WKWebView! OMG! OMG!
http://9toSmac.com/2014/06/03/ios-8-webkit-changes-finally-allow-
all-apps-to-have-the-same-performance-as-safari/

57. Performance on Android
Android 4.4 switched to a new Chromium-based WebView.

58. Moore's Law
http://en.wikipedia.org/wiki/Moore's_law

59. The performance of hybrid application will never be on par
with native applications, but as speeds improve, hybrid
becomes "good enough" for an increasing number of
applications.

60. The future

61. Is the hybrid development growing or shrinking?

62. trends.google.com: PhoneGap

63. What is hybrid?

64. Cross·Compile Solutions

65. Mix and match?
http://mobile.smashingmagazine.com/2013/10/17/best-of-both-
worlds-mixing-htmlS-native-code/

66. iTunes

68. Thanks
TJ VanToll 1 @tjvantoll 1 tjvantoll.com
jQueryUI in Action
manning.com/vantoll
45% off with code qcon14bf!

69. Watch the video with slide synchronization on
InfoQ.com!
http://www.infoq.com/presentations/state-hybrid-
mobile