Size: a a a

2020 May 12

РВ

Роман Васин... in FrontCoder
Привет всем!
Кто нибудь может подсказать или скинуть ресурс по реализации фильтров крточек на js
источник

AM

Alexander Misnikov in FrontCoder
Роман Васин
Привет всем!
Кто нибудь может подсказать или скинуть ресурс по реализации фильтров крточек на js
Не совсем понятно что ты имеешь в виду. Каких карточек? Если ты имеешь в виду  фильтр карточек товаров в интернет-магазина (например), то тут могут быть разные реализации. Может ты получил весь массив товаров и фильтруешь на фронте (странно конечно, но может быть), а может ты кидаешь запрос с параметрами фильтрации в нужное АПИ и бэк возвращает тебе список товаров. Тут вариантов масса и думаю какого-то универсального ресурса ты не найдешь. Нужно знать что конкретно тебе нужно и писать свое решение.
источник

РВ

Роман Васин... in FrontCoder
@aMisnikov Допустим у меня есть карточки товаров они все выведены на экран с боку в сайдбаре есть фильтры нажимаешь на чекбокс с категорией и тебе выдаются карточки только этой категории
источник

AM

Alexander Misnikov in FrontCoder
Роман Васин
@aMisnikov Допустим у меня есть карточки товаров они все выведены на экран с боку в сайдбаре есть фильтры нажимаешь на чекбокс с категорией и тебе выдаются карточки только этой категории
Ну смотри карточки же откуда-то взялись на странице? Т.е. есть какой-то массив данных я так понимаю (но это опять гадание на кофейной гуще). Вот тебе нужно написать функцию, которая будет принимать массив данных и рендерить его и функцию, которая будет фильтровать массив (т.е. должна принимать массив, параметры фильтра и возвращать новый массив). И вот когда пользователь выбрал твой чекбокс ты фильтруешь свой массив в зависимости от того, что выбрал пользователь, затем рендеришь новый массив на странице
источник

РВ

Роман Васин... in FrontCoder
Аааа понял
источник

AM

Alexander Misnikov in FrontCoder
Если ты имеешь в виду фильтрацию просто статичных карточек на странице то тут я вижу только собрать их в массив, отфильтровать и по новой вставить на страницу. Но так обычно не делают. По крайней мере я не видел. Обычно фильтруют данные, а не их визуальное представление
источник

РВ

Роман Васин... in FrontCoder
Да карточки формируются с json файла
источник

AM

Alexander Misnikov in FrontCoder
Видишь ты не даешь полной картины что тебе нужно и как у тебя все работает, поэтому остается только гадать
источник

AM

Alexander Misnikov in FrontCoder
для фильтрации массива есть встроенный метод filter() в js
источник

РВ

Роман Васин... in FrontCoder
Спасибо я понял до ехало как нужно реализовать
источник

РВ

Роман Васин... in FrontCoder
Спасибо!👍
источник

PZ

Pachka Zhvachek in FrontCoder
Как лучше всего реализовать сей бекграунд? Сделать отдельный див и вставить svg или же через css пошаманить?
источник

AS

Andrey Saenko in FrontCoder
Pachka Zhvachek
Как лучше всего реализовать сей бекграунд? Сделать отдельный див и вставить svg или же через css пошаманить?
я бы сделал отдельный див и вставил svg
источник

AS

Andrey Saenko in FrontCoder
Pachka Zhvachek
Как лучше всего реализовать сей бекграунд? Сделать отдельный див и вставить svg или же через css пошаманить?
сss шаманить полдня будешь
почитай книгу css секреты на каждый день
тогда можно шаманить
источник

AS

Andrey Saenko in FrontCoder
Pachka Zhvachek
Как лучше всего реализовать сей бекграунд? Сделать отдельный див и вставить svg или же через css пошаманить?
Либо спроси совета у сss гуру @Polina_emelyanova
источник

D

Dmitrio in FrontCoder
Приветствую всех участников,просмотрел видео на канале FrontCoder про создание своей сборки для меня пока это работает как волшебство,сам я совсем недавно начал верстать инернет магазин на html css, но не нашел годных уроков по созданию интернет магазина на чистом html css, наткнулся на вышеупомянутый канал и там узнал про какие-то незнакомые слова gulp,pug,scss.Короче говоря как разобраться во всем этом?))
источник

AS

Andrey Saenko in FrontCoder
Dmitrio
Приветствую всех участников,просмотрел видео на канале FrontCoder про создание своей сборки для меня пока это работает как волшебство,сам я совсем недавно начал верстать инернет магазин на html css, но не нашел годных уроков по созданию интернет магазина на чистом html css, наткнулся на вышеупомянутый канал и там узнал про какие-то незнакомые слова gulp,pug,scss.Короче говоря как разобраться во всем этом?))
галп разбирайся, scss по желанию, pug не нужен, он вообще никому не нужен
источник

КК

Константин Кирилин... in FrontCoder
Dmitrio
Приветствую всех участников,просмотрел видео на канале FrontCoder про создание своей сборки для меня пока это работает как волшебство,сам я совсем недавно начал верстать инернет магазин на html css, но не нашел годных уроков по созданию интернет магазина на чистом html css, наткнулся на вышеупомянутый канал и там узнал про какие-то незнакомые слова gulp,pug,scss.Короче говоря как разобраться во всем этом?))
Здравствуй. Начнем с основного - сразу пойми, что чистый html css это недостаточно для того, чтобы делать работу. Как минимум тебе нужен будет JS.
источник

AS

Andrey Saenko in FrontCoder
Константин Кирилин
Здравствуй. Начнем с основного - сразу пойми, что чистый html css это недостаточно для того, чтобы делать работу. Как минимум тебе нужен будет JS.
смотря какая работа
источник

КК

Константин Кирилин... in FrontCoder
SCSS, галп, и прочее - это только надстройки над твоим знанием этих трех вещей - HTML, CSS, JS , без хотя бы примерного понимания этих вещеймногие инструменты теряют смысл для тебя как для разработчика
источник