Павел Коковин

Я не верстальщик и не фронтенд разработчик, но занимаюсь веб-разработкой (веб-дизайн, интерфейсы, менеджер проектов). У меня для вас такой совет:

Сейчас, когда вы понимаете, что вашей квалификации не достаточно для того, что бы чувствовать себя уверенным игроком на IT рынке, вам как никогда раньше нельзя устраиваться работать "лиж бы куда-то". Я рекомендую начать неспешные поиски конторы своей мечты и совмещать их с фрилансом.

1) Ищите работодателя, где бы уровень проектов соответствовал или стремился к той области, в которой вы хотели бы работать. Возьмите как обязательный критерий выбора работодателя наличие в компании сильных наставников. В наше время проработать 1 год в не той компании, пускай и за хорошие деньги — большой риск откатить свои навыки, которые потом прийдется наверстывать довольно долгое время.

2) В фрилансе нет ничего страшного. Старайтесь искать работу по субподряду: делайте упор на студии и агентства. В случае работы с 5-10 постоянными клиентами вы являетесь почти полноценными работниками этих компаний. Вас и направят куда надо, и по БЭМ'у работать заставят, и вообще это не тот фриланс, где вы тратите половину времени на привлечение клиентов. А так же, что не мало важно, это не тот фриланс, где вы торгуете узким спектром услуг. Но как и в любом фрилансе по началу, можете забыть про отдых, отпуска и свободное время (которое будет уходить на повышение квалификации).

возможно уже поздно и вы разобрались самостоятельно, но вот (используется jQuery)
- функция загрузки шаблона Handlebars из внешнего файла (*.hbs):

var getTempl = function (name) {
        if (Handlebars.templates === undefined || Handlebars.templates[name] === undefined) {
            $.ajax({
                url : 'app/templates/' + name + '.hbs',
                success : function(data) {
                    if (Handlebars.templates === undefined) {
                        Handlebars.templates = {};
                    }
                    Handlebars.templates[name] = Handlebars.compile(data);
                },
                async : false
            });
        }
        return Handlebars.templates[name];
    };

- функция загрузки json:

var loadData = function (dataUrl, callback) {
        var response;
        $.ajax({
            url: dataUrl,
            async: false
        }).done(function(data){
            if(isType('Function', callback)) {
                callback.call();
            }
            response = data;
        });
        return response;
    };

и все вместе превращается в :

var data = loadData(some/json-data/url),
      tmplOne = getTmpl('template-one')(data),
      tmplTwo = getTmpl('template-two')(data);

$('body').appned(tmplOne).append(tmplTwo);

про функцию isType() - абзац про класс объекта