Пишем приложение на Vue 3 со слайдером Swiper! Часть 3. Фронтенд-разработка для начинающих
ฝัง
- เผยแพร่เมื่อ 8 ก.ย. 2024
- Учимся работать с Vue 3, Vue Router и Pinia - получаем данные с CocktailDB API, расставляем в верстку, подключаем карусель Swiper для отображения ингредиентов коктейля
Официальный сайт Vue - vuejs.org/
Сайт Pinia - pinia.vuejs.org/
Сайт CocktailDB API - www.thecocktai...
Сайт Element Plus - element-plus.o...
Макет в Figma - www.figma.com/...
Раздел по работе с Vue на сайте - Swiper swiperjs.com/vue
![[UNCUT] The Loyal Pin ปิ่นภักดิ์ EP.6 (1/4)](http://i.ytimg.com/vi/m05kZ2GDKXg/mqdefault.jpg)
Очень грамотный подход к деталям, виден опыт в разработке, супер. Не понимаю почему к девушкам программистам относятся скептически. Вы замечательная, продолжайте развивать свой канал, с удовольствием буду продолжать смотреть)
Доделала эту часть проекта. Делаю вместе с вами, параллельно гуглю, когда встречаю новое. Пытаюсь уложить всё в голове. Спасибо за урок!)
Было очень интересно сделать этот проект! Для себя понял что если видео-урок разбит на части которые выходят с промежутком больше дня, то лучше дождаться всех частей. А то забывается всё очень быстро и интерес теряется именно к этом у проекту. Приложение с погодой сделал взахлеб так приступил когда уже были все уроки. В любом случае спасибо огромное за урок - 🔥
Спасибо анастасия. Годный контент!
Отличный контент, реально для изучения полезеый. 👍
Спасибо за классную практику!
Контент топовый! Очень нравится. Хотелось бы так же видеть какую-нибудь настройку vite config, например для dev и prod режима. Если будет возможность, думаю многим было бы интересно.
Так же хотелось бы видеть в будущем добавление адаптиновсти в проект.
Да, про vite можно будет
Привет. Сделай пожалуйста e-commerce проект Nuxt + Pinia, с корзиной, каталогом, категориями и фильтрациями
спасибо, очень полезно
Спасибо за видео и крутую подачу материала) Только не могу решить проблему с картинками в слайдере. Они не подгружаются, как будто путь не верный. но Если скопировать ссылку в самом дев тулс, то картинка спокойно открывается в браузере. Что это может быть?
Отличный урок!) Огромное спасибо!
Хочется еще подобных приложений (и с Composition и с Option API) для большей практики🤗 а также разбора Vuex и Pinia, в чем их отличие, что лучше (или чаще) используется
Анастасия, подскажите, планируются ли подобные видео на Nuxt 2/3? (интересует прям с 0, вплоть до установки и удаления всего ненужного перед началом работы с этим фреймворком)
И еще небольшая просьба, можно ли сделать звук на видео погромче?) А то даже если динамики выставлены на 100%, и в комнате шумно, то практически не слышно ваш голос)?
Здравствуйте, Анастасия.
Сегодня в пять утра закончил свой первый(данный) проект на Vue, и хочу выразить вам огромную благодарность. Большое спасибо за проделанную работу. Скажите пожалуйста, будут ли ещё подобные проекты на данном фреймворке? Очень хотелось бы сваять несколько приложений по вашим видеоурокам. А ещё вопрос: будет ли развитие данного приложения? Например добавление товара в корзину, простая форма регистрации? Спасибо за ответ)
Добрый день, тут же на канале есть приложение с погодой - th-cam.com/video/7ZMcIlZB85E/w-d-xo.html
Скоро будет мини-приложение с резюме на Vue
На коктейлях добавление в корзину делать не будем, но позже планируется приложение с таким функционалом - добавление в корзину, отправка товара
@@CosyFrontendNastia отлично, спасибо! У вас здорово получается подавать материал. Искренне желаю вам успехов!
Хороший видеоурок. Расскажите как править задеплоеное приложение на сервере?
у меня вопрос: почему ты используешь в синстаксис для функций как function а не применяешь просто стрелочные функции или так считается более читабельно?
И так, и так использую, разницы нет для подобных проектов
Желательно, чтобы в одном проекте было одинаково во всех компонентах - либо везде стрелочные, либо везде через function, но это больше для красоты кода, в плане функционала и читаемости для таких проектов можно любой вариант выбрать
Здравствуйте, спасибо за ваши спокойные и подробные объяснения. Большая просьба : дайте пожалуйста ссылку на код, потому что перематывать по 30 минут видео, чтобы сравнить код - для меня непозволительная трата времени. А когда ты смотришь одним глазом в IDE а другим видео - легко опечататься.
github.com/Nakonsta/Cocktails
Добрый день, 😃 отел бы спросить, знаете ли вы реакт и что посоветуете учить вью или реакт первым?
Добрый день, я начинала учить Реакт, но на тот момент на работе пришел проект на Vue, пришлось быстро переключаться, там и осталась
Скоро планируется стрим на тему фреймворков, буду я, реакт и ангуляр разработчики, аннонсирую отдельно
Насчет выбора фреймворка - если есть друзья, которые пишут на одном из них, либо есть возможность в будущем устроиться в конкретную компанию на один из фреймворков, выбирайте тот, который знают друзья/использует фирма. Если нет ничего такого, то берите Реакт, если уверены в своей мотивации (на него все же пока побольше вакансий) и Вью, если хотите попроще войти во фреймворки
@@CosyFrontendNastia а где вы учили вью?
почему все забивают на архитектурние метадологии и лепят все в одну папку?
В key подставлять index не совсем верно , лучше всего I’d поставлять
В 4 утра? 😂😂
отложенный постинг же никто не отменял
хм, странно, все работает отлично, но когда собираю. не рендерится bg-1 и сердечко картинки.
просто нет их в списке.
только bg2
vite v4.3.9 building for production...
✓ 1557 modules transformed.
dist/index.html 0.68 kB │ gzip: 0.38 kB
dist/assets/bg-2-b5b65a2c.png 46.04 kB
dist/assets/index-cdf014bf.css 336.15 kB │ gzip: 47.86 kB
dist/assets/index-77d8d268.js 982.09 kB │ gzip: 319.35 kB
Сделаю урок по сборке, возможно, просто в другую папку закинем эти картинки
я так понял, там вопрос в динамичности переменной
и в том, что webpack о ней не знает
надо ему как-то require туда вкорячить
Находим на этом же канале видео
Пишем метео-приложение на Vue 3 с нуля! Часть 4. Фронтенд-разработка для начинающих
Ответ на 9:20, мне помогло.
Попробуйте новую тему от vscode они в новом обновление обновили default dark theme. Меня теперь старая бесит.
Посмотрю, спасибо
Спасибо. Очень интересно. Но не понятно. ))
А что именно непонятно?
@@CosyFrontendNastia Вообще фрон. Я бэк пилю. Вот начал присматривается и к веб разработке. Еще не определил что изучать. Реакт, вью.
@@user-yo7mw6oj4p тут без начальных знаний фронта, vue делать нечего)
Проект пишется как надо, как для коммерческой разработки, хоть сам проект и небольшой.
@@user-yo7mw6oj4p совет по изучению: Vue - проще React, но вакансий меньше чем на React. А вообще, я бы во фронт с нуля сейчас не шел, если есть какой-то опыт бэка. На рынке переизбыток и джуном устроиться очень не просто.
@@gr21TzX9 хороший совет ))
Девушка как бэ намекает на коктейль, кто-нибудь угостите уже...
😀