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

  Рет қаралды 358,261

Владилен Минин

Владилен Минин

Күн бұрын

Пікірлер: 559
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Господа, никакого кликбейта, все основные темы разобраны) Добавляйте меня в 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 жыл бұрын
Владлена, походу этот ролик уже не актуален.
@mrudk1
@mrudk1 4 жыл бұрын
@@Rock-fh1hp почему???
@skylive_skl
@skylive_skl 4 жыл бұрын
​@@Rock-fh1hp ​ то же проблема с v-for была? Если да, то объясню они добавили еще одну обязательную директиву при использовании цикла, это v-bind:key так что компонент который будет итерироваться из массива должен выглядеть так :
@yetymoye
@yetymoye 4 жыл бұрын
@@skylive_skl спасибо большое!
@АлинаАлтынбаева-е7н
@АлинаАлтынбаева-е7н 3 жыл бұрын
ребят у кого была проблема с чекбоксами и селектом? плиз, напишите кто сможет помочь не могу понять где проблема
@laretabatl5934
@laretabatl5934 5 жыл бұрын
Отличнейшие уроки! Я начала понимать логику vue , благодаря Вашим грамотным комментариям всех действий. Создаем компонент, импортируем его, регистрируем его, используем его ! надо передать данные в компонент, то делаем это через props . Самое то, что надо для старта во vue. Спасибищеееее!!!!!!
@amztrainer4525
@amztrainer4525 3 жыл бұрын
Я конечно дико извиняюсь. Может он просто хотел показать все возможности, и я понимаю что знаю гораздо меньше чем автор. Но писать всю логику в корневом app и импортировать в компоненты только готовые данные, это ж дикость какая то. Зачем тогда в компонентах 3 поля придумали? Пиши тогда всю логику в js файле а стили в css. Но блин в корневом компоненте. Он на то и корневой, что управляет всем, там вообще ничего не должно быть практически. А компоненты- самостоятельные сущности. Они могут получать данные, методы, но роботпть кмк должны сами.
@quasa0
@quasa0 3 жыл бұрын
@@amztrainer4525 так и в чем твой поинт? Как сделать лучше?
@Плененныйкустами
@Плененныйкустами 4 жыл бұрын
Чтобы при применении фильтра не сбрасывалось значение checkbox стоит заменить: на
@mykhaylokravtsiv6217
@mykhaylokravtsiv6217 4 жыл бұрын
Спасибо, отличный урок! НО небольшой совет ( или личное пожелание, для ОБЩЕГО удобства ) автору : когда по коду ( ну и по комментариям видео ) встречаются ОДИНАКОВЫЕ названия - todo-todo / todos-todos / И ПРИ ЭТОМ САМ АВТОР НАПОМИНАЕТ, ЧТО одно название - ПРОИЗВОЛЬНОЕ ( т.е. ВЫБИРАЕМ в этот конкретный момент !!! ), а другое - УЖЕ СУЩЕСТВУЮЩЕЕ на этот момент НАЗВАНИЕ массива или объекта ( т.е НЕЛЬЗЯ изменить без ошибки в коде ) , - НАМНОГО УДОБНЕЕ БУДЕТ если ПРОИЗВОЛЬНОЕ НАЗВАНИЕ НЕ будет ТАКИМ ЖЕ как и "НЕПРОИЗВОЛЬНОЕ" - ... Если идут одинаковые названия - реально какая-то часть времени уходит на постоянное напоминание себе - где в этих парах какое название ( СТОП ! Я понимаю - что любое название изначально - произвольное)), НО - думаю автор поймет о чем я, т.к. сам отличает эти названия по этому критерию по ходу видео) спасибо.
@theavazov
@theavazov 2 жыл бұрын
Я здесь после год работы в риакте, мне было очень понятно ваша речь, многие схожие места есть с риактом, но здесь как-то более понятно новичкам, спасибо вам огромное
@ЭмильАбдуллин-й2с
@ЭмильАбдуллин-й2с 5 жыл бұрын
Не люблю видосы продолжительностью больше 20 минут,но это божественно,на одном дыхании
@VladilenMinin
@VladilenMinin 5 жыл бұрын
У меня таких целый плейлист)
@sparkqy135
@sparkqy135 5 жыл бұрын
Годнота. На работе прилетели таски по вью, это видео - то что нужно для быстрого старта работы с фреймворком.
@SergiuBurduja-y1l
@SergiuBurduja-y1l 4 жыл бұрын
Спасибо тебе огромное Владилен, ты самый лучший, ты и Петриченко. Я вас обоих просто обожаю.
@antonmaklakov
@antonmaklakov 4 жыл бұрын
Включил х2, выучил Vue за 25 минут)
@user-alex6525
@user-alex6525 3 жыл бұрын
И тут же забыл😁😁
@Павел-ъ2б3э
@Павел-ъ2б3э 3 жыл бұрын
Это очень смешно))
@aerahtv0000
@aerahtv0000 2 жыл бұрын
и забудешь с х2 скоростью
@Alexander-ib3df
@Alexander-ib3df 2 жыл бұрын
@@aerahtv0000 не запомнит
@vvks9901
@vvks9901 2 жыл бұрын
попробую на х4 ))))
@dan.gorbunov
@dan.gorbunov 5 жыл бұрын
Владилен, привет. 5 часов разбирал до молекул. Спасибо. У тебя столько материала, что последнюю задачу по js просто не успеваю начать. Очень круто.
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Знал бы ты сколько материала еще в голове есть, времени бы хватало все записывать) Благодарю за отзыв!
@webxcryptoit7308
@webxcryptoit7308 5 жыл бұрын
Да вообще одни из лучших уроков и курсов. Владилен, продолжай в том чже духе, ты лучший!
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Благодарю за отзыв)
@dauletminutpek3965
@dauletminutpek3965 4 жыл бұрын
Влад, ты не представляешь как сильно, помогаешь людям. Когда у меня будут спрашивать кто тебя учил, я буду отвечать "мой сенсей Владилен Минин" . Настолько полезный урок, что я начал скачивать видео чтоб не потерять.
@alexshubin1
@alexshubin1 5 жыл бұрын
Быстро, понятно и ничего лишнего. Благодарю за урок !
@ДмитрийЧерников-ъ7ф
@ДмитрийЧерников-ъ7ф 5 жыл бұрын
Это потрясающе! Это супер-качественно потраченный час в жизни!
@talas12341
@talas12341 5 жыл бұрын
лучше чем секс с девушкой?
@nickstojanovic9663
@nickstojanovic9663 5 жыл бұрын
@@talas12341 Целый час ???? Пфф, хватит ей и 10 минут. Оставшиеся 50 минут лучше потратить на vue ) Правда где потом гику новую девушку искать )
@rustamtishkov2479
@rustamtishkov2479 4 жыл бұрын
@@talas12341 даже лучше чем с мужчиной
@f3arning
@f3arning 4 жыл бұрын
потратил гораздо больше часа, т.к. набирал код попутно, офигенно
@inzoddex8312
@inzoddex8312 5 жыл бұрын
Для тех у кого не работает Emmet в VS Code во .vue следующее решение. Нажать F1 найти файл settings.json и добавить строки "emmet.includeLanguages": { "vue": "html" }
@СтасНедосекин-и6д
@СтасНедосекин-и6д 4 жыл бұрын
красава
@callme8041
@callme8041 4 жыл бұрын
Добавил данную строку но это не помогло, в начале все строки файлов *.vue были чисто белыми, после чего добавил расширение - Vetur. После добавление строки+расширения emmet заработал как нужно. Спасибо.
@lutamona
@lutamona 2 жыл бұрын
Привет Владилен! Большое спасибо за видео. Сегодня в 2022, просматривая этот туториал, правя параллельно вещи, которые у тебя работают (у тебя версии пакетов ниже, и линтер видимо слабее), удалось понять основные принципы, при переходе с 4 лет ангуляра. Спасибо!
@ogogo505
@ogogo505 5 жыл бұрын
Как всегда всё доступно и понятно, без лишней воды. Сделай видео, где используются какие-нибудь приёмы из реальных проектов на VueJs или реализация каких-нибудь фич из реальных проектов.
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Так я целый курс же выпускают с такими штуками по Vue) Там только элементы из реальных приложений!
@Стас-с4ю5т
@Стас-с4ю5т 5 жыл бұрын
Самое лучшее видео из серии "что то за час")))
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Благодарю, я старался)
@alexanderkonichek9761
@alexanderkonichek9761 4 жыл бұрын
Я видел много материалов по Vue (в том числе и платные), но это лучшее объяснение для начинающих, какое может только быть!)) Владилен - БРАВО! Вы переплюнули даже сами себя!)
@d.kruglov
@d.kruglov 4 жыл бұрын
Это лучшее видео для того чтобы начать осваивать vue, всё что нужно и ничего лишнего. Спасибо огромное, пошел писать свой тудулист =)
@АнгелинаДорашева-к7ь
@АнгелинаДорашева-к7ь 4 жыл бұрын
Видео - огонь!! Все по делу и супер понятно изложено, без воды и лишних слов. Спасибо, Владилен, подписалась!)
@1NoXe1
@1NoXe1 4 жыл бұрын
Смотрел много разных уроков на разные темы, но ты наверное лучший! Все по делу, без воды, не повторяешь одно и то же по 10 раз, а так же не считаешь своих подписчиков полными тупезнями, которых в начале видео нужно обучать алфавиту.
@АбовянВладислав
@АбовянВладислав 3 жыл бұрын
Очень понятно рассказал, спасибо за урок! После просмотра появилась мотивация повторить. Сразу видно когда профи выполняет свою работу приятно смотреть.
@sergey4879
@sergey4879 5 жыл бұрын
Просто, доступно, понятным языком. Контент топовый и как всегда очень высокого качества, за что огромное спасибо!
@andyguitar9627
@andyguitar9627 4 жыл бұрын
Не ну это подписка на канал, на работе таски по вью+лара закинули, видос особо годный, быстро четко и без воды, все как я люблю
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Добро пожаловать)
@tnnleo
@tnnleo 4 жыл бұрын
Спасибо, делаю тестовое задание благодаря тебе) Как будто полгода учил Vue, хотя только час посмотрел))
@Jonstonrich
@Jonstonrich 5 жыл бұрын
12:29 - Все что нужно для жизни разработчику.
@badassstas
@badassstas 4 жыл бұрын
Найти что-то такого уровня на ютубе даже не мечтал, спасибо большое)
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Благодарю, приятно)
@maxminin6545
@maxminin6545 3 жыл бұрын
Спасибо большое за видео, понадобилось быстро войти во вью после многолетней работы с Angular и частично React. Твоё видео первое в выдаче по запросу "vue js за 5 минут", всё моментально ясно, пошёл работать))
@evgeniysaiko2862
@evgeniysaiko2862 3 жыл бұрын
Огромное спасибо за это видео, только начал работать с Vue.js и ролик оказался очень полезным для ознакомления с базовыми вещами во Vue.
@Megagundar
@Megagundar Жыл бұрын
использование todo для различных элементов сильно усложняет восприятие материала для таких новичков как я, а ведь это видео как раз для них
@mikazuki1549
@mikazuki1549 4 жыл бұрын
Страшно сказать, сколько туторов на ютубе я за жизнь успел посмотреть, так что смело скажу, что видео действительно полезное, насыщенное и интересное для старта. Респект!
@IvanSedov-i7f
@IvanSedov-i7f 3 жыл бұрын
Спасибо. Все понятно и профессионально рассказано.
@davidsurmava2669
@davidsurmava2669 4 жыл бұрын
Очень хорошо. Кратко и понятно . Автору респект
@valeriipimenov4894
@valeriipimenov4894 4 жыл бұрын
Спасибо за ультра мощный обзор) Это не хауди обзор)) Со знаниями реакта заходит очень хорошо! Thank you)
@AndreyShevchenko-yd3tg
@AndreyShevchenko-yd3tg 4 жыл бұрын
А мне наоборот после Реакт, кажется слишком много лишней писанины, и немного Vue отстраняет разработчика от javascripta.
@fantast2568
@fantast2568 5 жыл бұрын
Спасибо, информативно ! Так держать Владилен ! 👍
@ДаняДерябкин
@ДаняДерябкин Жыл бұрын
Очень понятно и доходчиво, до начиная с роутов уже не актуально, долго смотрел в чем проблема, потом психанул и скачал архив и вставил просто в свой проект, но все равно так же ошибка(связанная с Vue.use(Router))
@dan.gorbunov
@dan.gorbunov 5 жыл бұрын
Комментарии видны. Я не перестаю себе говорить, что если бы не ты я бы сломался. Спасибо. Копать и копать твои уроки и пересматривать
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Мне очень приятно, что мой материал так работает. Это воодушевляет на создание еще более качественного и интересного контента
@dan.gorbunov
@dan.gorbunov 5 жыл бұрын
Я работаю на реальным проектом, уже смотрю будет жестко
@VladilenMinin
@VladilenMinin 5 жыл бұрын
@@dan.gorbunov Ты имеешь ввиду, что сложно? Если есть какие то темы, что не понятны, дай знать в ВК, подумаю, как их осветить
@dan.gorbunov
@dan.gorbunov 5 жыл бұрын
Vladilen Minin хорошо, напишу. Спасибо за ответ и поддержку.
@artyom_mezin
@artyom_mezin 5 жыл бұрын
Благодарю за видео, мне как начинающему знакомство с 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, я уже после записи заметил эту мелкую недоработку)
@VIS-86
@VIS-86 4 жыл бұрын
Огромное спасибо! очень доступно)! Желаю успехов каналу!
@17madjoker47
@17madjoker47 5 жыл бұрын
Спасибо за видео, очень полезно и без воды. Сразу видно автор хорошо понимает технологию - респект =)
@kirillgavrilov9681
@kirillgavrilov9681 4 жыл бұрын
04:48 Я купил себе приложение Magnet из App Store и вручную так теперь не растягиваю окна, очень удобно 👍🏻
@Foxy31
@Foxy31 4 жыл бұрын
ОГРОМНОЕ СПАСИБО! Никак не мог перейти с чистого js на фреймворки!!
@Прощепростого-д6р
@Прощепростого-д6р 4 жыл бұрын
Ну, и как самочувствие ?
@sheptickij
@sheptickij 3 жыл бұрын
Однозначно лайк. Многие шорткаты IDE не знал. Я бы еще рассказал за миксины.
@dan.gorbunov
@dan.gorbunov 5 жыл бұрын
Формат крутой. Как бы все знаешь, а нет... куча мелочей. Спасибо
@VladilenMinin
@VladilenMinin 5 жыл бұрын
В этом и была идея, показать базовый функционал, но напичкать его мелочами)
@rinatvaliullov3247
@rinatvaliullov3247 5 жыл бұрын
Огонь! Продолжай в том же духе. Очень круто и полезно.
@cherpaknorma
@cherpaknorma 4 жыл бұрын
Владилен, огромное спасибо! Было бы круто увидеть от вас такой же видос об Vue Route как и о Vuex!
@EugeneChe-81
@EugeneChe-81 5 жыл бұрын
Выражаю вам свою благодарность за подобного рода подачу материала!
@marinakosova1398
@marinakosova1398 4 жыл бұрын
Пожалуйста, когда делаете туториал, не называйте все переменные одним словом todo, потому что новичку очень сложно разобраться, что куда идет. Назовите todoProperty ну хоть как-нибудь, но по-другому. Досмотрела до 16 минуты и не смогла продолжить, потому что не работало, а в туториале работало... Помог знакомый. Вот мой вариант написания цикла for: .
@vladislavmac
@vladislavmac 3 жыл бұрын
Владилен так любит делать, такие переменные ставит по всюду что чёрт ногу сломет
@timurbazaroff8067
@timurbazaroff8067 3 жыл бұрын
@@vladislavmac жутко бесит, согласен. Вообще программеры живут в своем мире и не понимают, что в голове у новичка. Каждые 10 минут видео надо делать отступление и объяснять план действий.
@SlavikPro1998
@SlavikPro1998 3 жыл бұрын
@@vladislavmac не нравится не смотри
@vladislavmac
@vladislavmac 3 жыл бұрын
@@SlavikPro1998 Я и не смотрю) Я искал годные видео по Vue. Увидел это и зашёл посмотреть как людей обманывают и все :)
@student747
@student747 2 жыл бұрын
Он всё верно делает)) потом поймёте) я согласен, что по началу это путает.
@Deligium
@Deligium 4 жыл бұрын
Спасибо, весь контент на канале очень помогает развиваться как разработчику, на данный момент нужен Vue и все, что есть на канале о Vue это просто кладезь ценнейшей информации!
@kirillgavrilov9681
@kirillgavrilov9681 4 жыл бұрын
Не знаю, каково это смотреть с нуля (думаю, что смотреть и сразу делать - отлично) Но и в качестве повторения тоже отлично зашло, спасибо! 👏🏻
@ГерманТкачев-и3м
@ГерманТкачев-и3м 4 жыл бұрын
Владилен, вы молодец. Очень крутой контент пилите, очень понятно объясняете
@umaru-chan5659
@umaru-chan5659 4 жыл бұрын
Благодарю! очень интересно учиться по вашим урокам!
@ЮлияИбрагимова-ъ7п
@ЮлияИбрагимова-ъ7п 3 жыл бұрын
Большое спасибо! Этот экспресс-курс очень помог быстро разобраться))
@hyperborean72
@hyperborean72 4 жыл бұрын
А мне, к сожалению, не понравилось. Можно было бы отделить мух от котлет и называть бесконечные todo/todos как-то иначе, чтобы было четче видно, что откуда читается. Также, например, вы не сказали, что props - массив атрибутов компонента. Эти три слова объяснили бы все, и не нужно было бы тыкать туда-сюда. Я не сразу понял смысл этого свойства. Как вы объяснили структуру тега TodoItem v-for v-bind - вообще песня. Почему-то не посчитали нужным объяснить, что там todo, что - todos. И я так и не понял, зачем в App.vue экспортировать компонент TodoList, и где используется декларированное при этом свойство components. Является ли оно специфичным для Vue, JS, или его имя выбрано произвольно.
@bulatgafarov5506
@bulatgafarov5506 2 жыл бұрын
да уж пиздец непонятно
@cma1kep
@cma1kep 4 жыл бұрын
Спасибо большое. Подача материала на высоте!!!
@Alex_2DN
@Alex_2DN 5 жыл бұрын
Добрый день! Спасибо огромное за видео, очень кратко и информативно все) Я правда в конце думал, что баг с обнулением значения чекбокса при фильтринге будет еще пофикшен, поэтому концовка видео для меня оказалась несколько внезапной:)))
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Я потом уже заметил, что там мелкий баг был, но в твоих силах его поправить самому)
@mr.sablin
@mr.sablin 5 жыл бұрын
Не получилось исправить этот баг?) не могу понять как подобраться к индексу...)
@ДмитроАккерман
@ДмитроАккерман 4 жыл бұрын
Для тех, для кого проблема с ошибкой "Unexpected side effect in "filteredTodos" computed property" еще актуальна: В свойстве computed мы не имеем права мутировать оригинальные данные, что мы делаем методом filter. Решение: 1. Переносим наш метод с "computed" в свойство "methods". Метод я переименовал в "filterTodos" 2. Внутри функции создаем переменную "filteredTodos" и по условию присваиваем ей новый результат. В конце возвращаем его. filterTodos() { let filteredTodos; if(this.selected === 'all') { filteredTodos = this.todos } else if(this.selected === 'completed') { filteredTodos = this.todos.filter(function(todo) { return todo.completed }) } else if(this.selected === 'not-completed') { filteredTodos = this.todos.filter(function(todo) { return !todo.completed }) } return filteredTodos; } 3. В теге "select" обращаемся к методу @change="filterTodos" 4. Так же не забываем заменить в переборе наших v-for= "todo in todos" на v-for="todo in filterTodos()"
@user-gi2wi7mm7i
@user-gi2wi7mm7i 4 жыл бұрын
Очень хороший урок, разложено по полочкам. Спасибо большое!
@vladvald864
@vladvald864 4 жыл бұрын
Большое спасибо за видео, лучшее из серии подобных "освой физику за час" )
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Кто-нибудь видит мой комментарий с содержанием?🤔
@LauncherThe
@LauncherThe 5 жыл бұрын
Его видно только если изменить порядок сортировки на "Сначала новые"
@VladilenMinin
@VladilenMinin 5 жыл бұрын
@@LauncherThe Благодарю, вроде теперь починил и его видно всегда
@Amer1canMe
@Amer1canMe 5 жыл бұрын
@@VladilenMinin Не видно
@VladilenMinin
@VladilenMinin 5 жыл бұрын
Дамир Шагаев а сейчас? Что то не могу понять в чем причина
@Amer1canMe
@Amer1canMe 5 жыл бұрын
@@VladilenMinin Вот сейчас видно
@Amazon_Bewertungen
@Amazon_Bewertungen 4 жыл бұрын
как всегда шикарно, спасибо большое за видео!
@ВладимирАнтоненко-д5й
@ВладимирАнтоненко-д5й 3 жыл бұрын
Благодарю) Как всегда топчик)))
@iwannabekoshka
@iwannabekoshka 3 жыл бұрын
Очень понравился курс, появилось сильное желание и дальше изучать Vue.js :)
@marimaribobby
@marimaribobby 4 жыл бұрын
Замечательный туториал! Сразу все понятно и, главное, быстро :)
@ВасиликВіктор
@ВасиликВіктор 4 жыл бұрын
Спасибо за видео! Тем кто досмотрел до конца есть челлендж: вынести в компоненты тег select и сделать так чтобы все работало. (я смог)
@JustLordDrag0N
@JustLordDrag0N 4 жыл бұрын
Как по мне это уже перебор) Лучше пусть создадут новый компонент, который позволит редактировать уже существующие элементы
@evgeny2814
@evgeny2814 4 жыл бұрын
Отличный курс, за час прям всё стало понятно. Ещё бы такой уже курс по React бы
@VladilenMinin
@VladilenMinin 4 жыл бұрын
На канале
@maxSamolet
@maxSamolet 5 жыл бұрын
Четко, емко и по делу. Супер!!!
@НумаОмирзак
@НумаОмирзак 2 жыл бұрын
Вспомнил как летом React у тебя на канале, тогда тоже лист-задач делали и точно также всё. Ностальгия) Сижу и сравниваю React и Vue.
@smykoil
@smykoil 4 жыл бұрын
Невероятно. Я только что, не ставив себе цель "Научиться программировать на Vue", научился программировать на Vue. Аааааааааааааааа. Вот как??? Как ты это сделал? Мне было скучно, я залез в ютуб, чтобы убить время, но время я по сути не убил, это был максимально полезный час отдыха в моей жизни... Сам урок сделан великолепно, всё поэтапно разобрано. Думаю после этого видео, любую недосказанность можно будет легко найти в документации... Благодарю. Если вдруг придёт идея обучить какому-нибудь ещё фреймворку за час, осуществите её, я нажал колокольчик и уже жду
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Благодарю за отзыв) Глянь на канале плейлист быстрые курсы, тут такого много)
@smykoil
@smykoil 4 жыл бұрын
@@VladilenMinin уже нашел, твой канал - это чудо, как и ты)
@artemalesenko9855
@artemalesenko9855 4 жыл бұрын
Столкнулся с проблемой eslint мутации при прямом переназначении событий. Для тех кто не знает, нужно переназначить приходящие пропсы в новой data. Для наглядности: export default { props: { todo: { type: Object, required: true } }, data () { return { $todo: this.todo // Здесь переназначаем пропс } } } Таким образом eslint не будет ругаться на мутацию
@sometimemaster
@sometimemaster 3 жыл бұрын
Артем Красава!
@androiddecolt11
@androiddecolt11 2 жыл бұрын
Артем, спасибо!
@ЕвгенийБондаренко-ы5в
@ЕвгенийБондаренко-ы5в 4 жыл бұрын
Владилен, аплодирую стоя. Адски благодарю за науку :3
@VoyagerVR
@VoyagerVR 3 жыл бұрын
Есть баг с input в TodoItem. Когда подгружаются данные с сервера, чекбоксы для завершенных и зачеркнутых todo отображаются как неотмеченные, без галки. Лучше использовать v-model="todo.completed" вместо @change="todo.completed = !todo.completed".
@lexxich
@lexxich 4 жыл бұрын
Спасибо за урок, очень доходчиво
@ilnurryazhapov
@ilnurryazhapov 5 жыл бұрын
Еще не начал смотреть но уже поставил лайк!
@gleb655
@gleb655 3 жыл бұрын
Если у кого-то такая ошибка: Expected to return a value in "filteredTodos" computed property. То просто в конце вашего computed-свойства напишите return this.todos и удалите первый if, с этим возвращением. Это ругается EsLint на то что computed свойство должно что-то ретюрнуть по умолчанию
@zond_amond
@zond_amond 4 жыл бұрын
Супер, единственное замечание про фильтры, лучше делать через computed так как фильтры выпилят в 3й версии если я не путаю.
@NVsquare
@NVsquare 5 жыл бұрын
Владилен топчик, Пили больше!
@VladilenMinin
@VladilenMinin 5 жыл бұрын
🙏
@bogdanbida8587
@bogdanbida8587 4 жыл бұрын
Очень полезное видео, делая по аналогии на практике, за пару часов вполне можно освоить азы vue.js
@phpmonkey
@phpmonkey 5 жыл бұрын
Туду, туду, туду, тудус, уух... Аж смешно стало, когда начал обращать внимание
@dezu805
@dezu805 4 жыл бұрын
на одном из таких моментов сильно запутался и выключил данное видео. разобрался уже у другого автора
@hyperborean72
@hyperborean72 4 жыл бұрын
@@dezu805 и я тоже... автор предельно запутал вобще-то довольно ясные вещи
@phat80
@phat80 4 жыл бұрын
@@dezu805 это достаточно распространенная практика в обучающих видео и книгах, называть какие-то переменные, массивы, классы, объекты, элементы максимально одинаково, из-за чего новичкам достаточно трудно понять, что вообще происходит и в чем отличие одного от другого. Когда я начинал разбираться в программировании, часто не мог понять элементарных вещей именно по этой причине. Такое впечатление, что это делают специально ))) В результате, конечно, разобрался, но уверен, что некоторые моменты освоил бы гораздо быстрее, если бы авторы обучающего материала не стремились иной раз специально запутать человека, который только приступает к изучению.
@viktoryakovenko757
@viktoryakovenko757 4 жыл бұрын
@@phat80 Вот, блин в точку! Им все понятно, а мы тупые. И всё афигеть как просто! (для них)
@Прощепростого-д6р
@Прощепростого-д6р 4 жыл бұрын
@@viktoryakovenko757 кто мы, если ты тупой, то че к себе других тянешь...?
@stasmaksimov9531
@stasmaksimov9531 3 жыл бұрын
Шикарно! 👍 спасибо!
@andriihelever1793
@andriihelever1793 4 жыл бұрын
Очень круто спасибо, слушаешь на одном дыхание
@YmNIKYm
@YmNIKYm 4 жыл бұрын
Как всегда на высоте. Спасибо за урок
@АлександрМитькин-ь6в
@АлександрМитькин-ь6в 4 жыл бұрын
Шикарный урок! Спасибо!
@jaloliddinhazratqulov891
@jaloliddinhazratqulov891 4 жыл бұрын
Самий лучший курс vue js
@theolderperson
@theolderperson 4 жыл бұрын
Владилен, спасибо огромное :-)
@leonidivanov9203
@leonidivanov9203 3 жыл бұрын
Спасибо большое! Очень познавательно и полезно)
@mihailsoosaar6213
@mihailsoosaar6213 3 жыл бұрын
Хорошее и доступное объяснение. Однако, не лучше ли было бы в filteredTodos использовать switch вместо того, чтобы городить ифы?
@nazarnazarenko437
@nazarnazarenko437 3 жыл бұрын
Ну просто THE BEST!)
@alexfury8755
@alexfury8755 3 жыл бұрын
Отлично 👍 Спасибо!
@DenProgMan
@DenProgMan 3 жыл бұрын
И вот если вы не уберёте до трёх строчек количество пунктов ToDo, а там где уже завершённые попробуете поставить галочку, то он наоборот снимет completed, т.е. галочка будет работать неверно. Для этого предлагаю заменить строчку на и будет нам счастье...
@Lissen13
@Lissen13 3 жыл бұрын
гуд )
@Zolikzolik
@Zolikzolik 4 жыл бұрын
сразу видно человек не парится с названием переменных итд, назвал все to do и збс)
@ИванЖуравлёв-у5т
@ИванЖуравлёв-у5т 4 жыл бұрын
У кого есть проблема с v-for, вот решение: v-for=“todo in todos” :key=“todo”
@androiddecolt11
@androiddecolt11 2 жыл бұрын
С версии 2.2.0 v-for без key не работает. Спасибо тебе
@АлексейКазаков-я2й
@АлексейКазаков-я2й 3 жыл бұрын
Спосибо за видео. Очень все понятно рассказал лайк 🙂👍
@kannsky8812
@kannsky8812 4 жыл бұрын
невероятный фреймворк, я влюбился в него! после изучения React JS, я нацелен на Vue. Будут ли еще уроки по Vue JS? Ты очень хорошо преподносишь курсы, спасибо.
@VladilenMinin
@VladilenMinin 4 жыл бұрын
Зайди во вкладку сообщество. Там сюрприз
@kannsky8812
@kannsky8812 4 жыл бұрын
@@VladilenMinin 😱😱😱😱😱😱 спасибо, Владилен!
@ДамирВахитов-т9э
@ДамирВахитов-т9э 4 жыл бұрын
Спасибо. Лучшее видео.
@thurmanmerman6541
@thurmanmerman6541 3 жыл бұрын
Большое спасибо за видео!
@yakut54
@yakut54 5 жыл бұрын
даёшь китайский язык за час!!!
@torodinson5260
@torodinson5260 4 жыл бұрын
пожалуй вернусь к этому видео когда начну хоть что-то понимать во Vue
@goldtalant
@goldtalant 4 жыл бұрын
Спасибо за интересный контент!
React или Vue или Angular. Что Выбрать?
19:52
Владилен Минин
Рет қаралды 230 М.
ExpressJS Быстрый Курс
1:09:11
Владилен Минин
Рет қаралды 202 М.
FOREVER BUNNY
00:14
Natan por Aí
Рет қаралды 23 МЛН
小路飞还不知道他把路飞给擦没有了 #路飞#海贼王
00:32
路飞与唐舞桐
Рет қаралды 86 МЛН
The Singing Challenge #joker #Harriet Quinn
00:35
佐助与鸣人
Рет қаралды 42 МЛН
TypeScript - Быстрый Курс за 70 минут
1:08:00
Владилен Минин
Рет қаралды 638 М.
#1 Зачем нужен Vue.js? - Vue.js: концепции
18:27
JavaScript.Ninja
Рет қаралды 204 М.
Vue 3 фундаментальный курс от А до Я
3:01:26
Все что вам нужно знать про Vue js
7:09
Web Developer Blog
Рет қаралды 64 М.
Китайский и Немецкий MERCEDES. Есть разница? Полный разбор
25:17
FOREVER BUNNY
00:14
Natan por Aí
Рет қаралды 23 МЛН