Кодирование

Задача

Есть API, который в ответ на запрос отдает json со списком фреймворков и их описанием. Необходимо на его основе отрендерить карточки.

Прототип

Алгоритм

- Получить список;

- Обработать список;

- Отрендерить в HTML.

1. Получить список

Для данной статьи я подготовил тестовые данные, которые можно получить по адресу:

https://private-531a0-vadimfilimonovblog.apiary-mock.com/fra...

Чтобы сделать HTTP запрос — используйте метод fetch:

fetch("https://private-531a0-vadimfilimonovblog.apiary-mock.com/fra...")

2. Обработать список

Вот как выглядит json, который мы получаем:

{
  "success": true,
  "list": [
    {
      "title": "React",
      "text": "React is an open-source...

Напишем функцию buildHTML, которая на вход будет принимать JSON, а отдавать строку, которую мы в будущем используем как HTML:

// HTTP запрос
fetch("https://private-531a0-vadimfilimonovblog.apiary-mock.com/fra...")
  // переводим ответ в json
  .then(response => response.json())
  // конвертируем в html
  .then(buildHTML)

Определение функции:

const buildHTML = ({ list }) =>
  list.map(({ title, text }) => (`
    <div>
      <h2>${title}</h2>
      <p>${text}</p>
    </div>
`)).join("");

3. Отрендерить в HTML

fetch("https://private-531a0-vadimfilimonovblog.apiary-mock.com/fra...")
  .then(response => response.json())
  .then(buildHTML)
  .then(render); // полученный результат передает в функцию render

В файле HTML создадим пустой контейнер, куда будем вставлять карточки:

<div class="container"></div>

https://developer.mozilla.org/en-US/docs/Web/API/Element/inn... функции render сводится лишь к использованию свойства innerHTML:

const render = (html) => {
  const container = document.querySelector('.container');
  container.innerHTML = html;
};

Результат

Полную версию кода смотрите на codepen.

Пришла ко мне маленькая кругленькая женщина. У нее все хорошо, но в общении с бойфрендом чувствует странную напряжённость. Я не первый психолог, к которому она обращается. Несколькими годами раньше лечила неудовлетворённость собой у некого тандема психологов. Ей обьяснили, что она центр вселенной, что надо любить себя такой, какая есть, а тех кто критикует - выводить из своего круга общения. Она отдалила всех, кто с ней спорил, и стала учиться любить себя. Теперь она знает, как жить. Состояние душевного равновесия достигнуто. Нашелся и человек, который ее полюбил. Живут душа в душу. Правда, он не работает, сидит дома на диване, а она крутится, обеспечивает и себя и его пищей, кровом и бытовыми удобствами. Вот в отношении этого мужчины она и испытывает непонятное напряжение.

Я объяснил, что это проявление внутренней неудовлетворенности. В глубине души она понимает, что бой-френдом руководит не только любовь, но и выгода. Таким образом, установка на любовь к самой себе перестает выглядеть панацеей, и это ее беспокоит. А что касается психологического здоровья - все хорошо. Все реакции нормальные.

Молодая женщина отреагировала на мою проповедь весьма резко. Сказалась накачка "коллег". Правда, потом, как и следовало ожидать, обмякла, - наступила рецессия. И я услышал вопрос: что же делать? В этот момент я понял, что "контакт есть" и отправил в голову моей пациентки сентенцию следующего содержания: мы наблюдаем дефицит воли, результатом чего является избыточный вес. Надо помочь воле привести тело в порядок, и все проблемы по цепочке решатся сами собой. Потом, "не отходя от кассы", предложил закрыть глаза и - провел сеанс по упорядочиванию приема пищи. Внушил идею необходимости есть очень медленно. Черпать пищу неполной ложкой. Отправлять в рот только очень маленькие фрагменты твердой пищи. Тщательно и неспеша все пережевывать. Смаковать каждую молекулу. В обмен на неукоснительное соблюдение ритуала, я обещал чувство насыщения на 11-й ложке. В общем, я попытался скорректировать пищевое поведение на процедурном уровне в надежде на то, что желудок моей подопечной успеет сократиться раньше, чем ослабнут мои установки. Так и получилось. Через месяц тело женщины пришло в норму, и она, похоже, перестала дорожить своим бездельником- бойфрендом.

Я понял, что жизнь пошла на поправку.

(с) Психолог, гипнотерапевт Геннадий Иванов

Закодировался пару месяцев назад. Пугали тем, что будет плохо, если выпью хоть немного алкоголя, вплоть, до больнички.
Могу сказать, что на самом деле не до больнички, но давление поднимается сильно и голова болит. Ну и, можете посмотреть на фото. Никогда такой пигментации не было
Всего одна баночка пива