Наполнение карточки для добавление на сайт?

Question

[Павел Чернов]

Здравствуйте. Требуется сверстать похожую штуку.



Я сверстал одну такую карточку, но на сайт мне нужно таких 20. Нужно копировать HTML код каждой карточки и вручную менять текста в HTML разметке. Может есть какой-то более автоматизированный способ?

Comments

[WapSter]

Если это просто верстка, то нет. А так обычно одну верстатешь и получаешь данные с сервера и по ним выводится инфа или сам сервер рендерит уже готовую разметку.

[Павел Чернов]

WapSter, с помощью JS можно? Например, если создам обьект со всеми свойствами, которые требуются?

[WapSter]

Павел Чернов, можно, но стоит ли. Ведь верстка куда-то натягиваться будет или встраиваться во фреймворк у которого есть более лучшие практики. И некому не охота разбираться, что ты там намудрил.

[Froggyweb]

можешь скопипастиь 3-4 штуки для фронт визуала, далее дела сервера. или сервер отдает JSON а ты формируешь карточки :)

[Rerurk]

Ох на typescript такие вещи делать прям удовольствие)

[Павел Чернов]

Froggyweb, А как формировать карточки если с сервера приходит JSON?

[Froggyweb]

Павел Чернов, не заморачивайся. Обычно за этим следует какой-нибудь react angular и прочая ересь. Это более актуально для приложений.

[Maxim Kirshin]

Павел Чернов, если тебе нужно просто сделать и ты не хочешь дублировать ее, пока верстаешь - используй препроцессоры pug, nunjucks

[WapSter]

Rerurk, при чем тут ts вообще, это обычная задача и делается на чем угодно достаточно легко.

Answer 1

[WapSter]

Павел Чернов,

А как формировать карточки если с сервера приходит JSON?

Comments

[Павел Чернов]

Там верстка чуть сложнее, наверное создавать такую верстку через DOM не лучшее решение?)

[WapSter]

Павел Чернов, в чем проблема просто скопировать html одной карты и вставить в js. И как понять

наверное создавать такую верстку через DOM

дичь какая-то

[Павел Чернов]

WapSter, понял