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