View
920
Download
0
Category
Preview:
DESCRIPTION
THE NATURAL RELATIONSHIP OF MV* JS FRAMEWORKS AND THE ORCHARD ECOSYSTEM
Citation preview
CTOAvastec
THE NATURAL RELATIONSHIP OF MV* JS FRAMEWORKS AND THE ORCHARD
ECOSYSTEM
Steve Taylor
Orchard Harvest Conference – Amsterdam 2013
Where it began…
Orchard Harvest Conference – Amsterdam 2013
1990’s
Orchard Harvest Conference – Amsterdam 2013
1996- iFrame
Orchard Harvest Conference – Amsterdam 2013
1998 - XmlHttpRequest
Orchard Harvest Conference – Amsterdam 2013
2001 - JSON
Orchard Harvest Conference – Amsterdam 2013
2004 - Gmail
Orchard Harvest Conference – Amsterdam 2013
Timeline 2005 - Ajax
Orchard Harvest Conference – Amsterdam 2013
Timeline 2006 - jQuery
Orchard Harvest Conference – Amsterdam 2013
Demo: Old Skool
Orchard Harvest Conference – Amsterdam 2013
The result?
Orchard Harvest Conference – Amsterdam 2013
MVC, or rather MV*?
MVC (Model View Controller)
MVP (Model View Presenter)
MVVM (Model-View ViewModel)
Orchard Harvest Conference – Amsterdam 2013
Top players
Orchard Harvest Conference – Amsterdam 2013
Libraries vs Frameworks
Orchard Harvest Conference – Amsterdam 2013
Libraries
Orchard Harvest Conference – Amsterdam 2013
Frameworks
Orchard Harvest Conference – Amsterdam 2013
There’s something familiar about all this
Orchard Harvest Conference – Amsterdam 2013
Remember these?
Orchard Harvest Conference – Amsterdam 2013
JavaScript is HUGE!
Orchard Harvest Conference – Amsterdam 2013
So why the surge?
Orchard Harvest Conference – Amsterdam 2013
Faster JavaScript Engines
Orchard Harvest Conference – Amsterdam 2013
User Expectations
Orchard Harvest Conference – Amsterdam 2013
Better Browser Support
Orchard Harvest Conference – Amsterdam 2013
Great Scott!, what about Orchard?
Orchard Harvest Conference – Amsterdam 2013
What’s being used now?
Orchard Harvest Conference – Amsterdam 2013
Orchard API Options
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.
Orchard Harvest Conference – Amsterdam 2013
Who’s using Backbone?
Orchard Harvest Conference – Amsterdam 2013
Demo: Orchard.Backbone
+
Orchard Harvest Conference – Amsterdam 2013
What does the future hold?
Orchard Harvest Conference – Amsterdam 2013
Optimised API
Orchard Harvest Conference – Amsterdam 2013
Orchard.Backbone Roadmap
Pagination
Sorting
Filtering
SearchingTransitions
Modular
View Management
Client & Server Modes
Optimisation
Orchard Harvest Conference – Amsterdam 2013
What happening elsewhere?
:: Backbone at core
:: RESTful API at core
:: Twig Template Engine {{first-name}}
Orchard Harvest Conference – Amsterdam 2013
Embrace
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
Orchard Harvest Conference – Amsterdam 2013
Thank You
@stevetayloruk
http://stevetaylor.me.uk
http://uk.linkedin.com/in/stevetayloruk
Recommended