Веб-дизайн, UX и конверсия
Типографика, макеты, дизайн-системы и удобные интерфейсы для веба.
56 материаловМатериалы для проекта «Информационный сайт ProfessorWeb» объединяют несколько направлений. Начните с разделов ниже.
Типографика, макеты, дизайн-системы и удобные интерфейсы для веба.
56 материаловHTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.
397 материаловДомены, хостинг, серверы, автоматические выпуски и сопровождение.
121 материалБыстрая загрузка, тестирование, доступность и защита данных.
155 материаловТехническое SEO, запросы, Google Search Console и Яндекс Вебмастер.
71 материалСобытия, Метрика, GA4 и измерение результатов сайта.
45 материаловПубликации, соцсети, видео, распространение и работа с репутацией.
26 материаловEmail, коммуникации и жизненный цикл клиента.
17 материаловЗадать воспроизводимое исходное состояние
Связать действие читателя и итоговый URL
Разделить ввод, отправку и ошибку поля
Проследить фокус и активацию элемента
Проверить смену компоновки по сценарию
Воспроизвести успех, пустой результат и сбой
Изучаем безопасность на примере библиотеки личных заметок: модель угроз, проверка данных, XSS, SQL, пароли, сессии, права доступа, файлы и эксплуатация приложения.
Делаем учебную библиотеку удобной для разных способов чтения и управления: семантика, клавиатура, фокус, альтернативы изображениям, таблицы, формы и вспомогательные технологии.
Связать контракт ответа и пользовательскую задачу
Как определить задачи читателя учебного сайта, отделить предположение от наблюдения и составить реестр барьеров.
Активы, границы доверия и проверяемые требования
Изолировать роли и данные сессии
Как построить HTML-оболочку учебной статьи с понятными областями, заголовками, языком и названием документа.
Отдельный Flask-проект и два учебных владельца заметок
Серверные ограничения формы и параметров
Как добавить переход к содержимому, сохранить естественный порядок Tab и различать ссылку, кнопку и цель фокуса.
Устранить общий изменяемый ресурс
Текстовые заметки без интерпретации HTML
Как оформить клавиатурный фокус и учитывать высоту закреплённого хедера при переходе к разделам учебной статьи.
Сделать порядок запуска несущественным
Политика ресурсов и ограничения её действия
Восстановить ход неудачного сценария
Как различать назначение иллюстрации, подписи и alt и передавать результат программы текстом.
Отделить значимое отличие от окружения