2. WHO AM I?
Rob Taylor
Software Engineer & Technologist
• 16 years in the field
• Browser Applications
• Server Applications
• Mobile Applications
• Architecture
• Training
• Trends
• New Technologies
• Luv learning new things

3. THE JOURNEY

4. WHAT HAS HAPPENED
RECENTLY?

5. A NEW ERA…

6. WEB APPS ARE GETTING
MORE INTELLIGENT

7. WHAT’S NEXT?

8. WEB APPLICATIONS

9. HTML CHALLENGES
Yes, it really is
time to move
on…
Designed around building web sites
Developers want
• Single page applications
• No page refresh
• Separation of code
• Structure (MVC)
• Application design patterns
• Service Integration (RESTful Web Services)

10. WE WANT TO BUILD APPS IN
THE BROWSER

11. WEB APP SOLUTIONS?
Emergence of many JavaScript Frameworks
• Backbone
• Knockout
Ooooh. So
• Batman many choices!
• Sencha Ext
• SproutCore
• Spine
• Sammy
• Ember
• Cappuccino
• and the list goes on…

12. AND NOW…
YAJF (Yet Another JavaScript Framework)?
Not really…

13. MY LITMUS TEST
1. Low barrier to entry
2. Intuitive API and Syntax
3. MVC (Model-View-Controller)
4. Code Organization
5. Data Binding
6. Event Dispatching
7. Templates
8. Still leverages HTML and CSS (doesn’t try to hide it)
9. Single code base for desktop browsers and mobile device
10. Team collaboration
11. Can be used with other solutions (jQuery, jQuery Mobile, other 3rd
party JavaScript libraries and widgets)
12. Active community and/or commercial support

14. MY LITMUS TEST (SIMPLIFIED)
Can I build the same application on these
devices with the same client code base?
Browser Smart Phone Tablet

15. MY RESULTS
I had eventually settled on Backbone.js
Shortcomings
• Hard to separate view from
controller
• No data binding
• Templates replaced entire
sections on events
With Knockout.js in a very close second Shortcomings
• Data-binding required some
setup
• MVVM approach vs. MVC
approach
• Syntax is not as approachable
as others frameworks

16. THEN I FOUND…
It passed the my litmus test even though it
was in early beta.
And now that it is at a 1.0, it has gotten
even better!

17. MY LITMUS TEST
Low barrier to entry
Intuitive API and Syntax
MVC (Model-View-Controller)
Code Organization
Data Binding
Event Dispatching
Templates
Still leverages HTML and CSS (doesn’t try to hide it)
Single code base for desktop browsers and mobile device
Team collaboration
Can be used with other solutions (jQuery, jQuery Mobile, other 3rd party
JavaScript libraries and widgets)
Active community and/or commercial support
Could improve

18. WHAT YOU WILL SEE TODAY
 Breakdown of MVC (Model-View-Controller)
 Data Binding
 Use of templates
 Routing
 Shared Data
 Web service connectivity to a database

19. QUESTIONS?
Rob Taylor
roboncode@gmail.com
Twitter: @roboncode
http://roboncode.com

20. THANK YOU!
Rob Taylor
roboncode@gmail.com
Twitter: @roboncode
http://roboncode.com