THE NATURAL RELATIONSHIP OF MV* JS FRAMEWORKS AND THE ORCHARD ECOSYSTEM

1. CTO
Avastec
THE NATURAL RELATIONSHIP
OF MV* JS FRAMEWORKS AND
THE ORCHARD ECOSYSTEM
Steve Taylor

2. Orchard Harvest Conference – Amsterdam 2013
Where it began…

3. Orchard Harvest Conference – Amsterdam 2013
1990’s

4. Orchard Harvest Conference – Amsterdam 2013
1996- iFrame

5. Orchard Harvest Conference – Amsterdam 2013
1998 - XmlHttpRequest

6. Orchard Harvest Conference – Amsterdam 2013
2001 - JSON

7. Orchard Harvest Conference – Amsterdam 2013
2004 - Gmail

8. Orchard Harvest Conference – Amsterdam 2013
Timeline 2005 - Ajax

9. Orchard Harvest Conference – Amsterdam 2013
Timeline 2006 - jQuery

10. Orchard Harvest Conference – Amsterdam 2013
Demo: Old Skool

11. Orchard Harvest Conference – Amsterdam 2013
The result?

12. Orchard Harvest Conference – Amsterdam 2013
MVC, or rather MV*?
MVC (Model View Controller)
MVP (Model View Presenter)
MVVM (Model-View ViewModel)

13. Orchard Harvest Conference – Amsterdam 2013
Top players

14. Orchard Harvest Conference – Amsterdam 2013
Libraries vs Frameworks

15. Orchard Harvest Conference – Amsterdam 2013
Libraries

16. Orchard Harvest Conference – Amsterdam 2013
Frameworks

17. Orchard Harvest Conference – Amsterdam 2013
There’s something familiar about all this

18. Orchard Harvest Conference – Amsterdam 2013
Remember these?

19. Orchard Harvest Conference – Amsterdam 2013
JavaScript is HUGE!

20. Orchard Harvest Conference – Amsterdam 2013
So why the surge?

21. Orchard Harvest Conference – Amsterdam 2013
Faster JavaScript Engines

22. Orchard Harvest Conference – Amsterdam 2013
User Expectations

23. Orchard Harvest Conference – Amsterdam 2013
Better Browser Support

24. Orchard Harvest Conference – Amsterdam 2013
Great Scott!, what about Orchard?

25. Orchard Harvest Conference – Amsterdam 2013
What’s being used now?

26. Orchard Harvest Conference – Amsterdam 2013
Orchard API Options

27. Orchard Harvest Conference – Amsterdam 2013
Backbone.js
Backbone.js gives structure to web applications by
providing models with key-value binding and custom
events, collections with a rich API of enumerable
functions, views with declarative event handling, and
connects it all to your existing API over a RESTful JSON
interface.

28. Orchard Harvest Conference – Amsterdam 2013
Who’s using Backbone?

29. Orchard Harvest Conference – Amsterdam 2013
Demo: Orchard.Backbone
+

30. Orchard Harvest Conference – Amsterdam 2013
What does the future hold?

31. Orchard Harvest Conference – Amsterdam 2013
Optimised API

32. Orchard Harvest Conference – Amsterdam 2013
Orchard.Backbone Roadmap
Pagination
Sorting
Filtering
SearchingTransitions
Modular
View Management
Client & Server Modes
Optimisation

33. Orchard Harvest Conference – Amsterdam 2013
What happening elsewhere?
:: Backbone at core
:: RESTful API at core
:: Twig Template Engine
{{first-name}}

34. Orchard Harvest Conference – Amsterdam 2013
Embrace

35. Orchard Harvest Conference – Amsterdam 2013
:: Backbone.js - http://backbonejs.org/
:: Underscore.js - http://underscorejs.org/
:: Drupal Webservice Initiative - http://www.garfieldtech.com/blog/web-
services-initiative
:: Backbone.js & Underscore.js to Drupal Core -
https://drupal.org/node/1149866
References

36. Orchard Harvest Conference – Amsterdam 2013
Thank You
@stevetayloruk
http://stevetaylor.me.uk
http://uk.linkedin.com/in/stevetayloruk