Чеклист для самопроверки. 1 Спринт.

В этом документе описаны критерии, которым должна соответствовать работа. Убедитесь, что ваша работа соответствует всем критериям. И только после этого отправляйте на ревью.

Если не соблюсти хотя бы один из критериев этого блока, ревьюеры не станут проверять работу. Придётся её доделывать и отправлять на проверку снова.

• Ошибки в вёрстке:
  • один или несколько блоков неверно отображаются в Firefox, Google Chrome или Yandex Browser;
  • пять или больше элементов отсутствуют вовсе;
  • не применяется технология выравнивания или построения сетки.
  • не хватает секции;
  • порядок блоков не соответствует брифу;
  • на десктопных разрешениях (1100px +) страница прокручивается по горизонтали;
  • некорректно указан шрифт.
• Код плохо оформлен:
  • не соблюдена вложенность HTML в более чем пяти местах;
  • не соблюдён стиль написания CSS-правил более чем в пяти местах.

В этом блоке собраны вопросы, на которые вам предстоит ответить, чтобы выявить и самостоятельно исправить частые ошибки. В следующих спринтах мы обновим критерии для самопроверки.

Общее

• Репозиторий содержит все необходимые файлы: изображения, файлы стилей и HTML?
• Стили подключены отдельным файлом? Подключен ли в head файл normalize.css?
• Соответствует ли вёрстка брифу внешне?
• В коде HTML и CSS нет опечаток? Страница валидна

  Валидность — один из показателей качества вашей вёрстки. Показывает, насколько она соответствует стандартам W3C: соблюдена ли вложенность элементов, все ли элементы существуют, закрыты ли парные теги и другие критерии. Проверить код на наличие ошибок можно в валидаторе. Наличие предупреждений допустимо.

  ? Рекомендуем использовать валидатор разметки от w3.org.
• Все блоки из брифа свёрстаны?
• Все блоки, элементы и модификаторы названы в соответствии с брифом?
• Названия классов CSS в разметке соответствуют явно указанным в брифе?
• Добавлены ли в футер иконки и текст?
• В футере есть ссылки? По ним можно кликнуть?

Семантика

• У всех изображений есть атрибут alt?
• Для вёрстки заголовков применяются только несколько тегов от <h1> до <h6>, текстовые блоки размечены тегами <p>, присутствуют элементы <header>, <main>, <footer>, <section>? Они используются по назначению?

Заголовки

• На странице есть заголовок первого уровня? Соответствуют ли заголовки иерархии страницы? Нет ли на странице скрытых с помощью CSS заголовков?

CSS

• Соответствуют ли брифу значения отступов у элементов ?
• Обнулены стандартные значения отступов у элементов (заголовков, параграфов, списков) в соответствии с брифом?
• Картинки в проекте не перекрывают текст? Текст располагается над изображением по оси Z?
• Абсолютное позиционирование применено только к тем элементам, о которых сказано в брифе?
• У всех ли абсолютно спозиционированных элементов заданы координаты по двум слоям (например, top и left
• У блоков фиксированная высота? Растягивается ли блок, когда текст внутри него увеличивается в
  2–3 раза?
• Ссылки, фоны секций и шрифты раскрашены, как в брифе?
• Для создания сеток используется flex либо grid-layout?