Задача: сверстать сайт по готовому макету на HTML, CSS и JavaScript с использованием Bootstrap.
Что важно:
Нам нужен готовый фронтенд, который мы подключим к PHP-проекту.
Все JavaScript-функции должны содержать комментарии:
что вызывает функцию;
какие данные она отправляет на бэкэнд;
какой ответ ожидает.
(это нужно, чтобы интеграция с сервером прошла без проблем)
Верстка должна быть адаптивной: один шаблон, корректная работа как на десктопе, так и на мобильных устройствах.
Каждая страница из макета должна быть отдельным
.htmlфайлом.
(Исключение — элементы типа корзины, всплывающих окон, попапов и т.д.)Все страницы должны быть сделаны в единой архитектуре, чтобы подходить под наш шаблонизатор.
(Не должно быть уникальных, полностью отличных HTML-структур.)Страницы будут подгружаться через шаблонизатор по принципу:
index.tpl <body>{content}</body>product.tpl → {content}(То есть структура страниц должна быть максимально одинаковой.)
Все формы, интерактивные элементы и интерфейсы пользователя должны иметь валидацию на базе Bootstrap.
Можно использовать стандартную систему Bootstrap Validation или собственную реализацию, но с четким вызовом и комментариями.
Результат должен быть полноценным кликабельным шаблоном, где можно:
переходить между страницами;
взаимодействовать с формами;
открывать попапы;
проверять поведение элементов.
(То есть полностью собранная верстка с рабочим фронтенд-функционалом.)