Json to jsquery to html

Вопрос совершенно не ясен, однако эта ссылка должна помочь https://learn.javascript.ru/json

Одно могу сказать, очень круто что теперь на парах учат джаваскрипт. Нас мучали паскакалем.

Не пойму, что ты имеешь в виду под "база JSON". JSON ('JavaScript Object Notation') -- это формат записи данных, а никакая не база. Например:

{
   "my_languages": ["JavaScript", "Java", "PHP", "C#"]
}

Подробнее про JSON

Т.е., скорее всего, тебе нужно просто получить json-объект из данных клиента.

Далее, по заданию:

1. jQuery (далее - JQ) -- это библиотека JavaScript, как ты, наверняка уже загуглил

2. Инструкция о подключении JQ: Подключение JQ

3. Собственно, аналогичным образом подключается и любой другой js-файл. Поэтому создавай новый текстовый документ, меняй его расширение на .js, прописывай к нему <script src="относительный/путь/от/страницы/до/скрипта.js"></script> в самой html-странице. C этим файлом и будешь работать. Только помни, что скрипт должен быть размещен в конце страницы перед ... </body>, чтоб на момент его выполнения элементы уже отрендерились.

4. Затем тебе нужно собственно создать объект и собрать в него данные из DOM-узлов страницы. В максимально упрощенном виде, DOM-узлы - это элементы (теги) страницы, которые ты видишь в окне броузера: самый простой способ выбрать тег на странице - использовать функцию JQ. Для этого нужно просто поместить селектор в обертку $("селектор"). Например, чтоб получить содержание твоего вопроса, открой консоль броузера (F12) -> вкладка 'console' (консоль) -> введи $('.post-text p').text(). Подробнее о методе .text(). Тоже самое пишешь и в своем скрипте.js
5. Возвращаемые значения из функции .text() - записываешь в объект (см. начало четвертого пункта).
6. Далее переводишь объект в JSON-формат (это описано в самой первой ссылке про json).