Что нужно знать Front-end разработчику в 2014 году?

Ответы:

1) Grunt - для удобства.
Bootstrap - не всегда правда нужен, но знать обязательно.
Ознакомьтесь с Mocha (читается как мокко или мокка, но не моча... мокка - сорт кофе)
Выбирете для себя препроцессор
Хотя бы посмотрите что такое node.js.
Git обязателен (ну кнечно можно выбрать другую систему контроля версий).
Для больших поддерживаемых проектов Bower.

2) Не факт... разные бывают проеты и разная стилистика иногда достаточно только сетку взять и то это тоже бывает не нужно. Иногда встречаются проекты с кодом css примерно 800 строк кода (вместе с reset и общих стилей). По поводу БЭМ - его нужно в меру тоже. Верстать по БЭМ вслепую, не задумываясь а нужен ли он тут, тоже может привести к неприятным последствиям. Если это мелкий лэндинг который на 95% не будет расти то тотальная стилистика БЭМ будет лишней. Но что касается больших проектов то Вы полностью правы.

3) hexlet

1) Фреймворков для фронтенда сейчас великое множество, тот же ангуляр, кнокаут, и прочее, мне лично нравится эмбер. Я бы порекомендовал акцентировать свое внимание на небольшом пуле сложных либ, и обязательно знать backbone. NodeJS тоже бы неплохо знать, но сейчас мало кто пишет на чистой ноде, многие пишут на expressjs и аналогах. Так же порекомендовал бы изучить сборщики, грант, галп, или что-то другое, попроще, так же можно написать свой скрипт и привязать его к гитхуку. Q.js.

На счет LESS/SCSS/Stylus это все хорошо, и начать на них верстать достаточно просто, да и нужно, но тут кроется главная ошибка, у многих просто не получается следовать простоте и широкому спектру возможностей, и они генерят слишком сложные структуры и вложенности.

2) Бем слишком громоздкая структура, да что-то из нее можно для себя вынести, но следовать полностью Бему, я бы никому не советовал.
Брать готовый бутстрап - забей, проще и правильней взять исходники и сделать свою либу нужных миксинов.

3) Лучше подпишитесь на твитеры мейнтенеров нужны вам либ, и людей которые пишут вдумчивые и внятные статьи. Например такое https://twitter.com/JavaScriptDaily

Вёрстка в духе БЭМ получается, когда используется простая и понятная разработчику структура. То, во что она превращается при разворачивании структуры — HTML, CSS, разработчик не трогает вручную, да и не должен.
Не сомневаюсь, что вы знаете фреймворки для работы с БЭМ, но когда люди вручную пишут крокодилы «как в БЭМ», меня просто умиляет:)) Как котята. Хотя нет, котята — отстой.

И, как мне кажется, серьёзная часть разработки уже базируется на Node.js. Включая всевозможные grunt, gulp etc.

ПыСы Яндекс перешёл на Stylus.

1.
CSS – SASS/SCSS, LESS, Stylis
JS – AngularJS, CoffeeScript, Handlebars
HTML – Jade
Build – Gulp, Bower
IDE – Brackets, SublimeText3
Plugins – Emmet, jsHint

2
Стараюсь писать свои стили, если заказчик не требует бутстрап

3
www.smashingmagazine.com

Жаль что валидность этого вопроска всего несколько недель. Нужно было это спрашивать в январе этого года. Сейчас нужно спрашивать уже про 2015.

Мой ответ JavaScript в основе и все что с ним связано.

Angular, Ember, Knockout, jQuery, WinJS, Nodejs, Bower, Gulp, Bootstrap, Foundation, Material, Meteor, Express, ...

Я не говорю о HTML, CSS, CoffeeScript, WebStorm, ... потому что это ни имет отношения к 2014 или 2015. Это просто что нужно было вчера и будет завтра и не имеет отношения к природе вопроса о тенденциях.