HTML+CSS+JavaScript

Ведь получается, что программисту нужно отлично знать вёрстку, чтобы проанализировать шаблон либо работать в тесном контакте с верстальщиком
общение с верстальщиком единственно верный вариант, если нет такой возможности файрбаг и подобные инструменты в помощь.

а вообще много зависит от того, как верстать: либо на выходе необходимо получить html+css+javascript, либо сразу наятгивать на какой-то движек, исходя из этого необходимо выстраивать подход

В теории верстальщик создаёт макеты независимо от бизнес-логики приложения, используя какой-либо шаблонизатор (php, smarty, twig), а далее вёрстка передаётся программистам и "монтируется" в систему. Но это только в теории. На практике в основном происходит так.

Как известно, многие сайты построены по-принципу MVC. Т.е. представление сайта отделено от бизнесс-логики. Т.е представление это та часть сайта, которая собирает конечную страницу. Но дело в том, что для того, чтобы написать представление, нужно понимать во-первых архитектуру бизнесс-логики, знать её api, список предлагаемых переменных , хорошо знать php и т.д., во-вторых хорошо понимать вёрстку, как свёрстан конкретный шаблон да и вообще динамику контента на данном сайте. Так вот как происходит работа при написании представления? Ведь получается, что программисту нужно отлично знать вёрстку, чтобы проанализировать шаблон либо работать в тесном контакте с верстальщиком, чтобы написать правильную сборку страниц. Как это делается на практике? И есть ли системы, которые позволяют сделать не только визуальную вёрстку, но и визуализировать процесс шаблонизации? Насколько я знаю, это может сделать Visual Studio?