mpreterer / Hotel-Toxin

0 stars 0 forks source link

PUG #12

Open metanonum opened 2 years ago

metanonum commented 2 years ago
  1. Все интерактивные элементы форм должны быть внутри тега <form> HTML 2.14
  2. Лучше вынести функционал смены фоновых изображений страницы в отдельный компонент
metanonum commented 2 years ago
  1. Pug поддерживает новые возможности js, не забывай про них. Скриншот 12-09-2022 160152 var -> const 'colors__square_' + colorItem -> `color-section__squarecolor${color}` Здесь еще не очень удачное именование. Это блок для одного конкретного цвета, почему он во множественном числе? И ошибка БЭМ: неверное именование модификаторов. Здесь множество значение для одного типа модификатора, т.е. именование должно быть ключ_значение.
  2. Стиль отступов должен быть единообразным. Скриншот 12-09-2022 160214 Такого что где-то 2 пробела, а где-то 4 быть не должно. А произвольное количество тем более. Настройка отступов по-умолчанию в редакторе и автоисправления притиера могу упростить жизнь. И не забывай еще eslint и stylelint проверять. Вероятно у тебя не подсвечиваются ошибки в .scss. Для vscode есть соответствующие плагины читающие твою конфигурацию и проверяющие код сразу в редакторе. Для других ide есть подобные плагины. + функционал притиера для автоисправления по горячим клавишам или в контекстном меню.
  3. Нужно ограничить длину строки до 70-80 столбцов, я в правках для js упоминал, что к .pug это тоже относится. Скриншот 12-09-2022 162844
  4. У всех элементов форм, которые передают информацию, должен быть name, уникальный в пределах этой формы.
  5. Поле Email не должно быть типа text. HTML 2.17
metanonum commented 2 years ago

12.6

Информация о гостях не отправится. Скриншот 16-09-2022 172031

12.7

Скриншот 16-09-2022 172203

metanonum commented 1 year ago
  1. Не указан тип переменной roomsList - это константа; и лучше как-то обозначить что это JSON-объект в имени

Скриншот 26-01-2023 201351

  1. Почему не соблюдаешь семантику? Для компонента ассоциированного с формой правильно будет использовать соответствующие html-теги вместо div-ов. Я же даже показывал их.

Скриншот 26-01-2023 201501