ЛАБОРАТОРИЯ ВЕБ-ТЕХНОЛОГИЙ

Внимание
к каждой детали.

Небольшое пространство для изучения веб-инструментов, тестирования и принципов надёжной разработки.

В фокусе

01 / WEB

Простой веб

Семантическая разметка, понятная навигация и адаптивный интерфейс. Хорошая основа начинается с небольшого количества осмысленных решений.

02 / QUALITY

Проверяемое качество

Полезная проверка отвечает на конкретный вопрос: что должен увидеть пользователь и как система поведёт себя при ошибке?

03 / SYSTEMS

Надёжные системы

Наблюдаемость, воспроизводимые настройки и ясные зависимости помогают понимать сервис на каждом этапе его работы.

ПРАКТИЧЕСКАЯ ЗАМЕТКА / 001

Три проверки перед публикацией

Разметка: страница понятна без оформления?

Начните с заголовков, ссылок и порядка чтения. Один главный заголовок описывает страницу, а текст ссылки объясняет, куда она ведёт. Проверьте навигацию клавишей Tab: фокус должен быть видимым.

Интерфейс: что происходит на узком экране?

Уменьшите ширину окна до 320 пикселей. Убедитесь, что текст не требует горизонтальной прокрутки, ссылки доступны, а колонки складываются в понятный порядок. Затем увеличьте масштаб до 200%.

Сервис: как выглядит ошибка?

Откройте несуществующий адрес и проверьте код ответа. Для отсутствующей страницы нужен HTTP 404. Для основного адреса проверьте HTTPS, срок сертификата и переход с HTTP.