Модуль 2. Разработка дизайна веб-приложений
Общие требования
Уделите особое внимание дизайну. Оптимизируйте и улучшите предоставленные изображения, размещайте элементы интерфейса гармонично. Применяйте библиотеки и фреймворки для повышения качества графической подсистемы.
Все результаты передаются через индивидуальный репозиторий Git. Коммиты — минимум в начале и в конце модуля.
Требования к адаптивности
Разработайте дизайн всех страниц под смартфон с разрешением 390 × 844 px.
Допускается представление в виде .html-файлов (отдельный файл для каждой страницы).
Слайдер изображений
Заказчик требует наличие слайдера, который:
- автоматически переключает изображения с интервалом 3 секунды;
- содержит 4 изображения одинакового размера;
- имеет кнопки управления «вперёд / назад»;
- органично вписан в общий дизайн приложения.
Дополнительный функционал
Страница регистрации
- Ошибки валидации отображаются непосредственно на форме.
- По кнопке «Зарегистрироваться» пользователь заносится в БД при условии: все поля прошли валидацию, логин уникален.
Страница авторизации
- Ошибки валидации отображаются на форме.
Страница просмотра заявок
- Возможность оставить отзыв — только после прохождения курса обучения.
Страница формирования заявки
Наименование курса — из выпадающего списка:
- Основы алгоритмизации и программирования
- Основы веб-дизайна
- Основы проектирования баз данных
Дата начала обучения — формат ДД.ММ.ГГГГ.
Панель администратора
Дополнительные элементы интерфейса:
- фильтрация данных;
- всплывающие сообщения;
- пагинация.