Вопрос или проблема
Я достиг crossroads. Мои текущие навыки ограничены HTML, CSS и немного JavaScript. Я хочу создать веб-сайт визуально, и если кодирование необходимо, я предпочитаю минимизировать его, используя упомянутые языки, или, если мне нужно изучить больше языков, то это должно быть минимальное кодирование или обучение с моей стороны. Не могли бы вы порекомендовать мне БЕСПЛАТНЫЕ веб-сайты или технологии, которые помогут мне достичь следующих задач?
Что касается Frontend, я предпочитаю использовать вышеупомянутые технологии или, желательно, конструктор сайтов, если он есть. Конкретный пример:
Я хочу создать страницу со списком статей на фронтенде. Когда статья нажата, она должна открываться на странице статьи, которая содержит встроенные видео с YouTube и Facebook.
Что касается CMS, я должен легко управлять базой данных, чтобы эффективно добавлять и извлекать данные. Конкретные примеры, которые я хочу реализовать с помощью CMS:
-
Мне нужно организовать рецепты в списки: завтрак, обед и ужин.
Я хотел бы иметь возможность добавлять один и тот же рецепт в эти несколько списков и, наконец, отображать эти списки на фронтенде. -
Я хочу иметь возможность генерировать и обновлять файл json, а затем использовать
json на фронтенде (чтение json на фронтенде можно выполнить с помощью
javascript без проблем, но что насчет CMS: как генерировать json, какие
технологии?). -
Я хочу загружать рецепты из бэкэнда (панель администратора), с возможностью
использовать сторонний API для отправки аудиофайлов туда.
Конечно, я знаю, что хостинг и доменное имя не бесплатны. Но мне нужны только бесплатные технологии для выполнения вышеупомянутого.
Пожалуйста, внимательно прочитайте мои случаи, и большое спасибо за ваши рекомендации.
Ответ или решение
Конечно! Вот несколько рекомендаций по разработке простого веб-сайта с учетом ваших требований и пожеланий. Я постараюсь обрисовать возможные бесплатные технологии и платформы для достижения ваших целей.
1. Инструменты для Frontend-разработки
Если вы хотите создать визуальный интерфейс, сохранив минимальное количество кода, вы можете рассмотреть следующие платформы и инструменты:
-
Wix или Weebly: Оба являются визуальными конструкторами сайтов, которые позволят вам быстро создать страницы с использованием перетаскивания элементов (drag-and-drop). Однако, у них есть свои ограничения, особенно по свободе дизайна и функциональности.
-
WordPress с Elementor: WordPress – это мощная платформа для создания сайтов, а плагин Elementor позволяет визуально проектировать страницы без глубоких знаний кода. Вы можете создать страницы для списков статей и отдельных статей с встроенными YouTube и Facebook.
2. Выбор CMS
Для управления контентом вашей базы данных, вот несколько бесплатных систем управления контентом (CMS):
-
WordPress: Это наиболее известная CMS, и она идеально подходит для управления рецептами. Вы можете использовать пользовательские типы записей для организации рецептов по категориям (завтрак, обед, ужин). Плюс, вы можете легко добавлять и управлять данными через административную панель.
-
Strapi: Это headless CMS, который позволяет вам создавать и управлять API для вашего контента. Вы сможете легко генерировать и обновлять JSON-файлы, которые можно использовать на фронтенде с вашим JavaScript-кодом. Strapi позволяет интегрировать внешние API для загрузки аудиофайлов.
-
Airtable: Это удобная и визуально понятная база данных, которую можно использовать как простой CMS. Она позволяет создавать различные таблицы, а также интегрироваться с другими приложениями через Zapier или собственные API.
3. Реализация конкретных задач
-
Организация рецептов: Если вы выберете WordPress, вы сможете создать пользовательские категории для рецептов. Для Strapi вы сможете создать несколько коллекций данных и применять тегирование для организации рецептов.
-
Генерация и использование JSON: В Strapi это можно сделать с легкостью, так как он автоматически генерирует JSON-API для ваших данных. Вы можете использовать этот API на фронтенде с помощью JavaScript для получения данных и отображения их на вашем сайте.
-
Загрузка рецептов с бэкенда и интеграция API: В Strapi также можно легко создавать интерфейсы для загрузки рецептов, включая возможность интеграции с 3rd party API для загрузки аудиофайлов. WordPress также имеет множество плагинов, которые могут облегчить эту задачу, но, возможно, вам потребуется немного больше работы с кодом.
Заключение
Каждая из упомянутых платформ имеет свои уникальные возможности и ограничения. Наилучшим вариантом для вашего случая может быть комбинация WordPress с визуальным редактором (таким как Elementor) или использование Strapi как headless CMS с созданием кастомного фронтенда на HTML, CSS и JavaScript.
Если у вас будут дополнительные вопросы или вам потребуется помощь в реализации этих решений, не стесняйтесь обращаться! Удачи в разработке вашего сайта!