No video :(

[ВАЖНО - Читай описание] Поиск по каталогу с главной страницы Vue js магазина

Подписаться 5 тыс.

Просмотров 16 тыс.

50% 1

--------------------------------------------------------------------------------------------------------------------------------------------------------
ВАЖНО - Видео на этом канале 3х летней давности и большинство уже НЕАКТУАЛЬНЫЕ в силу изменения синтаксиса, методов и подходов во Vue.js версии 3. Все видео были записаны на Vue.js версии 2. Много чего уже просто НЕ БУДЕТ РАБОТАТЬ или выдаст ошибки.
Новый канал на актуальном стеке Vue.js v3, Pinia, Vue router@next, Ionic (мобильные приложения), FireBase (база данных, аутентификация и тд) - / @intothecoding
НО! Новый канал ведется на АНГЛИЙСКОМ ЯЗЫКЕ - так что у вас есть уникальная возможность научиться кодить и подтянуть язык - так как Английский нужен всегда!
Жду вас на новом канале!
--------------------------------------------------------------------------------------------------------------------------------------------------------
В этом уроке создадим главную страницу, header и строку поиска в нем, при вводе значения в которую будем редиректить в каталог и отдавать там только те товары, которые подходят под запрос по названию!
Репозиторий проекта: github.com/ant...
Не забываем запускать json-server --watch db.json, чтобы включить наш фейковый api с товарами
Приятного просмотра!

Опубликовано:

28 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 39

@user-xj9kl6mg6p 4 года назад

Огромное спасибо! Каждый видео фрагмент, на вес золото )

@gofrontend2220 4 года назад

Спасибо, что смотрите:)

@nashhouston9360 3 года назад

sorry to be so off topic but does anybody know a trick to get back into an instagram account? I stupidly forgot the password. I would appreciate any help you can offer me!

@angelobraydon9308 3 года назад

@Nash Houston Instablaster :)

@amikawa2881 4 года назад

Лучший канал. Как же вы играете со стилями, никаких CSS-фреймворков)

@stt1632 4 года назад

Спасибо за видео. В очередной раз очень интересно!

@gofrontend2220 4 года назад

А вам спасибо за то, что смотрите:)

@aymanalredi66 4 года назад

спасибо огромное за классные уроки по vue ))

@AlexanderGrinvald 4 года назад

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

@jahongirbektemirov6516 4 года назад

Спасибо Вам огромное всё. Проста супер! Ещё выпускает новое видео? Мы ждём..

@user-ym6dq4bi3f 4 года назад

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

@adventure229 4 года назад

браво! спасибо за эти уроки

@user-yg8nh2ek6w 3 года назад

Я без watch и без дополнительных функций поиск в конце сделал. Усложнил фильтрацию конечно но зато без лишних "мероприятий" )

@user-jy3ll6ep9s 3 года назад

Большое спасибо за уроки!

@user-vn1ho3gu5b 2 года назад

Молодец, очень нужное видео

@gofrontend2220 Год назад

! ВАЖНО - Читайте описание к видео ! 🔥🔥🔥👆👆👆

@aleksandser275 Год назад

Автор видеороликов переехал в Германию, теперь у него новый канал на английском ( он сам рассказывает об этом в видеоролике ) Новый канал : www.youtube.com/@IntoTheCoding

@sekirogenshiro2210 3 года назад

Супер!

@alexmarek3004 3 года назад

А есть планы продолжить серию? Например, сделать личный кабинет покупателя с регистрацией по токену.

@gofrontend2220 3 года назад

Планы есть, времени нет:)

@AlexAsura 4 года назад

Здравствуйте, если юзер не сотрет с поиска значения, то при нажатии на каталог будет показываться все ещё это этот товар, а не все. Как это пофиксить?

@zakchips 3 года назад

а можно ещё один вопрос вообще по теме поиска? у меня backend на django rest, у которого есть относительно могучий поиск, достаточно только поисковое слово прислать на API адрес. Однако это дополнительный запрос на сервер. Вдохновившись этим видео, я делаю только один запрос на список товаров (постов) и старательно записываю его в store. ну а потом использую его для фильтрации-сортировки. В этом случае мне уже и не требуется поиск в django rest-e, полагаюсь на возможности js в браузере. Однако скорее всего на больших объёмах данных придётся пользоваться API backend-a? спасибо.

@radionovstalker 3 года назад

Да, если товаров относительно немного, скажем до 100 единиц. То можно выгрузить все товары в store и фильтровать/искать/сортировать исключительно на стороне фронтенда. Но если в базе данных имеются сотни, или тысяси товаров, то естественно нужно будет на каждое изменения параметров фильтрации/поиска обращаться на апи сервера. И уже сервер будет заниматься поиском и возвращать результат на фронт.

@zakchips 3 года назад

@@radionovstalker Большое спасибо.

@i5anin 2 года назад

npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

@andreylear 4 года назад

Хотелось бы узнать, как искать подстроку, например, в списке, с ее выделением на Vue. Вдруг будет интересно

@gofrontend2220 4 года назад

Andrey Lear по типу ctrl+f чтоль? С выделением куска текста?

@andreylear 4 года назад

@@gofrontend2220 Да да да:)

@gofrontend2220 4 года назад

Andrey Lear честно, я пока не особо понимаю как это сделать и нужно ли это вообще. Возможно есть какая-то интеграция с браузерным апи и ctrl-f

@andreylear 4 года назад

@@gofrontend2220 Я сделал это для частного случая. Но попытки сделать решение универсальным не принесли результатов

@igorkulibaba7287 4 года назад

Ребят а как у VUE с SEO в под яндекс? Я слышал что все плохо! Если не костылитьс SSR! Может кто то подскажет?

@chirkov 4 года назад

nuxt.js

@zakchips 3 года назад

спасибо, особенно помог watch. однако меня преследует ошибка router-a NavigationDuplicated. как с ней жить? У меня Menu.vue компонент живёт в интегральной App.vue, где есть поле ввода в search-bar, а результат отражается в другом компоненте(Home). может у меня что-то здесь что-то не так? отключать пообщения роутера, как предлагается в гугле, как-то не хочется. Спасибо, если кто-то поделиться решением.

@gofrontend2220 3 года назад

Это сообщение говорит о том, что вы пытаетесь перейти на роут, на котором уже находитесь. Простая проверка if() перед переходом по роутеру спасет

@zakchips 3 года назад

@@gofrontend2220 спасибо большое, попробую.