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