Где найти критерии вёрстки из HTML Academy?

Question

[Johny Smith]

Интересует текст критерия Д25, другие тоже интересно почитать для самообразования, где их достать?

Comments

[Ольга Ветер]

Д25 Нет глобальных стилей тегов.

А так они идут в придачу к базовому курсу :)

[Johny Smith]

Ольга Ветер,

они идут в придачу к базовому курсу

у вас не осталось, можете в облако выложить?

[Ольга Ветер]

Olek1, я там сейчас наставник, боюсь меня не правильно поймут :)
В принципе основное есть тут https://habr.com/company/htmlacademy/blog/254171/
Более тонкие детали вам не понадобятся, если вы не будете туда работу сдавать на проверку.

Answer 1

[Kadzi]

Comments

[Kadzi]

еще один чек-лист

[Johny Smith]

Можно ссылку?

[Kadzi]

Olek1, это из личного кабинета на сайте с интенсива

[Kadzi]

Olek1, Базовые критерии
Разметка
Б1. Выполнена HTML-разметка всех страниц и всех элементов на страницах.
Б2. К страницам подключён один стилевой файл (с учётом normalize.css к каждой странице могут быть подключены два файла).
Б3. Стилевой файл подключён внутри .
Б4. Грубые ошибки в разметке отсутствуют.
Б5. Документ проходит проверку на валидность validator.w3.org/nu/.
Стилизация
Б6. Вся собственная стилизация выполнена в одном стилевом файле.
Б7. Раскладка блоков на странице сделана с помощью флексбоксов.
Б8. В CSS отсутствует !important.
Б9. Подключены правильные шрифты, их размеры, высота строк, цвет и толщина равны соответствующим параметрам в макетах и техническом задании.
Б10. Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
Б11. При наполнении контентом (как в макете) элементы каждой страницы соответствуют макету.
Тестирование
Б12. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, Edge, а также в Internet Explorer 11+.
Б13. Сайт нормально смотрится на минимальной для макета ширине.
Разное
Б14. В корне документа имеются папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов, использованы только латинские символы.
Б15. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
Б16. Выбран подходящий формат изображений.
Б17. Проект соответствует техническому заданию
Дополнительные критерии
Разметка
Д1. У всех изображений в теге прописан размер.
Д2. Использовано минимально возможное количество HTML-элементов (нет лишних элементов).
Д3. Все скрипты подключены непосредственно перед .
Д4. Названия полей форм привязаны к своим полям с помощью .
Стилизация
Д5. Использован normalize.css.
Д6. Для стилизации не использованы #id.
Д7. Нет вложенности селекторов больше двух.
Д8. При использовании блочно-строчных элементов явно указывайте вертикальное выравнивание
Д9. Для CSS-свойств с префиксом указан его вариант без префикса, и это указание идёт последним.
Д10. Для блока, у которого есть фоновое изображение, прописан фоновый цвет, который соответствует преобладающему цвету изображения (пока изображение не загружено, страница выглядит похоже на макет).
Д11. Все состояния элементов (смотрите styleguide.psd) прописаны в стилевом файле.
Д12. Стилизация нестандартных элементов форм.
Д13. Файл стилей представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
Д25. Нет глобальных стилей тегов.
JavaScript
Д14. Собственные скрипты собраны в отдельном JavaScript-файле, который подключён в HTML перед закрывающим тегом body.
Д15. JavaScript-файл представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
Д16. С помощью JavaScript реализовано открытие/закрытие окна с формой (без вспомогательных библиотек).
Д17. С помощью JavaScript добавлена анимация формы (без вспомогательных библиотек).
Д18. Добавлена интерактивная карта (допускается подключение с помощью iframe).
Тестирование
Д19. Вёрстка проходит тест на переполнение контентом.
Доступность
Д26. У интерактивных элементов при нажатии или фокусе с клавиатуры есть активное состояние.
Д27. Все интерактивные элементы имеют текстовое описание.
Разное
Д20. Критическая функциональность сайта работоспособна без JavaScript (использовано прогрессивное улучшение).
Д21. Отсутствует транслит в названиях классов, атрибутах, названиях файлов и так далее.
Д22. При взаимодействии с элементами (наведение, нажатие) ни сам элемент, ни окружающие его блоки не меняют своего положения (если иное не прописано в техническом задании или styleguide.psd).
Д23. Проведена базовая оптимизация: минифицированы стили и скрипты (при наличии).
Д24. Страницы должны ссылаться друг на друга из главного меню.

[Johny Smith]

Kadzi, подскажите, а критерии начинаются только на буквы Б и Д, и буквы А, В, Г уже были?

[Kadzi]

Olek1, только то, что есть выше

[Johny Smith]

Kadzi, жаль что у вас есть скриншот с кратким описанием и понятными примерами только одного критерия

Answer 2

[Антон Федорян]

Вот есть какие-то критерии

Их github, тоже много интересного

Comments

[Johny Smith]

Первая ссылка это прототип того что нужно, только очень старое от 27 марта 2015, сегодня по этим материалам выстроена отдельная схема критериев сдачи работ, в буквенно-циферном формате уже она гдето есть

Answer 3

[Андрей]

codeguide.academy/javascript.html

Answer 4

[gchigrov]

https://yadi.sk/d/qzaY1jBt3QJXiQ

Критерии 1 - критерии первого интенсива
Критерии 2 - второго