Пишем приложение на Vue 3 с Vue Router и Pinia с нуля! Часть 1. Фронтенд-разработка для начинающих

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ก.ย. 2024

ความคิดเห็น • 58

  • @gr21TzX9
    @gr21TzX9 ปีที่แล้ว +15

    Хотелось бы в дальнейшем увидеть уроки с более сложным проектом. С использованием vuex/pinia с авторизацией по ролям, например, админ/юзер. Может быть какую-нибудь самописную админку, без сложного дизайна, с использованием UI библиотеки.

  • @user-gd4lt7ox2m
    @user-gd4lt7ox2m 7 หลายเดือนก่อน +1

    Огромнейшее спасибо овтору! Честная подписка и лайк.

  • @2difficult2do
    @2difficult2do ปีที่แล้ว +1

    Отличный туториал у вас получился. 👍 практически полезный для начала. 🤘

  • @ЕгорЕгорович-д2т
    @ЕгорЕгорович-д2т 5 หลายเดือนก่อน

    Спасибо, учусь по твоим видео, давай еще . Годный контент !

  • @lionstar3189
    @lionstar3189 ปีที่แล้ว +3

    Pinia это каеф 🤤

  • @F_means_Fork
    @F_means_Fork หลายเดือนก่อน

    Спасибо большое за полезный туториал

  • @ginhop1057
    @ginhop1057 ปีที่แล้ว +2

    миллион алых роз автору

  • @unicoxr5tj417
    @unicoxr5tj417 8 หลายเดือนก่อน +1

    девочка-кодерша😍

  • @gamingplay5415
    @gamingplay5415 6 หลายเดือนก่อน +1

    кайф слушать 😊

  • @efremov-denis
    @efremov-denis ปีที่แล้ว

    Благодарю, очень полезный и понятный урок👍

  • @HaywasterChannel
    @HaywasterChannel ปีที่แล้ว +2

    Здравствуйте, Анастасия)
    Раз вы упомянули о процессе коммерческой разработки, в разделе с obtion API для Pinia, то почему не был использован .env файл, чтобы познакомить зрителя с этим подходом? Вроде не так уж и долго, а опыт тоже полезный)

  • @user-fh1gr5li2r
    @user-fh1gr5li2r ปีที่แล้ว

    Благодарю! Это видео для меня очень полезно.

  • @РахимДовидов
    @РахимДовидов ปีที่แล้ว

    да, мне бы тоже хотелось побольше проектной логики, а то почему то процентов 60 в видео заняла верстка)) Но все равно спасибо за твои уроки) ты супер)

  • @ural-site
    @ural-site 4 หลายเดือนก่อน

    Очень хорошая подача, единственное некоторые вещи желательно пояснять, хотя бы пару слов как это работает, я про вью. Еще вопрос, если в апп.вью стили сделать без скоуп и там импортировать майн.scss, то в остальных компонентах не надо будет его импортировать, правильно я понимаю?

  • @johnloye4465
    @johnloye4465 ปีที่แล้ว

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

  • @ural-site
    @ural-site 5 หลายเดือนก่อน

    Спасибо за отличный контент! Видел рекомендации, что обращение к апи не следует размещать напрямую в сторе, как по Вашему мнению с учетом реальных проектов, запросы к апи в сторе это норма?

  • @b.abdurashidov4863
    @b.abdurashidov4863 หลายเดือนก่อน +1

    Куда ты пропал??

  • @elixzez
    @elixzez ปีที่แล้ว +2

    Отличное видео )
    13:10
    А можно по подробнее пожалуйста , почему в этом моменте прописываем path именно :rid а не просто :id

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว +3

      На 13-10 можно использовать и просто id, непринципиально
      У меня rid - relative id - по старой привычке использую его, но для этого проекта разницы нет совершенно

  • @weyzem
    @weyzem 3 หลายเดือนก่อน

    а зачем кучу импортов по стилям делать, если достаточно просто импортировать всё дефолтное в App>style?

  • @artem-web-developer
    @artem-web-developer 11 หลายเดือนก่อน

    Можно было бы поподробнее остановиться на некоторых моментах). А как делать валидацию с pinia не подскажете, что-то ничего толком не нашел, делать функцию в компоненте и там к примеру блокировать/разблокировать кнопку если поля заполнены

  • @vvkbees6473
    @vvkbees6473 หลายเดือนก่อน

    😻

  • @vladyslavkravchenko5955
    @vladyslavkravchenko5955 8 หลายเดือนก่อน

    когда есть возможность не позиционировать элементы то этого лучше не делать. для кнопки достаточно было дописать display: "flex" margin-left: "auto"

  • @your_freedom
    @your_freedom ปีที่แล้ว

    круто!

  • @AlexSizovRun
    @AlexSizovRun ปีที่แล้ว +1

    Благодарю, обязательно пройду) Typescript планируете использовать?

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว +2

      TS планирую, но не на этом проекте, а один из следующих буду на нем писать + возможно, по нему будут видосы с теорией

  • @user-ft7hb8nl2v
    @user-ft7hb8nl2v ปีที่แล้ว +1

    Курс отличный, спасибо за уроки!!!... Но, слишком интенсивный, без разъяснений в идеях философии работы и предназначения модулей, пакетов и механик. Подобные уроки точно не для новичков, а для тех, кто уже понял специфику работы фреймворков и прочих технологий.

    • @YellowPanamka
      @YellowPanamka ปีที่แล้ว

      Сейчас это уровень 15 летних стажеров, тут самые основы,такой рынок увы, хотя буквально год назад считалось что знать composition api для junior'ов сложно.

    • @user-ft7hb8nl2v
      @user-ft7hb8nl2v ปีที่แล้ว +2

      @@YellowPanamka То, что требования к разработчикам растут каждый день - это факт. Никто не спорит. Но что делать совсем новичкам, не видя разницу composition API и Options API? Или зачем вообще нужен state menegment? Что такое REST API и как он работает? В целом нужно указывать перед началом видео, что необходимо знать, уметь и понимать перед прохождением данного видео.... И колесиком мыши крутишь бесконечный сколл требований к stack`у технологий)))

  • @gr21TzX9
    @gr21TzX9 ปีที่แล้ว

    Отличные видео! Только начал смотреть.
    Хотел бы уточнить, почему views для роутера хранятся в папке pages, а не views? Вроде принято для vue в папке views хранить? А в Nuxt уже в папке pages?
    И всё-таки как правильно?)

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว

      В 80% случаев в коммерческой разработке видела в папке pages, поэтому и сама ее использую) по умолчанию создается папка views
      Можно и так, и так)

  • @sergejj3476
    @sergejj3476 7 หลายเดือนก่อน

    v-model передает значение элементу html?

  • @user-gw2dw5qs5w
    @user-gw2dw5qs5w 10 หลายเดือนก่อน

    спасиб

  • @alexeysedov278
    @alexeysedov278 ปีที่แล้ว

    Посоветуйте пожалуйста книги или хорошие курсы по vue. а то очень мало материала нашел.

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว +2

      По курсам - берите почти любые синхронные курсы с наставником от известных компаний. Главное, чтобы был наставник, 3-я версия Vue (не 2-я) и синхронный режим работы, то есть вместе с группой начинаете, а не сами по себе. В остальном смотрите по ценнику, по дате начала, когда вам удобно
      Книги не очень советую, если только как дополнительный источник обучения - они устареть успевают за время подготовки и выхода в печать + с книгой человек остается наедине с собой, без помощи преподавателя или ментора
      А вообще самый эффективный источник обучения - это коммерческая разработка в команде, как только появится возможность устроиться в компанию, то обучение пойдет в разы быстрее

  • @Elena.S.
    @Elena.S. ปีที่แล้ว

    Как на домашней странице в представлении со списком коктейлей должна поменяться картинка слева? На оранжевый вариант🙄

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว

      Насколько я помню, я решила это не делать в видео, но в макете осталось. Это просто сделать - подменяйте url картинки, если в ingredient.value есть значение
      И в imgUrl будет передаваться не статичная строка, а вычисляемая переменная computed, принимающая значение url нужной картинки.

    • @Elena.S.
      @Elena.S. ปีที่แล้ว

      @@CosyFrontendNastia спасибо!

  • @your_freedom
    @your_freedom ปีที่แล้ว

    ну вс , подписчики поперли)) когда новые видео ?

  • @artemunix5223
    @artemunix5223 4 หลายเดือนก่อน

    давай магазин или соц сеть

  • @EuegenTv
    @EuegenTv ปีที่แล้ว

    У меня почему-то возникает ошибка, когда пытаюсь добавить элементы из формы (input, select и т.д. )

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว

      А Element Plus не забыли подключить в main.js?

    • @EuegenTv
      @EuegenTv ปีที่แล้ว

      ​@@CosyFrontendNastia Вроде бы все подключил. Кнопки, например, работают. А как только select подключаю, то все падает 😢. Можете json conf скинуть?

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว

      @@EuegenTv Скиньте репозиторий и название ветки, где ошибка, я посмотрю в ближайшие дни

    • @EuegenTv
      @EuegenTv ปีที่แล้ว

      @@CosyFrontendNastia вроде как решил проблему обновив vue с 3.3.2 до 3.3.4 :D

  • @YellowPanamka
    @YellowPanamka ปีที่แล้ว

    Настя давай Nuxt 3 уже

    • @CosyFrontendNastia
      @CosyFrontendNastia  ปีที่แล้ว +4

      В планах и Nuxt 3, и TS
      Но и более простые видео для совсем новичков тоже будут, про такие тоже спрашивают

  • @MrCter
    @MrCter ปีที่แล้ว +1

    название по-моему не очень соответствует содержанию.
    "Пишем приложение на Vue 3 с Vue Router и Pinia с нуля!... для тех у кого есть yarn" :)
    Я к тому, что есть хороший такой процент dev envs, где система не ведает о yarn ни сном ни духом. А Вы на него опираетесь ну прям с самого начала как на что-то само собой разумеющееся.
    2:28 Как к примеру на винде, линуксе без ярна установить sass, axios, другие пакеты, которые Вы так лихо yarn add'ете?
    Я бы сделал небольшое лирическое отступление, объясняющее как установить ярн или обойтись без него.

    • @АлександрЭберт-п5к
      @АлександрЭберт-п5к ปีที่แล้ว +1

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

    • @megafalos850
      @megafalos850 9 หลายเดือนก่อน

      в чем проблема уставить yarn ? ) у меня на винде стоит и yarn и npm

  • @foo44444
    @foo44444 ปีที่แล้ว +3

    почему она не на кухне?

    • @ЕгорЕгорович-д2т
      @ЕгорЕгорович-д2т 5 หลายเดือนก่อน

      вась у нее рабов хватает, на кухне тоже есть один.

    • @melenium
      @melenium 3 หลายเดือนก่อน

      А почему вы не на кухне?

    • @foo44444
      @foo44444 3 หลายเดือนก่อน

      @@melenium а зачем, я уже поел

  • @MrGreen-xs4ns
    @MrGreen-xs4ns ปีที่แล้ว +1

    Вопрос, у меня в запросе подставляется в BASE_URL localhost:5173/ и дальше сам url, из за этого я конечно получаю 404 ответ, я не понимаю почему подставляется в запрос пересмотрел все трижды, удалил сделал ещё раз, кто сталкивался? Подскажете

    • @MrGreen-xs4ns
      @MrGreen-xs4ns ปีที่แล้ว

      Вопрос решён спасибо

    • @vladimirorlov3532
      @vladimirorlov3532 11 หลายเดือนก่อน +1

      @@MrGreen-xs4ns можешь и другим помочь решить, такая же ошибка :)

    • @user-sw5nk6bg5p
      @user-sw5nk6bg5p 11 หลายเดือนก่อน

      @@vladimirorlov3532 есть решение роблемы?