clean-code-s1e1

[AtlasShd]

1. Task:
   https://github.com/rolling-scopes-school/tasks/blob/master/stage1/modules/clean-code/clean-code-s1e1.md
2. App screenshot:
   
3. Deploy:
   https://atlasshd.github.io/clean-code-s1e1/
4. Done 29.05.22 (deadline 31.05.22)
5. Score: 45/45

[ ] Правило '1.1 Отступы' из html-and-css выполняется во всем проекте: табуляция не используется, все отступы выполнены пробельным символом: (+2)
✓ Вместе с этим выполнен пункт 3.6, так как были добавлены правильные пробельные отступы во всём проекте.

[ ] Правило '1.2 Нижний регистр написания' из html-and-css выполняется во всем проекте: все HTML теги, атрибуты из значения, селекторы и их значения записаны в нижнем регистре. (+2)

[ ] Правило '1.3 Кавычки в HTML/CSS документе' из html-and-css выполняется во всем проекте: в HTML и СSS файлах используются только двойные кавычки. (+2)

[ ] Правило '2.1 Форматирование' из html-and-css выполняется во всем проекте: все блочные, табличные и списочные элементы перенесены на отдельную строку и выделены отступами в соответствии с лестничной иерархией вложенности: (+2)
✓ Не перенесено внутри: a, label, h2, button, так как внутри них обычный текст.
✓ Не перенесён элемент label внутри h1, потому что это строчный элемент.
✓ Не перенесены элементы img внутри button, так как img являются строчными элементами.

[ ] Правило '2.2 Тип документа / Document Type' из html-and-css выполняется во всем проекте: doctype присутствует первым тегом в html документе и соответствует типу html5: (+2)
✓ Пункт корректно выполнен в самом конце для удобства работы, так как всё смещается при его изменении.

[ ] Правило '2.3 Символы-мнемоники' из html-and-css выполняется во всем проекте: символы-мнемоники не используются в html файлах. (+2)

[ ] Правило '2.4 Атрибут 'type'' из html-and-css выполняется во всем проекте: CSS-стили и JS-скрипты подключены без использования данного атрибута. (+2)

[ ] Правило '3.1 Единый стиль именования селекторов (классов / id)' из html-and-css выполняется во всем проекте: все селекторы именованы в едином стиле, при этом или в соответствии с БЭМ, или все слова в нижнем регистре и разделены между собой дефисом: (+2)
✓ Именование произведено в соответствии с БЭМ, поэтому пункт 3.2 также одновременно выполнен.

[ ] Правило '3.2 Значимые названия идентификаторов и классов' из html-and-css выполняется во всем проекте: все имена классов и идентификаторов имеют или осмысленные имена в соответствии с их функциональным значением (!но НЕ ВНЕШНИМ ВИДОМ!), или шаблонное имя (также соответствующее назначению элемента). (+2)

[ ] Правило '3.3 Лаконичность названий идентификаторов и классов' из html-and-css выполняется во всем проекте: все имена id и классов понятны, достаточно длинные для понимания их назначения и при этом лаконичны. (+2)

[ ] Правило '3.4 Теговые селекторы' из html-and-css выполняется во всем проекте: теговые селекторы не используются (за исключением намеренного сброса дефолтных стилей): (+2)
✓ При рефакторинге стилей также был выполнен пункт 3.8.

[ ] Правило '3.5 Отступы в блоках' из html-and-css выполняется во всем проекте: содержимое всех блоков отделены отступами. (+2)

[ ] Правило '3.6 Пробел после названий свойств' из html-and-css выполняется во всем проекте: значения CSS-свойств отделены пробелами после двоеточия: (+2)
✓ Выполнен в пункте 1.1.

[ ] Правило '3.7 Точка с запятой после свойств' из html-and-css выполняется во всем проекте: после каждого CSS-правила стоит точка с запятой. (+2)

[ ] Правило '3.8 Разделение селекторов и свойств' из html-and-css выполняется во всем проекте: каждый селектор в групповом перечислении CSS-блока отделен переносом строки: (+2)
✓ Выполнен в пункте 3.4.

[ ] Правило '1.1 Семантика' из html-and-css-extended соблюдено: все html-теги используются в соответствии с их назначением. При этом использование div-элементов сведено к минимуму, где возможно они заменены на семантические html5 элементы: (+5)
✓ Добавлен header.
✓ Добавлен main.
✓ Добавлены section.
✓ Добавлен заголовок h1.
✓ Изменены заголовки h3 на h2.

[ ] Правило '1.2 Альтернатива для мультимедиа' из html-and-css-extended соблюдено: каждый мультимедиа элемент (в данном задании img) имеет alt-атрибут с осмысленным содержанием, соответствующим контенту элементы. При этом чисто декоративные картинки имеют alt с пустым значением: (+5)
✓ Добавлен alt к главному изображению в header со значением: "The Eisenhower Matrix".
✓ Добавлен alt к svg изображениям кнопок remove с пустым значением, потому что они носят декоративный характер.

[ ] Правило '2.1 БЭМ' из html-and-css-extended соблюдено: все классы именованы согласно БЭМ нотации: (+5)
✓ Доработан пункт 3.1.

[ ] Обоснованное подозрение на списывание: число коммитов, порядок, текст сообщения и их содержание полностью совпадает с чужой работой: (-0)
✓ Работу делал сам

[ ] Работа с невыполненным обязательным требованием задания "Весь функционал приложения должен исправно работать после ваших изменений" (исключение, если функциональность была изначально поломана в исходном репозитории до изменений студента): (-0)
✓ Весь функционал рабочий, js-файл адаптирован.

[ ] Формат коммит сообщений составлен вразрез указаным в задании требованиям: (-0)
✓ Формат коммит соответствует указанным в задании требованиям.

[ ] Все правки сделаны в ОДНОМ коммите. (-0)

[ ] Коммит содержит изменения по нескольким правилам, НЕ перекрывающим друг друга: (-0)
✓ Имеются два случая, когда коммит содержит изменения по нескольким правилам, но перекрывающие друг друга.

[ ] Использовано неправильное название ветки или все сделано в master ветке. (-0)

[ ] Pull Request сделан НЕ в свой репозиторий. (-0)