Тестовое задание

Ссылка на опубликованную версию: http://wontech.ru/calendar/

Время выполнения

• Изучение инструментов в сборке ~ 2 часа (первый раз работал со Stylus и Jade\Pug).
• Базовая версия с переключением месяцев 5-6 часов.
• Быстрое добавление события ~3 часа.
• Редактирование событий по клику ~3-4 часа.
• Сохранение событий в LocalStorage <1 часа.
• Поиск ~2-3 часа.
• Адаптивная версия ~2 часа.
• Работа с ошибками eslint, переписывание классов стилей, тестирование в различных браузерах и прочее ~2-3 часа.
• Код JS был переработал (~4-5 часов), работа с календарём, UI, хранилище и основное приложение выделены в отдельные классы.

Реализация

• Возможно переключение между датами с помощью табуляции, открытие диалога работы с событием по нажатию пробела или Enter.
• При клике на событие в результатах поиска происходит перемещение к выбранной дате и открытие диалога редактирования.
• Кнопка обновить ничего не делает, добавлена т.к. есть в макете.

Поддержка в браузерах

Требования поддержки различными версиями браузеров не были обозначены, поэтому для проверки использовались актуальные версии Chrome, Firefox, Safary и Edge.

IE11

• Сетка ячеек в календаре реализована на Grid Layout (было интересно его попробовать). IE 11 не поддерживает актуальную спецификацию Grid Layout, поэтому в нём сетка отображается неправильно.
• Иконки реализованы с помощью SVG Symbol, некорректно отображаются в IE 11.