Хороший Человек

Верстальщик преобразует графический макет (Photoshop или иной) в набор HTML + CSS + картинки. Иногда к свёрстанному макету может подключить типовые библиотеки Javascript, например, slider для картинок, или всплывающие подсказки (tooltip), или диалоговые окна (dialog/popup).
Знания и навыки:

• работа с графическими программами, чтобы понять, как собран макет
  
• знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты и другие технологии
  
• пригодятся знания по HTML-фреймворкам, например, Twitter Bootstrap или Semantic UI
• навыки кроссбраузерной вёрстки, чтобы в разных браузерах выглядело и работало одинаково
  
• навыки отзывчивой вёрстки, чтобы можно было использовать на устройствах с разными возможностями и разрешениями
  
• знание типовых решений javascript, чтобы реализовать простейшие вещи, заложенные в макете
  

Фронтенд-разработчик делает так, чтобы макеты, полученные от верстальщика, были наполнены реальными данными. Если приложение построено как client-side (то есть вся основная логика загружается в виде огромного javascript в браузер, а данные запрашиваются с сервера по AJAX; это называется "толстый клиент"), то фронтенд-разработчику потребуется следующее:

• знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты, Comet и другие технологии
• глубокое знание Javascript, включая использование готовых фреймворков, библиотек и написание расширений для них, что подразумевает объектно-ориентированное и событийное программирование
  
• знание AJAX, CORS и навык создания тестовых затычек на стороне сервера, чтобы можно было разрабатывать приложение пока бакенд не готов
  

Если фронтенд строится на стороне сервера, то дополнительно потребуется знать используемый серверный язык программирования (например, Python, Ruby или PHP) и используемый фреймворк (Django, Ruby-on-Rails, Yii). На практике бывало такое, что фронтендер просил в нужной части проекта сделать var_dump от структуры данных, которую надо показать и перечислить серверные методы, которые надо вызвать по нажатию предполагаемых кнопок.

Зачастую фронтенд-разработчик может и сам закодировать эти серверные методы, если не требуется углубляться в серверную логику (отношения в данных, конкретная бизнес-логика, хранение данных, кэширование, очереди, крон-задачи). Я лично таких очень ценю.

И моё личное мнение - фронтенд разработчику не помешают базовые знания про UML. Иногда с ними так тяжело обсуждать обмен данными по AJAX. У них это какой-то непрерывный поток магической энергии, волшебным образом преобразующийся в буковки на экране пользователя, а вот для бакенда это набор отдельных операций, иногда ещё и асинхронный. Диаграммы последовательностей ни читать, ни писать многие не умеют. Таймлайны составлять не умеют.

-----------

Написал дополнение: copist.ru/blog/2015/08/29/layout-designer-vs-front...

Если коротко, то верстальщик это HTML+CSS, а фронтэндщик это HTML+CSS+JS+ легкое погружение в бекенд с целью написания заглушек для тех же ajax-запросов.

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

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

скоро Вы со своей продуктивностью закончите проект сами.
Поэтому большая часть программистов не работает на таких заказчиков, вот взяли манеру следить чем занимается фрилансер, дышать в спину.
Я таких людей называю просто - НЮХАЧЬ.
Я бы сам предложил фрилансеру уйти от Вас.
Нюхайтесь дальше..