Скорость
Core Web Vitals, LCP, INP, CLS, шрифты, изображения, JavaScript, кеширование и влияние внешних скриптов.
26 материаловБыстрая загрузка, тестирование, доступность и защита данных.
Core Web Vitals, LCP, INP, CLS, шрифты, изображения, JavaScript, кеширование и влияние внешних скриптов.
26 материаловМодульные и интеграционные проверки, пользовательские маршруты, Playwright, визуальные сравнения, браузеры и тестовые данные.
25 материаловWCAG, клавиатура, фокус, контраст, формы, чтение с экрана, управление движением и доступность компонентов.
21 материалXSS, CSRF, SQL-инъекции, загрузка файлов, доступы, зависимости, секреты, приватность и согласия
83 материалаОпределить наблюдаемое поведение и границы сценария
Открыть локальную страницу и проверить результат
Найти элемент по пользовательскому смыслу
Дождаться состояния вместо фиксированной задержки
Задать воспроизводимое исходное состояние
Связать действие читателя и итоговый URL
Разделить ввод, отправку и ошибку поля
Проследить фокус и активацию элемента
Проверить смену компоновки по сценарию
Воспроизвести успех, пустой результат и сбой
Изучаем безопасность на примере библиотеки личных заметок: модель угроз, проверка данных, XSS, SQL, пароли, сессии, права доступа, файлы и эксплуатация приложения.
Делаем учебную библиотеку удобной для разных способов чтения и управления: семантика, клавиатура, фокус, альтернативы изображениям, таблицы, формы и вспомогательные технологии.
Активы, границы доверия и проверяемые требования
Связать контракт ответа и пользовательскую задачу
Как определить задачи читателя учебного сайта, отделить предположение от наблюдения и составить реестр барьеров.
Отдельный Flask-проект и два учебных владельца заметок
Как построить HTML-оболочку учебной статьи с понятными областями, заголовками, языком и названием документа.
Изолировать роли и данные сессии
Как добавить переход к содержимому, сохранить естественный порядок Tab и различать ссылку, кнопку и цель фокуса.
Устранить общий изменяемый ресурс
Серверные ограничения формы и параметров
Текстовые заметки без интерпретации HTML
Как оформить клавиатурный фокус и учитывать высоту закреплённого хедера при переходе к разделам учебной статьи.
Сделать порядок запуска несущественным