Общее описание задания
Тестовое задание состоит из нескольких уровней:
1. Сверстать предоставленный макет кроссбраузерно, реализовать переключение  
между табами и кастомный скроллбар;
2. Добавить (можно вне предоставленного макета на той же странице) форму  
добавления интересов, состоящую из поля ввода названия интереса и кнопки  
«Добавить интерес». Валидация поля ввода на свое усмотрение. При нажатии  
кнопки «Добавить интерес» интерес должен добавляться в начало списка. При  
клике на интересе в списке интерес должен удаляться;
3. Реализовать интерфейс изменения информации о пользователе. При клике на имени  
пользователя («Виталя Гора» в макете), телефоне, email вместо текущего значения  
должно появляться поле ввода (при этом в нем должно быть сразу подставленное  
текущее значение). После снятия фокуса с поля ввода введенное значение должно  
сохраняться на странице;
4. Реализовать хранение измененных пользователем значений из пункта 3 в localStor￾age (так, чтобы если пользователь изменил имя на «Геннадий Директ», после  
закрытия браузера и открытия страницы вновь имя пользователя был Геннадий  
Директ).
Требование к реализации
1. Выполненное задание должно соответствовать макету. Плюсом будет мобильная  
версия приложения и нормальная работа на мобильных устройствах;
2. Требования по браузерам: Internet Explorer 10+, Chrome, Opera, Yandex Browser,  
Firefox последних версий.  
Требования к коду
1. Верстка должна быть валидная и семантичная;
2. JS код должен быть структурированным и понятным. Не запрещается использование  
каких-либо библиотек или фреймворков;
3. Плюсом будет использование каких-либо сборщиков, выбор стека остается за кандидатом.    Требования к передаче результатов
Результаты выполнения тестового задания должен быть предоставлен в следующем  
виде:
1. Сборку проекта можно предоставить в следующем виде:
• Архив htc-test-build.zip со сборкой проекта, содержащий страницу index.html и  
ресурсы (css, js, изображения);
• Ссылка на репозиторий, содержащий саму сборку, либо сборку + исходники;
• Ссылка на страницу кандидата в интернете, где будет выложено выполненное  
задание.
2. Если проект собирается с помощью какого-либо сборщика, то исходники можно  
передать следующими способами:
• Ссылка на репозиторий (например github, bitbucket), в репозитории должен быть  
файл READMЕ.md с краткой инструкцией по запуску проекта. В репозитории не  
должно быть папки node_modules;
• Архив htc-cs-src.zip с исходниками проекта и инструкцией README.md с краткой  
инструкцией по запуску проекта. В архиве не должно быть папки node_modules.

Значит, сначала пиши сервер. Учи его принимать запрос с ником и отдавать данные (например, в JSON).

Конечно, не забудь выставить правильные заголовки content-type, accept, CORS-заголовки

и сколько обещают по зарплате?

После этого задания ещё 3 месяца учёбы

Над макет смотреть. Кастомный скроллбар смущает, а так вроде норм задачка.

Мне прадлагали дать уже полностью тестовое, но я ещё много из этого не знаю

а Internet Explorer 10+ не смущает?

Не очень, в принципе.

Скроллбар мутная фигня, если на жс его делать - это одно потянет на отдельное тестовое, если по-уму делать.

Скроллбар - тот ещё дроч

ты сам его собрался делать?

Там написано - реализовать переключение  
между табами и кастомный скроллбар;

там написано про кастомный скроллбар

Думаю, подразумевается, что надо самому это делать, а не плагин ставить

а еще там написано "Не запрещается использование каких-либо библиотек или фреймворков;"

Ну, только если так :)

кастомный скролбар - переделал плагин)

удачи в поиске нормального кроссбраузерного пусть даже уже готового решения кастомного скроллбара