Вопрос про вёрстку сайта!

объясню простыми словами. Без заумных речей и обозначений. Верстка - это преображение дизайна(макета) в код. Есть дизайнер, например, который нарисовал дизайн в фотошопе, фигме, или подобных прогах. По сути, этот дизайн - это просто картинка. Если открыть исходник данной картинки в среде, в которой она разрабатывалась, можно увидеть слои(элементы), из которых она состоит. Это называется Макетом. И вот верстальщики, это те люди, которые данный макет преобразуют в код. Чтобы эта "картинка" была отдельными элементами на сайте. Следовательно, верстка не имеет ни какой логики. Если у тебя, в твоем дизайне, который ты сверстал, есть кнопка, ты верстаешь данную кнопку, делаешь ей стили, как на дизайне, но при клике на данную кнопку ничего происходить не будет. Для того, чтобы что-либо произошло, на данную кнопку нужно повесить обработчики. А это уже фронтенд или бекенд часть. Верстка - это чистые HTML+CSS.

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

Рабочие кнопки - это логическая часть, которую можно поделить на фронтенд и бэкенд.
Фронтенд-разработчик в вебе, это тот, кто умеет работать с шаблонами и скриптами (JS). Это и динамика, и возможность обработки информации, и много чего еще.
Бэкенд-разработчик в вебе уже не относится к верстке, однако именно от него зависит обработка информации на сервере... те же формы регистрации никто не делает на JS, а формы, сделанные чисто на HTML, никакой функции выполнять не будут.

Не ищи, а то найдёшь!
https://www.youtube.com/playlist?list=PL1NBhQGGj46Y1AgV05YZz_-_zdKALLNvW

всё должно работать хотя бы в режиме "заглушки" / демо / локалки или тестов.

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

Верстка это собственно фактическая реализация задуманного

Вёрстка - это написание такого HTML/CSS кода, чтобы в браузере страницы сайта отображались согласно нарисованного ранее макету. Можно и без макета верстать, но это как в слепые шахматы играть. Про отношения JS и вёрстки выше написали.