SlideShare is now on Android. 15 million presentations at your fingertips.  Get the app

×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Planbox Backbone MVC

by on Mar 05, 2012

  • 6,015 views

Migrating MVC to the Front-end using Backbone JS....

Migrating MVC to the Front-end using Backbone JS.

Planbox is a single-page web application for Agile project management. It was built using the traditional MVC stack with CodeIgniter (PHP) and jQuery (Javascript). AJAX was heavily used to update DOM elements to offer a dynamic user experience. UX logic code quickly became spread across Javascript and PHP. The application code base quickly became unmanageable and scaling functionality became difficult. Things had to change.

A decision was made to change architecture: bring all the UX logic in the front-end, and turn the back-end into an engine in charge of business logic.

This talk is about this experience. How we moved the MVC stack from the back-end to the front-end. How we used Backbone JS as the foundation of our front-end framework and built on top. How the backend became a black-box with a Restful API. What lessons we learned, what benefits we gained, and what reflections we made about the future of MVC in Javascript.

Statistics

Views

Total Views
6,015
Views on SlideShare
3,448
Embed Views
2,567

Actions

Likes
6
Downloads
77
Comments
0

16 Embeds 2,567

http://www.planbox.com 2401
https://www.planbox.com 63
http://fe.com 41
http://web.vabx.com 31
http://feeds.feedburner.com 14
http://localhost 2
http://www.linkedin.com 2
http://www.slashdocs.com 2
http://blog.planbox.com 2
http://127.0.0.1 2
http://www.blog.planio.com 2
http://333.planbox.com 1
http://webcache.googleusercontent.com 1
http://duckduckgo.com 1
http://nodeslide.herokuapp.com 1
http://qqq.planbox.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
Post Comment
Edit your comment

Planbox Backbone MVC Planbox Backbone MVC Presentation Transcript