Статические сайты и контент — страница 2
Markdown, шаблоны, темы, оглавления, поиск, пагинация, таблицы, примеры кода, ресурсы и локальная сборка.
Материалы
- Сниппеты и подсветка совпадений в поиске по сайту
Как выбрать фрагмент статьи и подсветить совпадения безопасными DOM-операциями.
- Поисковые подсказки на сайте при вводе запроса
Как добавить подсказки названий, задержку ввода и клавиатурное управление без устаревших ответов.
- Браузерный поиск: скорость и размер индекса
Как вынести поисковый индекс в Web Worker и отдельно измерять загрузку, построение и выполнение запросов.
- Как оценить качество поиска по сайту
Как сравнивать поисковые реализации по контрольным запросам и первым подходящим результатам.
- Обновление поискового индекса после изменения статей
Как согласовать обновление документов, версию индекса и кеширование без потери старых URL.
- Когда переносить поиск по сайту на сервер
Как выбрать между браузерным индексом и отдельным поисковым сервисом по объёму, задержкам и сопровождению.
- Офлайн-чтение и PWA
Создаём учебный сайт, на котором можно сохранять главы и читать их без сети. Разбираем manifest, service worker, обновления, навигацию и ограничения хранилища.
- PWA: что должно работать в офлайн-учебнике
Определяем задачи автономного учебника, постоянные документы и границы сохранения; отделяем установку приложения от реальной доступности материалов без сети.
- PWA: ссылки и состояния без сети
Различаем сохранённые материалы, неизвестную доступность сети и подтверждённый ответ сервера; сохраняем нормальные ссылки и честные сообщения.
- PWA: закладки и место продолжения
Сохраняем локальную закладку по ID материала и устойчивому якорю, отделяя место чтения от освоения урока и от кеша HTML.
- Контентный сайт на Astro: библиотека «Полка»
Четырнадцать последовательных уроков с полными исходниками каждого этапа.
- Статическая библиотека на Astro
Подготовить закреплённый проект «Полка» с одной статической страницей.
- Astro: Markdown и контракт коллекции
Описать loader и схему данных для пяти учебных материалов.
- Astro: страница статьи из записи коллекции
Сгенерировать самостоятельный маршрут и отобразить тело Markdown.
- Astro: общий layout, хедер и футер
Выделить оболочку страниц, canonical и навигацию.
- Astro: каталог и тематические разделы
Собрать списки из единой выборки опубликованных материалов.
- Astro: пагинация без пропуска материалов
Разбить отсортированный каталог на страницы с обычными ссылками.
- Astro: прежние адреса и карта соответствий
Отделить ID записи от адреса и описать серверную совместимость старых PHP URL.
- Astro: иллюстрации и статические ресурсы
Добавить локальную иллюстрацию с размерами и понятным альтернативным текстом.
- Astro: локальная интерактивность и острова
Встроить независимый custom element без гидратации всей страницы.
- Astro: статический поисковый индекс
Сгенерировать JSON-индекс и вывести результаты безопасными DOM-операциями.
- Astro: порядок уроков и оглавление статьи
Согласовать предыдущий и следующий урок с явной учебной последовательностью.
- Astro: карта сайта и управление индексированием
Сгенерировать sitemap только для публичных маршрутов и отделить локальную среду.
- Astro: черновики и редакционный маршрут
Добавить материал по договорённой схеме без случайного попадания черновиков в выдачу.