Общий подход.

Для чего нужно вообще как-то дополнять javascript, ведь все просто - пиши себе код, событий на DOM-event и т.п.
jQuery неплохо инкапсулирует все возможности управления страничкой!

Оказывается, если мы хотим не только по традиции "js" менять элементы странички и их стили, а еще и полноценно думать о проекте - как о приложении - на помощь выходят фреймворки.

Фреймворки вносят некий порядок и определяют свои правила к написанию кода. Но эти правила - нам не нужны, потому что тема называется "Общий подход".

Итак - с моделью MVP(Model-View-Presenter) вы уже скорее всего познакомились.
А теперь - забудьте все чему Вас учили!

Все современные подходы по уровню реализации делятся на два типа.
Тип1. Прилетает html который надо парсить. Но как же его парсить? в начале или может потом если прилетит еще кусок? Angular прекрасно дает возможности для этого подхода. Всего несколько мутноватых невалидных атрибутов в html, таких как ng-model - и вот уже Ваш html не просто html - а полноценный view для angular. Думать не надо - пиши html, пиши код.
Тип2. Прилетает html который не надо парсить. Но как же подвесить на него события, ведь в этом смысл js-application! Bacbone прекрасно дает возможности для этого подхода. Всего несколько определений селекторов и событий - и вот уже Ваш html не просто html - а полноценный view для bacbone. Думать не надо - пиши html, пиши код.

Продолжение руководства чуть позже...

кто это понимает вообще

Это не надо понимать. Счас делается монолитное SPA приложение, которое дергает REST сервисы. В ответ плилетает json, и вьюха заполняется данными без всяких извращений.