Измерение качества в пространстве Front End Development?

Question

Как вы оцениваете качество в пространстве Front End Development?

Существуют ли какие-либо инструменты / методы / лучшие практики, которые вы считаете особенно подходящими?например, модульное тестирование для JavaScript, YSlow, проверка страницы?

Было бы интересно узнать мнение других об этом, поскольку я думаю, что это открытый конец.Например, вы могли бы сказать, что знак качества в том, что готовый сайт выглядит одинаково во всех браузерах, HTML проходит валидацию, как и CSS.

Эти моменты оспариваются, так как я лично не считаю, что валидация этоважный и / или готовый сайт должен обязательно выглядеть одинаково во всех браузерах, например, отсутствие закругленных углов в тех браузерах, которые их не поддерживают.

Answer 1

Чтобы вручную проверить разработку интерфейса:

Посмотрите на веб-сайте:

• Хорошо ли это выглядит?
• чувствовать себя отточенным?
• Работает ли без JavaScript
• Используется ли JavaScript только для улучшения веб-сайта (без учета веб-приложений только на JavaScript)
• Работает ли базовая функциональность в Chrome, FF3.6, FF4, IE8, IE9, Opera10, Opera11, Safari4, Safari5.
• Влияет ли JavaScript на опыт?
• Слишком сильная зависимость от Flash / Java / Unity / SilverLight?
• Является ли JavaScript минимизированным / сжатым?

Посмотрите на не минимизированный код:

• Является ли HTML семантически правильным?
• Имеет ли HTML какой-либо смысл для экранных читателей или слепой аудитории
• - правильные используемые HTML-сущности.(Нет таблиц для разметки)
• улучшает ли CSS HTML
• Есть ли разделение на HTML и CSS.
• Подтверждает ли это 4.01, XHTML1.1 или HTML5validation?
• Имеет ли CSS значение полных имен.
• Является ли JavaScript модульно написанным?
• Соответствует ли JavaScript стандартам ES3?
• Убедитесь, что браузер использует минимальный анализ.

Исписок можно продолжать и продолжать.

Важным моментом является хороший HTML с CSS, который используется для улучшения пользовательского интерфейса и макета, и что JavaScript расширяет функциональность правильно.

Также убедитесь, что сторонние приложения, такие как flash и SilverLight, используются только для сложных приложений или мощных анимаций.

Да и, конечно, проверьте, что это не сгенерированная ерунда автоматически из ASP.NET, WordPress, SharePointи т. д.

Существуют ли какие-либо инструменты / методы / лучшие практики, которые, по вашему мнению, особенно актуальны?например, модульное тестирование для JavaScript, YSlow, проверка страницы?

Читая ваш вопрос более внимательно, я рассмотрел его по касательной.Если вам нужны автоматизированные инструменты, проверка HTML хороша.Использование внешних инструментов, таких как YSlow, прекрасно.Использование юнит-тестирования js отлично.Это все хорошие и действительные инструменты, которые вы должны использовать.

Я уверен, что есть и другие, но у меня нет личного опыта, чтобы рекомендовать их.