Веб-дизайн, UX и конверсия
Типографика, макеты, дизайн-системы и удобные интерфейсы для веба.
26 материаловМатериалы для проекта «Информационный сайт ProfessorWeb» объединяют несколько направлений. Начните с разделов ниже.
Типографика, макеты, дизайн-системы и удобные интерфейсы для веба.
26 материаловHTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.
158 материаловДомены, хостинг, серверы, автоматические выпуски и сопровождение.
26 материаловБыстрая загрузка, тестирование, доступность и защита данных.
79 материаловТехническое SEO, запросы, Google Search Console и Яндекс Вебмастер.
23 материалаСобытия, Метрика, GA4 и измерение результатов сайта.
21 материалПубликации, соцсети, видео, распространение и работа с репутацией.
1 материалEmail, коммуникации и жизненный цикл клиента.
Материалы готовятсяУпорядоченные этапы на одном множестве учебных сессий
Определяем задачи автономного учебника, постоянные документы и границы сохранения; отделяем установку приложения от реальной доступности материалов без сети.
Описываем приложение в manifest, задаём стартовую страницу и область навигации и проверяем условия установки с учётом различий браузеров.
Разделение попытки, принятия и подтверждения
Регистрируем учебный worker, различаем установку, активацию и управление страницей и определяем область запросов до добавления кеширования.
Назначение вариантов, основная метрика и неопределённость
Редакторское решение по фактам, ограничениям и усилию
Сохраняем один учебный HTML-документ, возвращаем точное совпадение при сетевой ошибке и отделяем запасное сообщение от настоящего HTTP 404.
Добавляем явный выбор материалов, запись HTML в Cache API и честный статус сохранения после успешного завершения операции.
Различаем сохранённые материалы, неизвестную доступность сети и подтверждённый ответ сервера; сохраняем нормальные ссылки и честные сообщения.
Разбираем новый кеш, ожидающий worker и безопасную связь версии страницы с реально управляющим обработчиком.
Составляем воспроизводимые условия проверки установки, навигации, сохранения и обновления без выдуманных результатов браузерных испытаний.
Готовим отдельный кандидат пакета HTML, CSS и изображения; переключаем выбранную копию только после полного сохранения обязательных ресурсов.
Отделяем выбранный набор от всей библиотеки, считаем размеры тел ответов и вводим мягкий бюджет без обещания точной браузерной квоты.
Сохраняем локальную закладку по ID материала и устойчивому якорю, отделяя место чтения от освоения урока и от кеша HTML.
Добавляем настройки в IndexedDB версии2, сохраняем существующие закладки и обрабатываем блокировку обновления другой вкладкой.
Сохраняем завершённые ресурсы незаконченного кандидата, отменяем foreground-запрос и продолжаем подготовку без ложного ready.
Предлагаем явное переключение ожидающего worker, избегаем автоматического reload всех окон и сохраняем доступ к versioned-ресурсам прежних страниц.
Различаем старый и неполный пакет, читаем его описатель и восстанавливаем выбранную копию без удаления закладок и всех данных origin.
Показываем приблизительный расход хранения, запрашиваем persistent storage по действию читателя и сохраняем понятное поведение при отказе в записи и потере данных.
Изучаем безопасность на примере библиотеки личных заметок: модель угроз, проверка данных, XSS, SQL, пароли, сессии, права доступа, файлы и эксплуатация приложения.
Делаем учебную библиотеку удобной для разных способов чтения и управления: семантика, клавиатура, фокус, альтернативы изображениям, таблицы, формы и вспомогательные технологии.
Активы, границы доверия и проверяемые требования
Как определить задачи читателя учебного сайта, отделить предположение от наблюдения и составить реестр барьеров.