Выпускники.ru, тестовое задание front-end разработчика
CSS JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
design
.gitignore
Gruntfile.js
README.md
index.html
package.json

README.md

Выпускники.ru, тестовое задание front-end разработчика

Общее описание

Необходимо сверстать страницу в соответствии с дизайном. За исключением блоков, описанных ниже, страница статична (только html, css).

Три блока , описанных ниже, должны иметь функционал, обеспечиваемый клиентскими сценариями (скриптами). Использование таких библиотек как require.js и knockout.js (backbone, angular) в клиентских сценариях будет плюсом.

Блок «Ваши однокурсники»

Список однокурсников должен загружаться асинхронно (с помощью ajax запроса). Ответ на асинхронный запрос должен представлять собой json объект с информацией об однокурсниках (ссылка на фото, имя, фамилия; можно использовать одинаковое фото, имя и фамилию для всех однокурсников). При наведении курсора на фото одного однокурсника должна показываться подсказка с его именем и фамилией.

Блок «Выбрать дату встречи»

При показе страницы ни один контейнер с датой не выбран (все контейнеры имею серую окраску). По клику пользователя нужный контейнер становится активным. Одновременно может быть выбран только один контейнер. По клику на кнопку «Изменить» в активном контейнере пользователь получает возможность задать дату. Пользователь должен иметь возможность указать число и месяц. Время 19:00 фиксировано, изменять его нельзя. Будет плюсом использование js плагина для удобства указания даты. После указания пользователем даты, дата изменяется в верстке соответствующего контейнера.

Блок «Выбрать ресторан»

При показе страницы ни один контейнер с рестораном не выбран (все контейнеры имею серую окраску). По клику пользователя нужный контейнер становится активным. Одновременно может быть выбран только один контейнер. По клику на кнопку «Изменить» в активном контейнере пользователь получает возможность задать цену на человека. Будет плюсом проверка корректности ввода пользователя. После указания пользователем цены, цена изменяется в верстке соответствующего контейнера.