Meta Refresh 2014

On the construction of user interface on the web

Creating Single Page Web App using BackboneJS

Submitted by Akshay Mathur (@akshaymathur) on Saturday, 21 December 2013

Section: Workshops Technical level: Advanced Status: Rejected


At the end of the workshop, the attendees will be able to:

  • Understand the concept of client side MVC and its design pattern
  • Implement a fairly complex MVC app using BackboneJS
  • Create a dynamic Pinterest-like user interface


During the workshop, we shall create something that looks like

Following concepts will be demonstrated while doing:

  • Dividing the code into Router, Models and Views
  • Handling nested views
  • Working with Collection of models
  • Handling DOM events within a view
  • Raising and capturing custom events
  • Getting data from server via ajax calls
  • Dynamically creating HTML and attaching it to DOM
  • Using Javascript templates
  • Simplifying Javascript coding using Coffeescript



  • The participants must bring the laptop with Firefox browser installed.
  • Firebug browser plugin should also be installed in Firefox.
  • Internet connection will also be required for including library and making ajax calls.


  • The participants should have good understanding of Javascript, HTML DOM manipulation via Javascript and basics of event handling in Javascript.
  • Knowledge of Cofeescript is a plus

Speaker bio

With 15+ years of industry experience, I am currently consulting a few startups on technical and product management side.

Most of the time I worked with product start-ups in various roles spanning across different departments including development, testing, release management, training, customer support, product management and digital marketing.

Wi-Fi security leader AirTight Networks and Social Shopping pioneer ShopSocially are the notable companies I worked full time. I joined both the companies at their conceptualization stage and worked with them till they became stable.



  • maadhaarapp 3 months ago

    The Unique Identification Authority of India has propelled an Aadhaar driven versatile application called mAadhaar for Android cell phones. The mAadhaar application lets you get to all your Aadhaar subtleties on your cell phone . The application was propelled so as to assist clients with conveying their Aadhaar data in type of a delicate duplicate, rather than conveying a physical duplicate constantly.

  • recenttechh 2 months ago

    As of late Amazon had improved its Fire TV Stick making it quicker with included help for Alexa, the voice help of Amazon set up in the Amazon Echo. The most recent Amazon Fire TV gushing media stick is said to be redesigned from a double center processor to quad-center processor which has arrangement for faster Wi-Fi – 802.11ac MIMO. Besides it will likewise be went with an Alexa remote wherein the clients could use their voices to find substance to watch from more than 7,000 HD channels.

  • htspaceportal a month ago

    You have in any occasion 25 days for each polish period. To keep up a key good ways from interest, pay your entire equality before the portion due date. For late portions, a $27 late charge will be assessed in case you haven’t had a late portion in the past six charging cycles, and a $37 cost will create results in case you have incorporated a late portion inside the past six cycles.

Login to leave a comment