Фильтр товаров на JavaScript за 30 минут с кодом
HTML-код
- Опубликовано: 12 сен 2024
- iTGid.info - курсы Алекса Лущенко
🪬 Курс JavaScript 24/2 : itgid.info/ru/...
👑 Курс JavaScript 24/1 : itgid.info/ru/...
🫶 Поблагодарить автора - монобанк: 5375414126666006 Лущенко О
🍹 Задонатить - www.buymeacoff...
✈️ Задать вопрос через телеграм: telegram.me/it...
Курсы автора:
ReactJS: itgid.info/ru/...
Методы массивов: itgid.info/ru/...
Канал ru: / itgid
Канал UA: / @itgidua-web7836
Ваши уроки просто бесценны
Спасибо большое! Как раз хотел научиться делать фильтр на js. Вы вовремя)
Useful information. Thanks!👍👍👍
Дякую за урок!
А є урок з більш складним фільтром для інтернет-магазину, з фільтрацією по ціні, даті і т.д. ?
Постоянно вижу эти годные видео у себя в подписках, но так и не нахожу время посмотреть) лень губит
Дякую, було дуже корисно!
Наверно лучше было бы создать json со списком объектов
Получить его через фетч, для иммитации бэка
Сохранить список в переменную и уже его фильтровать и мапить из него в ui
Так было бы более приближенно к реальном кейсам, мне кажется
Дякую! У мене зберігається і "перший фільтр" і цей з задоволенням додала до корисних нотаток. Буду використовувати
Александр, здравствуйте! Можно сортировку сделать через атрибут data-color в тегах html. И через условное выражение сравнивать по цвету, если равны, то показывем их. Код где-то на 4 строки.
для флекс-контейнера есть свойство gap:; которое устанавливает отступы между элементами. так же есть калькулятивные свойства padding и margin для страниц с направлениями справа-налево(арабская вязь) и сверху вниз(японский язык)
padding-left => padding-iniline-start
padding-right => padding-iniline-end
padding-top => padding-block-start
padding-bottom => padding-block-end
для margin меняем в примере выше padding на margin
с точки зрения семантики написание стилей для тегов - плохой тон, всегда используйте классы иначе можете выстрелить себе в ногу в продуктовой верстке
в моменте с бордерами ты для каждого класса перезаписываешь значение границ это увеличивает время рендеринга страницы можно было для класса .box написать border: 3px solid; а уже остальными классами делать border-color;
по скрипту: слишком большие функции, функции должны быть тупыми и описывать одно действие
добавление обработчика на элемент без записи этого элемента в переменную плохой тон
в общем ребята туториал хороший но когда вы начнете работать верстальщиками на ревью вас засрут, примите во внимание мои рекомендации при написании кода
Автор, пожалуйста соблюдай чистоту кода при написании туториалов, не плоди безграмотных верстаков, они будут неуверенными в себе после первого же ревью такого кода в продуктовой команде
Автор в этом уроке не учит верстать, здесь всё внимание на js.
@@user-gi9zc5hw8n я бы вас на работу не взял
@@leonidilinskiy8180 а я и не собираюсь к вам на работу))
в уроке по js расписывать замечания по верстке, ещё и упоминать rtl . Выглядит как будто вы хотели поумничать.
агінь 🔥
По Хомо комбат , у вас есть какие нибудь совети?
Простите, лучший совет любителям хомокомбат - не учите программирование. Спасибо.
@@itgid Вы считаете , что создать своего (хомяка), и рубить бабло на лохах это , не правильно?
12:03