Веб-верстка

Бэкенд

Для разработки сайта предлагается уже готовая вёрстка, от программиста требуется лишь написать бэкенд сайта, т. е. сделать сайт динамическим, реализовать возможности по добавлению, просмотру лотов и приёму ставок.

Разработка бэкенда должна вестись на языке программирования PHP 7.1 и выше, база данных — MySQL 5.7 и выше.

При разработке схемы базы данных необходимо принимать во внимание какие сущности необходимо хранить, их поля и возможные связи друг с другом.

Также необходимо иметь представления о необходимых функциях системы и процессах, которые эти функции используют.

Процесс — это автономная операция, выполняющая полезное действие. К примеру: добавление нового комментария или регистрация аккаунта.

Примеры:

  • Регистрация аккаунта
  • Публикация поста
  • Оформление покупки
  • Оплата и др.

Фронтенд

1

1. Общие технические требования

1.1. Стандарты вёрстки: HTML5, CSS3, прогрессивное улучшение.
1.2. Сетка: определена в макете.
1.3. Адаптивность вёрстки.
1.4. Используемые фреймворки.
1.5. Кроссбраузерность: Chrome, Firefox, Safari, Edge, Internet Explorer 11.
1.6. Типографика: частично определена в макете (прочее — на усмотрение разработчика).
1.7. Используемый шрифт: есть в папке с макетом и на Google Fonts.
1.8. С макетом предоставлен styleguide.psd, содержащий прорисовку состояний элементов интерфейса. При любых расхождениях с макетами он должен иметь наивысший приоритет.

2

2. Обязательные требования
2.1. Контентная область центрируется и не может быть уже макетной ширины.
2.2. Логотип не является пунктом меню. Его нужно размечать отдельным элементом.
2.3. Главное меню: при наведении на пункт меню появляется подменю ( при наличии – «Ховеры» в gllacy-index.psd).
2.4. Главное меню: пункт подменю «Сливочное» должен вести на внутреннюю страницу (gllacy-catalog.psd).
2.5. Шапка: при наведении на кнопку поиска появляется форма для ввода текста ( «Ховеры» в gllacy-index.psd).
2.6. Шапка: при наведении на кнопку «Вход» появляется форма для авторизации («Ховеры» в gllacy-index.psd).
2.7. Карусель под шапкой страницы: слайдер. Вёрстка всех слайдов обязательна. Оживление слайдера необязательно, принцип оживления описан в 7 разделе.
2.8. Блок карты: достаточная реализация — обычное изображение.
2.9. Вёрстка модального окна обязательна .
2.10. Карточка товара: поведение этого элемента при наведении на главной странице аналогичны поведению на странице каталога (styleguide.psd).
gllacy-catalog.psd:
2.11. Логотип — это ссылка на главную страницу.
2.12. В хлебных крошках пункт «Главная» — это ссылка на главную страницу.
2.13. Фильтр: верстать с помощью формы, кнопка «Применить» отвечает за отправку формы.
2.14. Блок «Цена»: при взаимодействии с любым из маркеров в качестве указателя допускается использовать любой подходящий тип курсора. Делать маркеры интерактивными не обязательно, цена меняться не должна.
2.15. Количество товаров может быть любым, оно не должно ломать страницу.

3

Дополнительные требования

3.1. Карусель под шапкой страницы: оживление слайдера. Достаточная реализация — мгновенная смена слайдов, без промежуточных переходов. По желанию можно добавить анимацию для плавной смены слайдов. При смене слайдов происходит смена фонового цвета на всей странице (смотрите папку слоёв «Фон» в gllacy-index.psd).
3.2. По клику на кнопку «форма обратной связи» появляется модальное окно с формой отправки сообщения ( «Ховеры» в gllacy-index.psd). Окно позиционируется относительно вьюпорта, а не страницы.
3.3. Блок карты: интерактивная карта. Высота карты постоянная, ширина карты подстраивается под ширину вьюпорта (но не уже контентной ширины макета). На карте размещён маркер. Допустимо использовать как стандартный, так и кастомный маркер. Реализация по желанию.
gllacy-catalog.psd:
3.4. Фильтр: по нажатию кнопки «Применить» осуществляется отправка формы.

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.