Что такое шаблон проектирования во фронтенд-разработке?

Шаблоны проектирования — это повторяющиеся решения, которые решают проблемы дизайна веб-разработки и обеспечивают общий язык для веб-разработчиков, создающих пользовательские интерфейсы. Как правило, шаблоны не определяют требования, а скорее представляют рекомендуемые решения проблем проектирования. Они дают обобщенные решения в виде шаблонов, которые можно применять к реальным проблемам.

Вот несколько устоявшихся и хорошо принятых примеров шаблонов дизайна в адаптивном веб-дизайне Bootstrap:

• Гибкий дизайн: это самый популярный и простой вариант адаптивного дизайна. В этом шаблоне макет с несколькими столбцами на большом экране отображается как один столбец на меньшем экране в абсолютно такой же последовательности.
• Отбрасывание столбца: в этом шаблоне страница также отображается в одном столбце; однако порядок блоков меняется. Это означает, что если блок контента виден первым по порядку в случае большого экрана, он может отображаться как второй или третий в случае меньшего экрана.
• Сдвиг макета: это сложный, но мощный шаблон, при котором вся компоновка содержимого экрана изменяется в случае меньшего экрана. Это означает, что вам необходимо разработать разные макеты страниц для больших, средних и маленьких экранов.

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

• Макеты Bootstrap или Grid 960 (о решении)
• MV[V]M (как в Угловой, KO..)
• Прогрессивное улучшение

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

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

См. справку по Шаблонам проектирования программного обеспечения: "Шаблоны проектирования". : Элементы многоразового объектно-ориентированного программного обеспечения" -"Банда четырех"