Help learning from pivotaltracker's javascript, looking for a high level breakdown

Viewed 834

My javascript skills are fairly basic, I can work with jquery etc. but when it comes to building a site like pivotaltracker I wouldn't know where to begin!

Was hoping someone could help break down their javascript architecture and explain at a high level how they went about designing their js frameowork to make a gmail like design where it is purely javascript driven (at least I think it is).

Things like:

  1. layout wise, is there a single div container that loads the different panels?
  2. Does it keep a browser copy of all the stories, and use javascript templating to build the html?
  3. how are the various objects designed
  4. I think this is a major one, how are the events wired up, is it a global event that bubbles up?

I think the interesting thing is that there are allot of DOM elements on a page with all the user stories grouped together etc., so they must have done some cool performance techniques especially around events etc.

4 Answers
Related