Необходимо сверстать сайт десктоп и мобилку.
Проект по ссылке:
Требования к работе:
- Кросбраузерность
- Изображения webp
- Иконки swg
- Расположение для ресурсов /theme/assessment-service-for-lawyers/(js|css|fonts|img|...)
- Для js допускается использовать как модули так и собранный в один файл.
- Для js можно использовать какие то микро-фреймворки, но по согласованию.
- Для css особых требований нет, но также лучше согласовать перед началом если планируется использоваться какой то громозкий фреймфорк вроде бутстрапа. Основные цвета|фоны|градиенты вынести в переменные.
- Что касается элементов дизайна, такие как слайдер, их нужно реализовать так чтобы они были
одного размера воизбежание "скакания" при листании.
- Пожелания к верстке использовать какой-то подход в структуре и нейминге, например БЭМ. Это позволит создать все необходимые элементы изолированными и без зависимостей от внешних элементов. Желательно использовать семантическую верстку.
Уточнение по фронтенд-валидации форм:
Так как есть не только фронтенд но и бэк валидация. Тут нужно общую схему
<div class="some-field-wrapper some-field-wrapper__smth">
...
<div class="some-field some-field__error">
<input />
<div class="some-field-error">
<span />
</div>
</div>
...
</div>
Для характерныйх полей таких как номер телефона, почта, инн, и тд нужно на фронте проверять шаблок/маску.
По библиотекам, которые будут одобрены это:
-
-
- jquery