Талга УтБ

1. Создаю каталог для проекта
   
2. Инициализирую Bower
   
3. Устанавливаю нужные пакеты, например, Twitter Bootstrap, Angular, jQuery и т.д.
   
4. Ставлю Grunt, плагины для него и т.д.
   
5. Запускаю EMACS и создаю index.html
   
6. С помощью Emmet создаю шаблон, который уже начинаю заполнять.
   
7. В каталоге src создаю папки less, js и т.д.
   
8. Попутно пишу задачи для Grunt
   
9. Если в выбранном фреймворке не хватает какого-либо класса для стилизации элемента, сначала описываю стили прямо в шаблоне, в свойстве style. Затем при необходимости выношу их оттуда в LESS в виде одного или нескольких классов.
   
10. ??????????
    
11. PROFIT!!!
    

Посмотрите мой пример: https://github.com/kulakowka/kulakowka.com/blob/ma...

Конкретно вот в это место. Переменная config передается в jade шаблонизатор.

// Templates
gulp.task('templates', function() {
  
  var config = {
    revision: new Date().getTime()
  };    

  gulp.src('./assets/views/**/*.jade')
    .pipe(jade({
      locals: config
    }))
    .pipe(gulp.dest('./public/'))
    .pipe(notify({ message: 'Templates task complete' }));
});

Ничего не запрещает вам сделать так:

// Templates
gulp.task('templates', function() {
  
  var config = require('./config.json');

  gulp.src('./assets/views/**/*.jade')
    .pipe(jade({
      locals: config
    }))
    .pipe(gulp.dest('./public/'))
    .pipe(notify({ message: 'Templates task complete' }));
});

Ну а в файле config.json положить уже нужные данные.

{
  "param1":"мои данные 1",
  "param2":"мои данные 2"
}

Ну а вообще, ответ элементарно ищется поисковиком по запросу Gulp Jade.

Если вам лень искать, то я сделал это за вас.

https://www.npmjs.org/package/gulp-jade
jade-lang.com

Там есть примеры :) думаю должно быть понятно.

Сейчас в интернете наблюдается тенденция к построению "толстых клиентов". Соответственно без javascript вы такой клиент не сможете сделать.
Javascript нужен:
1. Для общения с сервером без перезагрузки страницы (ajax)
2. Для расширения возможностей css и html (всевозможные библиотеки и плагины, галереи, скроллинги, рич-элементы форм и т.д.)
3. Для контроля действий пользователя (обработка форм, кликов по элементам и т.д.)
4. Всякие специфические штуки (например построение 3-d моделей в браузере, различные интерактивные штуки)
Кроме того, изучив javascript вам в будущем будет проще изучить node.js, а это уже back-end.
Ну и чтобы вы сами осознали, киньте в меня линком на крупный популярный современный ресурс, на котором НЕ ИСПОЛЬЗУЕТСЯ javascript.

notepad++