Exam appraisal

[haiarha]

Критерии из LMS:

Критерии по оценке в баллах (9 баллов - это отлично):

1. Верстка - законченность секций (всего 5 баллов)

• 1 балл - HEADER ✅ (а так и задумано, что переход по ссылке в навигации работает только по клику в кружочек?)
• 1 балл - PROJECTS - 0.95✅ есть небольшие различия в отступах и типографике - цвет, жирность шрифта итд. (скриншот сравнения ниже)

• 1 балл - NEWS ✅
• 1 балл - GALLERY ✅
• 1 балл - CONTACT + FOOTER ✅
• (не обязательный) 1 балл - Адаптивность - нет

2. JS (всего 4 балла)

• 1 балл - HEADER Cлайдер - ✅
• 1 балл - NEWS Слайдер - ✅
• 1 балл - Карта - ✅0.8 - метки нет
• 1 балл - Плавная прокрутка навигации и кнопок к секциям - ✅

✅ Оценка: 8.75 баллов

Соответствие требованиям по макету:

• :hover, :focus эффекты на ваше усмотрение ✅
• При клике в меню реализовать плавную прокрутку к соответствующей секции ✅
• При клике на иконку со стрелкой в первой секции плавная прокрутка к PROJECTS ✅
• HEADER и NEWS: слайдеры ✅
  • HEADER: картинка и текст являются одним слайдом ✅
  • NEWS: каждая новость это слайд, листается по одной новости. Сделать автоматическое листание с задержкой в 4 секунды. ✅
• Карта рабочая с отмеченной меткой ❗️

Соответствие общим требованиям:

• Проект называем monticello ✅
• Валидность HTML/CSS ❗️ в HTML присутствуют пробелы в некоторых атрибутах (href), в которых они недопустимы (телефон, к примеру, в href можно указать без каких-либо разделительных пробелов и дефисов, оставив + в начале) и невалидные дочерние элементы тега ul. В CSS серьезных проблем нет.
• Семантичность верстки ✅
• Соответствие макету (используем pixel perfect)
• Использование шрифта как в макете
• Шрифты подключаем через Google Fonts и @font-face ✅
• Кроссбраузерность Chrome, Firefox, Opera, IE11++
• Все интерактивные элементы должны иметь :hover, :focus стили ✅
• Наличие favicon ❗️
• Использование препроцессора ✅
• Использовании БЭМ ✅ (есть нюанс, есть 2 есть элемент который одновременно является сразу 2мя БЕМ элементами - photo-galery__item photo-galery__image такая структура не по бэму)
• Использование SVG где возможно ✅

Заключение:

👍 Вебсайт сверстан неплохо, особых рекомендаций, кроме того, что описал - нет.

[Kainos-SU]

Спасибі за оцінку. Є куди тягнутись. Однак є декілька питань. По header - ти маєш на увазі шо на тачскріні не получиться перейти на наступну секцію ніяк інакше окрім як через кружок чи ссилки навігації - це так не задумано, це наслідки того шоб зробити повноекранний вертикальний слайдер. А ссилки в навігацї вгорі працюють і від тексту, і від кружочка. По секції projects - я так поняв зліва макет. Це у тебе всі кнопки так посипались чи тільки на цій секції?

[Kainos-SU]

По pixel perfect вибивається тільки кнопка і адреса (на макеті жирніше.)

[Kainos-SU]

Якшо шо то png файл, по якому я рівнявся, лежить у папці ref (оригінальну psd github одказався примати, каже дуже велика).