#Тестовое задание для соискателя на должность frontend-разработчика
Необходимо сверстать предложенный макет и написать простое web-приложение, используя следующие инструменты, технологии и подходы:
- Использование JS-фреймворков (например, ReactJS или VueJS);
- БЭМ-подход;
- Препроцессинг CSS (например, scss);
- Повторное использование блоков;
- Разделение кода на компоненты/модули (презентационные и компоненты-контейнеры);
- Webpack.
Желательно:
- Максимально выделить автономные компоненты, для удобного масштабирования и поддержки web-приложения;
- Вносить свои дополнения, для усовершенствования web-приложения.
###Попробуйте написать модульный, изолированный, повторно-используемый код.
##Задание на вёрстку выглядит следующим образом:
- Сверстайте и напишите js-компонент смены статуса пользователя;
- Макет должен быть свёрстан адаптивно;
- Элемент выпадающего списка (Ваш город) нужно наполнить данными из прилагаемого
JSON (cities.json):
- в JSON-файле есть список городов и значение численности населения для каждого; //* в выпадающий список должны попасть только города с населением // превышающим 50000;
- список городов в выпадающем списке нужно отсортировать по алфавиту, но на первое место поставить город с наибольшим значением численности населения.
- Все поля формы, кроме номера телефона, электронной почты и чекбокса, обязательны для заполнения, но если пользователь указал чекбокс, то электронная почта должна быть заполнена;
- Должна быть реализована валидация на клиенте;
- При отправке формы показываем дату и время последнего изменения рядом с кнопкой отправки формы;
- Из данных формы при отправке нужно сформировать JSON и вывести его в консоль.