Работа с фреймворком. Структура

Есть два положения работы фреймворка

С префиксом урла ?debug

В таком полжении все стили и скрипты подключаются последовательно, для дебага. При этом console.log() становится видимой.

Без префикса ?debug

В таком положении все стили и скрипты минифицируются и соединяются в один файл js и css, собственно в project.js и project.css

---

Точка входа в проект

Сама инициализация находится в хеде (head.jade):

• window.app = new App(options)

app.coffee - главный управляющий файл

Основные настройки проекта. Здесь же находятся настройки соц.сетей и прочие функции для всего проекта!

Если в проекте используется хеш-навигация!

app.router.coffee - маршрутизация/хеш-навигация

Каждый роут дергает определенную функцию, которая отвечает за обработку view. Скрывает все, и открывает одну-текущую #section, а также дергает определенный контроллер нужной view!

app.views.coffee - контроллеры/рендеры

Набор классов отвечающих за отображение определенной #section, а также экшены связанные с ней. Порядок исполнения таков: init -> controller (api) -> renderResponse (@vars) -> actions

@vars - объект рендеринга, передающийся непосредственно в jade(html). Подробнее об этом можно почитать здесь: http://mustache.github.io/

app.models.coffee - модели/api-callbacks

Объекты каллбеков api Параметр @fish(true|false) - использовать 'рыбу' каллбеков сервера для эмуляции работы с api ИЛИ работать с настоящим сервером. По умолчанию стоит режим определения localhost или window.location.host