Задание: HTML-верстальщик. Верстка сайта (Дистанционная работа)
Необходимо сверстать сайт десктоп и мобилку.
Проект по ссылке: https://www.figma.com/design/vlXMAy9wsFmHA5XFPxBeUv/Gde-ocenka.ru-(Copy)?node-id=463-1038&t=KZ5GkrevBNEWqWDZ-1
Требования к работе:
- Кросбраузерность
- Изображения webp
- Иконки swg
- Расположение для ресурсов /theme/assessment-service-for-lawyers/(js|css|fonts|img|...)
- Для js допускается использовать как модули так и собранный в один файл.
- Для js можно использовать какие то микро-фреймворки, но по согласованию.
- Для css особых требований нет, но также лучше согласовать перед началом если планируется использоваться какой то громозкий фреймфорк вроде бутстрапа. Основные цвета|фоны|градиенты вынести в переменные.
- Что касается элементов дизайна, такие как слайдер, их нужно реализовать так чтобы они были
одного размера воизбежание "скакания" при листании.
- Пожелания к верстке использовать какой-то подход в структуре и нейминге, например БЭМ. Это позволит создать все необходимые элементы изолированными и без зависимостей от внешних элементов. Желательно использовать семантическую верстку.
Уточнение по фронтенд-валидации форм:
Так как есть не только фронтенд но и бэк валидация. Тут нужно общую схему
Для характерныйх полей таких как номер телефона, почта, инн, и тд нужно на фронте проверять шаблок/маску.
По библиотекам, которые будут одобрены это:
- https://turbo.hotwired.dev/
- https://stimulus.hotwired.dev/
- jquery
