Skip to content

Latest commit

 

History

History
18 lines (16 loc) · 1.31 KB

README.md

File metadata and controls

18 lines (16 loc) · 1.31 KB

Wikimart - тестовое задание.

Текст задания:

  1. Создать репозиторий на github
  2. Сгенерировать двумерный массив объектов. Массив 8x256. Объекты вида {name: name; id: id, color: color} Имя, цвет и ID также должны быть сгенерированы случайно
  3. Создать приложение из двух разделов: Приветствие, Таблица.
  4. На приветственной странице - пишем что угодно (Привет Мир!)
  5. В таблице выводим двумерный массив (8 столбцов, 256 строк)
  6. Ширина одного столбца - 300px, высота ячейки - 32px
  7. Окно приложение должно быть равно размеру окна браузера.
  8. Шапка приложения должна быть зафиксирована вверху экрана
  9. Строки таблицы должны подгружаться по мере скролла. А столбцы - все сразу.
  10. При первой загрузке подгружается только то количество строк таблицы которое входит в экран + 10 строк.
  11. При переключении между вкладками приложения переключается хэш в локации. Работатет браузерная история (переключения между вкладками).
  12. Соответственно таблица находится в контейнере с вертикальным и горизонтальным скроллом. Само приложение скроллов не имеет, так как равно размерам браузерного окна.
  13. Все ячейки таблицы выводятся белыми - с названием внутри {name}. При клике на ячейку - она плавно заливается цветом color
  14. Поместить работу в github репозиторий. Использовать только HTML CSS JS (и любые фреймворки для перечисленных языков)