Vue JS - Быстрый курс за 50 минут

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

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

  • @VladilenMinin
    @VladilenMinin  5 ปีที่แล้ว +122

    Господа, никакого кликбейта, все основные темы разобраны)
    Добавляйте меня в VK: vk.com/vladilen.minin
    Содержание:
    0:22 Что такое Vue
    0:50 Как установить Vue
    3:20 Обзор проекта
    5:14 Как работает проект
    5:57 Как работают файлы .vue
    7:12 Что такое компоненты
    11:50 Создание данных
    12:48 Передача параметров в компонент
    14:05 Итерация массивов с v-for
    15:40 Валидация параметров
    17:58 Работа со стилями
    20:17 Динамические классы
    21:13 Добавление событий
    23:57 Работа с методами
    25:50 Работа с формами
    28:11 Работа с моделями с v-model
    32:57 Жизненный цикл (mounted)
    33:15 Работа с сервером
    34:41 Мультистраничность с Vue Router
    40:11 Как работает v-if
    41:00 Добавление компонента loader
    44:00 Фильтры
    45:58 Computed свойства

    • @Rock-fh1hp
      @Rock-fh1hp 4 ปีที่แล้ว +2

      Владлена, походу этот ролик уже не актуален.

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

      @@Rock-fh1hp почему???

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

      ​@@Rock-fh1hp ​ то же проблема с v-for была?
      Если да, то объясню они добавили еще одну обязательную директиву при использовании цикла, это v-bind:key
      так что компонент который будет итерироваться из массива должен выглядеть так :

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

      @@skylive_skl спасибо большое!

    • @АлинаАлтынбаева-е7н
      @АлинаАлтынбаева-е7н 3 ปีที่แล้ว +2

      ребят
      у кого была проблема с чекбоксами и селектом? плиз, напишите кто сможет помочь
      не могу понять где проблема

  • @laretabatl5934
    @laretabatl5934 5 ปีที่แล้ว +113

    Отличнейшие уроки! Я начала понимать логику vue , благодаря Вашим грамотным комментариям всех действий. Создаем компонент, импортируем его, регистрируем его, используем его ! надо передать данные в компонент, то делаем это через props . Самое то, что надо для старта во vue. Спасибищеееее!!!!!!

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

      Я конечно дико извиняюсь. Может он просто хотел показать все возможности, и я понимаю что знаю гораздо меньше чем автор. Но писать всю логику в корневом app и импортировать в компоненты только готовые данные, это ж дикость какая то. Зачем тогда в компонентах 3 поля придумали? Пиши тогда всю логику в js файле а стили в css. Но блин в корневом компоненте. Он на то и корневой, что управляет всем, там вообще ничего не должно быть практически. А компоненты- самостоятельные сущности. Они могут получать данные, методы, но роботпть кмк должны сами.

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

      @@amztrainer4525 так и в чем твой поинт? Как сделать лучше?

  • @sparkqy135
    @sparkqy135 5 ปีที่แล้ว +29

    Годнота. На работе прилетели таски по вью, это видео - то что нужно для быстрого старта работы с фреймворком.

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

    Спасибо, отличный урок! НО небольшой совет ( или личное пожелание, для ОБЩЕГО удобства ) автору : когда по коду ( ну и по комментариям видео ) встречаются ОДИНАКОВЫЕ названия - todo-todo / todos-todos / И ПРИ ЭТОМ САМ АВТОР НАПОМИНАЕТ, ЧТО одно название - ПРОИЗВОЛЬНОЕ ( т.е. ВЫБИРАЕМ в этот конкретный момент !!! ), а другое - УЖЕ СУЩЕСТВУЮЩЕЕ на этот момент НАЗВАНИЕ массива или объекта ( т.е НЕЛЬЗЯ изменить без ошибки в коде ) , - НАМНОГО УДОБНЕЕ БУДЕТ если ПРОИЗВОЛЬНОЕ НАЗВАНИЕ НЕ будет ТАКИМ ЖЕ как и "НЕПРОИЗВОЛЬНОЕ" - ... Если идут одинаковые названия - реально какая-то часть времени уходит на постоянное напоминание себе - где в этих парах какое название
    ( СТОП ! Я понимаю - что любое название изначально - произвольное)), НО - думаю автор поймет о чем я, т.к. сам отличает эти названия по этому критерию по ходу видео) спасибо.

  • @ЭмильАбдуллин-й2с
    @ЭмильАбдуллин-й2с 5 ปีที่แล้ว +30

    Не люблю видосы продолжительностью больше 20 минут,но это божественно,на одном дыхании

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว +6

      У меня таких целый плейлист)

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

    Я здесь после год работы в риакте, мне было очень понятно ваша речь, многие схожие места есть с риактом, но здесь как-то более понятно новичкам, спасибо вам огромное

  • @SergiuBurduja-y1l
    @SergiuBurduja-y1l 4 ปีที่แล้ว +2

    Спасибо тебе огромное Владилен, ты самый лучший, ты и Петриченко. Я вас обоих просто обожаю.

  • @webxcryptoit7308
    @webxcryptoit7308 5 ปีที่แล้ว +17

    Да вообще одни из лучших уроков и курсов. Владилен, продолжай в том чже духе, ты лучший!

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      Благодарю за отзыв)

  • @dan.gorbunov
    @dan.gorbunov 5 ปีที่แล้ว +12

    Владилен, привет. 5 часов разбирал до молекул. Спасибо. У тебя столько материала, что последнюю задачу по js просто не успеваю начать. Очень круто.

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว +8

      Знал бы ты сколько материала еще в голове есть, времени бы хватало все записывать)
      Благодарю за отзыв!

  • @ДмитрийЧерников-ъ7ф
    @ДмитрийЧерников-ъ7ф 5 ปีที่แล้ว +33

    Это потрясающе! Это супер-качественно потраченный час в жизни!

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

      лучше чем секс с девушкой?

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

      @@talas12341 Целый час ???? Пфф, хватит ей и 10 минут. Оставшиеся 50 минут лучше потратить на vue ) Правда где потом гику новую девушку искать )

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

      @@talas12341 даже лучше чем с мужчиной

    • @f3arning
      @f3arning 4 ปีที่แล้ว

      потратил гораздо больше часа, т.к. набирал код попутно, офигенно

  • @Стас-с4ю5т
    @Стас-с4ю5т 5 ปีที่แล้ว +79

    Самое лучшее видео из серии "что то за час")))

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว +7

      Благодарю, я старался)

  • @Плененныйкустами
    @Плененныйкустами 4 ปีที่แล้ว +34

    Чтобы при применении фильтра не сбрасывалось значение checkbox стоит заменить:
    на

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

    Включил х2, выучил Vue за 25 минут)

    • @user-alex6525
      @user-alex6525 3 ปีที่แล้ว +23

      И тут же забыл😁😁

    • @Павел-ъ2б3э
      @Павел-ъ2б3э 3 ปีที่แล้ว +1

      Это очень смешно))

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

      и забудешь с х2 скоростью

    • @Alexander-ib3df
      @Alexander-ib3df 2 ปีที่แล้ว

      @@aerahtv0000 не запомнит

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

      попробую на х4 ))))

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

    Влад, ты не представляешь как сильно, помогаешь людям. Когда у меня будут спрашивать кто тебя учил, я буду отвечать "мой сенсей Владилен Минин" . Настолько полезный урок, что я начал скачивать видео чтоб не потерять.

  • @ogogo505
    @ogogo505 5 ปีที่แล้ว +5

    Как всегда всё доступно и понятно, без лишней воды. Сделай видео, где используются какие-нибудь приёмы из реальных проектов на VueJs или реализация каких-нибудь фич из реальных проектов.

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      Так я целый курс же выпускают с такими штуками по Vue) Там только элементы из реальных приложений!

  • @alexshubin1
    @alexshubin1 5 ปีที่แล้ว +11

    Быстро, понятно и ничего лишнего. Благодарю за урок !

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

    Я видел много материалов по Vue (в том числе и платные), но это лучшее объяснение для начинающих, какое может только быть!))
    Владилен - БРАВО! Вы переплюнули даже сами себя!)

  • @АнгелинаДорашева-к7ь
    @АнгелинаДорашева-к7ь 4 ปีที่แล้ว +5

    Видео - огонь!! Все по делу и супер понятно изложено, без воды и лишних слов. Спасибо, Владилен, подписалась!)

  • @sergey4879
    @sergey4879 5 ปีที่แล้ว +5

    Просто, доступно, понятным языком. Контент топовый и как всегда очень высокого качества, за что огромное спасибо!

  • @АбовянВладислав
    @АбовянВладислав 3 ปีที่แล้ว +1

    Очень понятно рассказал, спасибо за урок!
    После просмотра появилась мотивация повторить.
    Сразу видно когда профи выполняет свою работу приятно смотреть.

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

    Спасибо, делаю тестовое задание благодаря тебе)
    Как будто полгода учил Vue, хотя только час посмотрел))

  • @1NoXe1
    @1NoXe1 4 ปีที่แล้ว +3

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

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

    Привет Владилен! Большое спасибо за видео. Сегодня в 2022, просматривая этот туториал, правя параллельно вещи, которые у тебя работают (у тебя версии пакетов ниже, и линтер видимо слабее), удалось понять основные принципы, при переходе с 4 лет ангуляра. Спасибо!

  • @valeriipimenov4894
    @valeriipimenov4894 5 ปีที่แล้ว +5

    Спасибо за ультра мощный обзор)
    Это не хауди обзор))
    Со знаниями реакта заходит очень хорошо!
    Thank you)

    • @AndreyShevchenko-yd3tg
      @AndreyShevchenko-yd3tg 4 ปีที่แล้ว +1

      А мне наоборот после Реакт, кажется слишком много лишней писанины, и немного Vue отстраняет разработчика от javascripta.

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

    Не ну это подписка на канал, на работе таски по вью+лара закинули, видос особо годный, быстро четко и без воды, все как я люблю

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

      Добро пожаловать)

  • @d.kruglov
    @d.kruglov 4 ปีที่แล้ว

    Это лучшее видео для того чтобы начать осваивать vue, всё что нужно и ничего лишнего. Спасибо огромное, пошел писать свой тудулист =)

  • @17madjoker47
    @17madjoker47 5 ปีที่แล้ว +4

    Спасибо за видео, очень полезно и без воды. Сразу видно автор хорошо понимает технологию - респект =)

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

    Спасибо, информативно ! Так держать Владилен ! 👍

  • @VIS-86
    @VIS-86 5 ปีที่แล้ว +2

    Огромное спасибо! очень доступно)! Желаю успехов каналу!

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

    Найти что-то такого уровня на ютубе даже не мечтал, спасибо большое)

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

      Благодарю, приятно)

  • @maxminin6545
    @maxminin6545 3 ปีที่แล้ว

    Спасибо большое за видео, понадобилось быстро войти во вью после многолетней работы с Angular и частично React. Твоё видео первое в выдаче по запросу "vue js за 5 минут", всё моментально ясно, пошёл работать))

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

    Огонь! Продолжай в том же духе. Очень круто и полезно.

  • @IvanSedov-i7f
    @IvanSedov-i7f 3 ปีที่แล้ว +1

    Спасибо. Все понятно и профессионально рассказано.

  • @dan.gorbunov
    @dan.gorbunov 5 ปีที่แล้ว +2

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

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

      Мне очень приятно, что мой материал так работает. Это воодушевляет на создание еще более качественного и интересного контента

    • @dan.gorbunov
      @dan.gorbunov 5 ปีที่แล้ว

      Я работаю на реальным проектом, уже смотрю будет жестко

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

      @@dan.gorbunov Ты имеешь ввиду, что сложно?
      Если есть какие то темы, что не понятны, дай знать в ВК, подумаю, как их осветить

    • @dan.gorbunov
      @dan.gorbunov 5 ปีที่แล้ว

      Vladilen Minin хорошо, напишу. Спасибо за ответ и поддержку.

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

    Очень хорошо. Кратко и понятно . Автору респект

  • @EugeneChe-81
    @EugeneChe-81 5 ปีที่แล้ว +2

    Выражаю вам свою благодарность за подобного рода подачу материала!

  • @evgeniysaiko2862
    @evgeniysaiko2862 3 ปีที่แล้ว

    Огромное спасибо за это видео, только начал работать с Vue.js и ролик оказался очень полезным для ознакомления с базовыми вещами во Vue.

  • @mikazuki1549
    @mikazuki1549 4 ปีที่แล้ว

    Страшно сказать, сколько туторов на ютубе я за жизнь успел посмотреть, так что смело скажу, что видео действительно полезное, насыщенное и интересное для старта. Респект!

  • @inzoddex8312
    @inzoddex8312 5 ปีที่แล้ว +11

    Для тех у кого не работает Emmet в VS Code во .vue следующее решение. Нажать F1 найти файл settings.json и добавить строки
    "emmet.includeLanguages": {
    "vue": "html"
    }

    • @СтасНедосекин-и6д
      @СтасНедосекин-и6д 4 ปีที่แล้ว

      красава

    • @callme8041
      @callme8041 4 ปีที่แล้ว

      Добавил данную строку но это не помогло, в начале все строки файлов *.vue были чисто белыми, после чего добавил расширение - Vetur. После добавление строки+расширения emmet заработал как нужно. Спасибо.

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

    ругается 4:49 error Unexpected mutation of "todo" prop vue/no-mutating-props

    • @andreyfrolov7515
      @andreyfrolov7515 2 ปีที่แล้ว

      Нашел в чем проблема?

    • @vladradzievskiy5665
      @vladradzievskiy5665 2 ปีที่แล้ว

      @@andreyfrolov7515 нет

    • @misisgringo7025
      @misisgringo7025 2 ปีที่แล้ว

      так и не нашел? тоже столкнулся

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

    Владилен, огромное спасибо! Было бы круто увидеть от вас такой же видос об Vue Route как и о Vuex!

  • @Jonstonrich
    @Jonstonrich 5 ปีที่แล้ว +31

    12:29 - Все что нужно для жизни разработчику.

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

    А мне, к сожалению, не понравилось.
    Можно было бы отделить мух от котлет и называть бесконечные todo/todos как-то иначе, чтобы было четче видно, что откуда читается. Также, например, вы не сказали, что props - массив атрибутов компонента. Эти три слова объяснили бы все, и не нужно было бы тыкать туда-сюда. Я не сразу понял смысл этого свойства. Как вы объяснили структуру тега TodoItem v-for v-bind - вообще песня. Почему-то не посчитали нужным объяснить, что там todo, что - todos.
    И я так и не понял, зачем в App.vue экспортировать компонент TodoList, и где используется декларированное при этом свойство components. Является ли оно специфичным для Vue, JS, или его имя выбрано произвольно.

    • @bulatgafarov5506
      @bulatgafarov5506 2 ปีที่แล้ว

      да уж пиздец непонятно

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

    Благодарю за видео, мне как начинающему знакомство с Vue оказалось крайне полезно! На будущее - исходники лучше выкладывать на Github, там все сделано для удобной работы с кодом.
    У меня есть пару вопросов, один из них как раз из текущего проекта на Vue:
    1. Какой смысл делать «компонент в компоненте»? По идее весь этот список можно было вывести в одном TodoList через v-for. Если в приложении много списков, то это дополнительная кипа файлов.
    2. У меня есть компонент в котором есть несколько input и вывод checkbox’ов. Как только я отмечаю чекбокс, у меня сбрасывается только что введенное значение в input. Как только я заменил :value на v-model с 2-сторонним связываением, input-ы перестали сбрасываться. Я ранее грешил на vue-fragment и даже создал issue там, но причина оказалась не в нем (код по ссылке): github.com/y-nk/vue-fragment/issues/30 Это нормальное поведение? Могу я как-то работать без 2-стороннего связывания чтобы input значения не сбрасывались?

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      Привет
      На гитхаб не выгладывал, потому что будет много репозиториев, потом будет сложно ориентироваться, там я храню только основные
      1. Исключительно демонстрационный, это учебное приложение
      2. Для чекбоксов нужно делать :checked, я уже после записи заметил эту мелкую недоработку)

  • @Deligium
    @Deligium 4 ปีที่แล้ว

    Спасибо, весь контент на канале очень помогает развиваться как разработчику, на данный момент нужен Vue и все, что есть на канале о Vue это просто кладезь ценнейшей информации!

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

    Пожалуйста, когда делаете туториал, не называйте все переменные одним словом todo, потому что новичку очень сложно разобраться, что куда идет. Назовите todoProperty ну хоть как-нибудь, но по-другому. Досмотрела до 16 минуты и не смогла продолжить, потому что не работало, а в туториале работало... Помог знакомый. Вот мой вариант написания цикла for: .

    • @vladislavmac
      @vladislavmac 3 ปีที่แล้ว

      Владилен так любит делать, такие переменные ставит по всюду что чёрт ногу сломет

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

      @@vladislavmac жутко бесит, согласен. Вообще программеры живут в своем мире и не понимают, что в голове у новичка. Каждые 10 минут видео надо делать отступление и объяснять план действий.

    • @SlavikPro1998
      @SlavikPro1998 3 ปีที่แล้ว

      @@vladislavmac не нравится не смотри

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

      @@SlavikPro1998 Я и не смотрю) Я искал годные видео по Vue. Увидел это и зашёл посмотреть как людей обманывают и все :)

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

      Он всё верно делает)) потом поймёте) я согласен, что по началу это путает.

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

    Друзья подскажите пожалуйста в чем ошибка, у меня написано всё в точности как в уроке, но требует какое значение в переменной : 51:18 error Expected to return a value in "filteredTodos" computed property vue/return-in-computed-property
    ✖ 1 problem (1 error, 0 warnings)
    @ ./src/router.js 14:13-40
    @ ./src/main.js
    @ multi (webpack)-dev-server/client?192.168.43.58:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

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

    Если у кого-то такая ошибка: Expected to return a value in "filteredTodos" computed property. То просто в конце вашего computed-свойства напишите return this.todos и удалите первый if, с этим возвращением. Это ругается EsLint на то что computed свойство должно что-то ретюрнуть по умолчанию

  • @umaru-chan5659
    @umaru-chan5659 4 ปีที่แล้ว +1

    Благодарю! очень интересно учиться по вашим урокам!

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

    как всегда шикарно, спасибо большое за видео!

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

    Спасибо большое. Подача материала на высоте!!!

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

    Четко, емко и по делу. Супер!!!

  • @ГерманТкачев-и3м
    @ГерманТкачев-и3м 4 ปีที่แล้ว +1

    Владилен, вы молодец. Очень крутой контент пилите, очень понятно объясняете

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

    Добрый день! Спасибо огромное за видео, очень кратко и информативно все) Я правда в конце думал, что баг с обнулением значения чекбокса при фильтринге будет еще пофикшен, поэтому концовка видео для меня оказалась несколько внезапной:)))

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      Я потом уже заметил, что там мелкий баг был, но в твоих силах его поправить самому)

    • @mr.sablin
      @mr.sablin 5 ปีที่แล้ว

      Не получилось исправить этот баг?) не могу понять как подобраться к индексу...)

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

    Есть баг с input в TodoItem. Когда подгружаются данные с сервера, чекбоксы для завершенных и зачеркнутых todo отображаются как неотмеченные, без галки. Лучше использовать v-model="todo.completed" вместо @change="todo.completed = !todo.completed".

  • @СергейКоролев-о6й1я
    @СергейКоролев-о6й1я 2 ปีที่แล้ว +1

    Подскажите пожалуйста, как в vs-code сделать чтобы при наборе v- высвечивались подсказки v-on и тд ?

  • @ВладимирАнтоненко-д5й
    @ВладимирАнтоненко-д5й 3 ปีที่แล้ว

    Благодарю) Как всегда топчик)))

  • @ЮлияИбрагимова-ъ7п
    @ЮлияИбрагимова-ъ7п 3 ปีที่แล้ว

    Большое спасибо! Этот экспресс-курс очень помог быстро разобраться))

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

    30:30. id не генерируется случайным образом, это количество секунд от 01.01.1970, если не путаю

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

      timestamp называется, да

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

    Очень хороший урок, разложено по полочкам. Спасибо большое!

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

    Хорошее и доступное объяснение.
    Однако, не лучше ли было бы в filteredTodos использовать switch вместо того, чтобы городить ифы?

  • @stasmaksimov9531
    @stasmaksimov9531 4 ปีที่แล้ว

    Шикарно! 👍 спасибо!

  • @vladvald864
    @vladvald864 4 ปีที่แล้ว

    Большое спасибо за видео, лучшее из серии подобных "освой физику за час" )

  • @ЕвгенийБондаренко-ы5в
    @ЕвгенийБондаренко-ы5в 4 ปีที่แล้ว

    Владилен, аплодирую стоя. Адски благодарю за науку :3

  • @ДаняДерябкин
    @ДаняДерябкин ปีที่แล้ว

    Очень понятно и доходчиво, до начиная с роутов уже не актуально, долго смотрел в чем проблема, потом психанул и скачал архив и вставил просто в свой проект, но все равно так же ошибка(связанная с Vue.use(Router))

  • @VladilenMinin
    @VladilenMinin  5 ปีที่แล้ว +99

    Кто-нибудь видит мой комментарий с содержанием?🤔

    • @LauncherThe
      @LauncherThe 5 ปีที่แล้ว

      Его видно только если изменить порядок сортировки на "Сначала новые"

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

      @@LauncherThe Благодарю, вроде теперь починил и его видно всегда

    • @Amer1canMe
      @Amer1canMe 5 ปีที่แล้ว

      @@VladilenMinin Не видно

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      Дамир Шагаев а сейчас? Что то не могу понять в чем причина

    • @Amer1canMe
      @Amer1canMe 5 ปีที่แล้ว

      @@VladilenMinin Вот сейчас видно

  • @Foxy31
    @Foxy31 4 ปีที่แล้ว

    ОГРОМНОЕ СПАСИБО! Никак не мог перейти с чистого js на фреймворки!!

  • @sheptickij
    @sheptickij 3 ปีที่แล้ว

    Однозначно лайк. Многие шорткаты IDE не знал. Я бы еще рассказал за миксины.

  • @marimaribobby
    @marimaribobby 4 ปีที่แล้ว

    Замечательный туториал! Сразу все понятно и, главное, быстро :)

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

    Еще не начал смотреть но уже поставил лайк!

  • @kirillgavrilov9681
    @kirillgavrilov9681 4 ปีที่แล้ว

    Не знаю, каково это смотреть с нуля (думаю, что смотреть и сразу делать - отлично)
    Но и в качестве повторения тоже отлично зашло, спасибо! 👏🏻

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

    Что за лажа на 21:50 ?
    При добавлении v-on:change="todo.completed = !todo.completed пишет
    Failed to compile.
    ./src/components/TodoItem.vue
    Module Error (from ./node_modules/eslint-loader/index.js):
    F:\Programming\vue-crash-course\src\components\TodoItem.vue
    4:43 error Unexpected mutation of "todo" prop vue/no-mutating-props
    ✖ 1 problem (1 error, 0 warnings)

    • @ДмитрийЗласов-я8в
      @ДмитрийЗласов-я8в 3 ปีที่แล้ว

      Потому что автор данного канала не программист, а маркетолог, продавец, но только не программист. Напрямую мутировать данные во vue ЗАПРЕЩЕНО. А на 21;50 он именно это и делает. А у вас ес линт как раз пишет, что вы напрямую мутируете данные

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

    04:48 Я купил себе приложение Magnet из App Store и вручную так теперь не растягиваю окна, очень удобно 👍🏻

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

    Владилен, спасибо огромное :-)

  • @АлександрОстапченко-м4в
    @АлександрОстапченко-м4в 5 ปีที่แล้ว +2

    Если у кого вываливается ошибка Failed to compile. на этапе import TodoItem from './components/TodoItem' измените на './TodoItem'

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

    Спасибо за урок, очень доходчиво

  • @alexfury8755
    @alexfury8755 3 ปีที่แล้ว

    Отлично 👍 Спасибо!

  • @smykoil
    @smykoil 4 ปีที่แล้ว

    Невероятно. Я только что, не ставив себе цель "Научиться программировать на Vue", научился программировать на Vue. Аааааааааааааааа. Вот как??? Как ты это сделал? Мне было скучно, я залез в ютуб, чтобы убить время, но время я по сути не убил, это был максимально полезный час отдыха в моей жизни...
    Сам урок сделан великолепно, всё поэтапно разобрано. Думаю после этого видео, любую недосказанность можно будет легко найти в документации...
    Благодарю.
    Если вдруг придёт идея обучить какому-нибудь ещё фреймворку за час, осуществите её, я нажал колокольчик и уже жду

    • @VladilenMinin
      @VladilenMinin  4 ปีที่แล้ว

      Благодарю за отзыв)
      Глянь на канале плейлист быстрые курсы, тут такого много)

    • @smykoil
      @smykoil 4 ปีที่แล้ว

      @@VladilenMinin уже нашел, твой канал - это чудо, как и ты)

  • @АлександрМитькин-ь6в
    @АлександрМитькин-ь6в 4 ปีที่แล้ว

    Шикарный урок! Спасибо!

  • @YmNIKYm
    @YmNIKYm 4 ปีที่แล้ว

    Как всегда на высоте. Спасибо за урок

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

    Владилен топчик, Пили больше!

  • @leonidivanov9203
    @leonidivanov9203 3 ปีที่แล้ว

    Спасибо большое! Очень познавательно и полезно)

  • @andriihelever1793
    @andriihelever1793 4 ปีที่แล้ว

    Очень круто спасибо, слушаешь на одном дыхание

  • @dan.gorbunov
    @dan.gorbunov 5 ปีที่แล้ว +2

    Формат крутой. Как бы все знаешь, а нет... куча мелочей. Спасибо

    • @VladilenMinin
      @VladilenMinin  5 ปีที่แล้ว

      В этом и была идея, показать базовый функционал, но напичкать его мелочами)

  • @ДмитрийЗласов-я8в
    @ДмитрийЗласов-я8в 3 ปีที่แล้ว +1

    22:11 - это вы напрямую мутируете свойство обьекта?

    • @pervushinag
      @pervushinag 3 ปีที่แล้ว

      Вот тоже не понял. Причем потом работает фильтрация по списку, хотя меняли прямо пропс. Может там пропс на данные прям референс (под капотом вью), но это в любом случае неправильно так делать. Проверить просто - надо в режиме фильтрации (не по all) попробовать по чекбоксу щелкнуть - список не изменится, потому что изменения будут по временному объекту, который возвращает computed. Правильно это также как и с удалением прокидывать наверх событие смены состояния Completed, и обрабатывать его в родительском списке.

    • @pavelkhmara2312
      @pavelkhmara2312 3 ปีที่แล้ว

      И что с этим делать? У меня ошибка с упоминанием мутации (

  • @ВадимВалунский
    @ВадимВалунский 5 ปีที่แล้ว +1

    Очень круто, спасибо!

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

    Спасибо, довольно интересно. Правда на самом деле не понял логику самого подхода, тоесть изначально когда затевался node.js идея была в том чтоб использовать один язык для сервера и фронта насколько я понял, а vue это как я понимаю фреймворк который работает на node.js? И в итоге тут используется абсолютно левый синтаксис, который настолько же js,насколько и любой другой язык разработки. Запутался в общем...

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

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

  • @iwannabekoshka
    @iwannabekoshka 4 ปีที่แล้ว

    Очень понравился курс, появилось сильное желание и дальше изучать Vue.js :)

  • @LastWeg
    @LastWeg 5 ปีที่แล้ว +8

    Не получилось, делаю то же самое, но router не отображается.

    • @kdx3119
      @kdx3119 3 ปีที่แล้ว

      тоже самое. Решил как-то?

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

    Курс на Udemy будет? Есть смысл учить Vue 2, если в 3-й версии поменяется синтаксис и вообще вью переформатируется больше в React?

    • @АртемБондаренко-ж5о
      @АртемБондаренко-ж5о 4 ปีที่แล้ว

      Та вроде насколько я слышал из старого синтаксиса совсем выкинут только миксины. В любом случае к тому времени пока 3 версия станет повсеместно использоваться ещё довольно много времени пройдет. Вот есть люди которые на AngularJs ещё лобают хотя его не поддерживает гугл уже.

  • @plakhotnyuk
    @plakhotnyuk 3 ปีที่แล้ว

    просто лучший👍

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

    Супер, единственное замечание про фильтры, лучше делать через computed так как фильтры выпилят в 3й версии если я не путаю.

  • @nazarnazarenko437
    @nazarnazarenko437 4 ปีที่แล้ว

    Ну просто THE BEST!)

  • @thurmanmerman6541
    @thurmanmerman6541 4 ปีที่แล้ว

    Большое спасибо за видео!

  • @ДамирВахитов-т9э
    @ДамирВахитов-т9э 4 ปีที่แล้ว

    Спасибо. Лучшее видео.

  • @goldtalant
    @goldtalant 4 ปีที่แล้ว

    Добрый день. Подскажите, на видео с 20:40 по 21:00
    есть условие зачеркивание текста:
    файл "TodoItem.vue", класс "done", условие "todo.completed"(булевое переменное false-true).
    Вопрос: не срабатывает "completed" (редактор WebStorm). В видеоуроке шторм выделяет цветом это значение. У меня не выделяет.
    Просто обойти " " недостаточно, т.к. дальше в коде не срабатывают условия.
    Что не так у меня с "completed"?
    ...
    чтобы исключить возможную синтаксическую ошибку - взял исходники, текст перенес копированием. Не помогло.
    Пересоздал проект полностью на исходниках 1-в-1.
    Не работает. По видимому, новые версии отменили\изменили набор элементов...
    У кого работает - отпишитесь.

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

      todo.components? а какую версию проекта выбрал в (*)chose version? 2.x или 3.x? Я выбрал 2.x, всё рабоатет. А todo.title у тебя срабатывает в span-е TodoItem.vue?

  • @tavuk-shish
    @tavuk-shish 3 ปีที่แล้ว

    Не нашел в документации jsonplaceholder упоминание про query-параметр limit - откуда взята эта информация?

  • @ДмитроЖелезняк-ч6ф
    @ДмитроЖелезняк-ч6ф 3 ปีที่แล้ว

    Повторил туториал, столкнулся с интересным поведением чекбоксов, после сортировки select, у чекбоксов отменяется состояние checked, при чем не у всех, а только у некоторых. Кто-то еще сталкивался с такой ситуацией? Как бы его пофиксить?

  • @АлексейНагаев-г9ч
    @АлексейНагаев-г9ч 4 ปีที่แล้ว

    Владлен не подскажите что на данный момент толковое для изучения vue на русском? На webformyself.com есть курс "Фреймворк Vue.js Полное руководство для современной веб-разработки" но если мне не изменяет память в одном из своих стримов вы сказали что этот курс уже не актуален