Алексей Куреев

Обычно сначала вытаскивается первый уровень узлов, при попытке открыть его динамически подключается второй. Это делается через метод модели fetch. Всё, что требуется - передавать ID родительской категории.

Ну, в цикле итерируете элементы коллекции и для каждого элемента создаете li > a, как показано в задании. После того, как все элементы списка созданы, просто вставляете в узел ul, который можете создать через document.createElement.

Можно так же сначало создать элемент ul, а потом в цикле добавлять ему детей(li > a), но такой подход заведомо медленнее, т.к. в этом случае работы с DOM в N раз больше.

Я считаю, что стоит думать в этом направлении:

render: function(collection) {
    var ul = document.createElement("ul"),
        fragment = document.createDocumentFragment();

    collection.each(function(item) {
        // Здесь формируете элемент списка (element)
        fragment.appendChild(element);
    });

    return ul.appendChild(fragment);
}