Нужна помощь с разработкой сайта
Делаю сайт с использованием JQuery и Ajax. Хочется добавить много интерактивных элементов и динамического контента. Но есть одна проблема - нужно чтобы сайт нормально работал даже если у пользователя отключен JavaScript в браузере.
Основные вопросы:
- Реально ли вообще такое сделать?
- Какие подходы использовать для обратной совместимости?
- Есть ли готовые примеры или методики?
Может кто-то сталкивался с похожей задачей? Буду благодарен за любые советы или ссылки на полезные материалы по этой теме.
Это прогрессивное улучшение. Сначала создайте базовую функциональность с помощью обычных форм и ссылок, а затем добавьте JavaScript. Формы отправляются обычным POST-запросом, но если JavaScript включен, перехватывайте отправку и выполняйте ее через Ajax. Работа много, но данный подход эффективен. Главное - заранее определить, какая минимальная функциональность должна работать без скриптов.
Да, конечно можно! Сам так делал не раз. Главное - работать от обратного. Сначала создаёшь обычный HTML-сайт с формами и переходами, а jQuery добавляешь потом для красоты. Табы делаешь как обычные ссылки с якорями, потом скрываешь через JS. Модальные окна - отдельные страницы, которые грузятся аяксом. Работы больше, зато пользователи без JavaScript не останутся с пустым экраном.
Почему вообще такая задача? У большинства JS включен по умолчанию. Хотя да, для доступности важно. Может попробовать server-side рендеринг? Контент сразу готовый приходит, а интерактивность потом добавляется. На чем бэкенд делаете?