Наверно лучше было бы создать 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; по скрипту: слишком большие функции, функции должны быть тупыми и описывать одно действие добавление обработчика на элемент без записи этого элемента в переменную плохой тон в общем ребята туториал хороший но когда вы начнете работать верстальщиками на ревью вас засрут, примите во внимание мои рекомендации при написании кода Автор, пожалуйста соблюдай чистоту кода при написании туториалов, не плоди безграмотных верстаков, они будут неуверенными в себе после первого же ревью такого кода в продуктовой команде
@@leonidilinskiy8180 а я и не собираюсь к вам на работу)) в уроке по js расписывать замечания по верстке, ещё и упоминать rtl . Выглядит как будто вы хотели поумничать.
Ваши уроки просто бесценны
Спасибо большое! Как раз хотел научиться делать фильтр на js. Вы вовремя)
Useful information. Thanks!👍👍👍
Дякую, було дуже корисно!
Дякую за урок!
А є урок з більш складним фільтром для інтернет-магазину, з фільтрацією по ціні, даті і т.д. ?
Дякую! У мене зберігається і "перший фільтр" і цей з задоволенням додала до корисних нотаток. Буду використовувати
Наверно лучше было бы создать json со списком объектов
Получить его через фетч, для иммитации бэка
Сохранить список в переменную и уже его фильтровать и мапить из него в ui
Так было бы более приближенно к реальном кейсам, мне кажется
Александр, здравствуйте! Можно сортировку сделать через атрибут data-color в тегах html. И через условное выражение сравнивать по цвету, если равны, то показывем их. Код где-то на 4 строки.
Постоянно вижу эти годные видео у себя в подписках, но так и не нахожу время посмотреть) лень губит
агінь 🔥
По Хомо комбат , у вас есть какие нибудь совети?
Простите, лучший совет любителям хомокомбат - не учите программирование. Спасибо.
@@itgid Вы считаете , что создать своего (хомяка), и рубить бабло на лохах это , не правильно?
для флекс-контейнера есть свойство 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.
@@ИринаСвятецкая-х6е я бы вас на работу не взял
@@leonidilinskiy8180 а я и не собираюсь к вам на работу))
в уроке по js расписывать замечания по верстке, ещё и упоминать rtl . Выглядит как будто вы хотели поумничать.
12:03