Господа, никакого кликбейта, все основные темы разобраны) Добавляйте меня в 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 то же проблема с v-for была? Если да, то объясню они добавили еще одну обязательную директиву при использовании цикла, это v-bind:key так что компонент который будет итерироваться из массива должен выглядеть так :
Отличнейшие уроки! Я начала понимать логику vue , благодаря Вашим грамотным комментариям всех действий. Создаем компонент, импортируем его, регистрируем его, используем его ! надо передать данные в компонент, то делаем это через props . Самое то, что надо для старта во vue. Спасибищеееее!!!!!!
Я конечно дико извиняюсь. Может он просто хотел показать все возможности, и я понимаю что знаю гораздо меньше чем автор. Но писать всю логику в корневом app и импортировать в компоненты только готовые данные, это ж дикость какая то. Зачем тогда в компонентах 3 поля придумали? Пиши тогда всю логику в js файле а стили в css. Но блин в корневом компоненте. Он на то и корневой, что управляет всем, там вообще ничего не должно быть практически. А компоненты- самостоятельные сущности. Они могут получать данные, методы, но роботпть кмк должны сами.
Спасибо, отличный урок! НО небольшой совет ( или личное пожелание, для ОБЩЕГО удобства ) автору : когда по коду ( ну и по комментариям видео ) встречаются ОДИНАКОВЫЕ названия - todo-todo / todos-todos / И ПРИ ЭТОМ САМ АВТОР НАПОМИНАЕТ, ЧТО одно название - ПРОИЗВОЛЬНОЕ ( т.е. ВЫБИРАЕМ в этот конкретный момент !!! ), а другое - УЖЕ СУЩЕСТВУЮЩЕЕ на этот момент НАЗВАНИЕ массива или объекта ( т.е НЕЛЬЗЯ изменить без ошибки в коде ) , - НАМНОГО УДОБНЕЕ БУДЕТ если ПРОИЗВОЛЬНОЕ НАЗВАНИЕ НЕ будет ТАКИМ ЖЕ как и "НЕПРОИЗВОЛЬНОЕ" - ... Если идут одинаковые названия - реально какая-то часть времени уходит на постоянное напоминание себе - где в этих парах какое название ( СТОП ! Я понимаю - что любое название изначально - произвольное)), НО - думаю автор поймет о чем я, т.к. сам отличает эти названия по этому критерию по ходу видео) спасибо.
Я здесь после год работы в риакте, мне было очень понятно ваша речь, многие схожие места есть с риактом, но здесь как-то более понятно новичкам, спасибо вам огромное
Влад, ты не представляешь как сильно, помогаешь людям. Когда у меня будут спрашивать кто тебя учил, я буду отвечать "мой сенсей Владилен Минин" . Настолько полезный урок, что я начал скачивать видео чтоб не потерять.
Как всегда всё доступно и понятно, без лишней воды. Сделай видео, где используются какие-нибудь приёмы из реальных проектов на VueJs или реализация каких-нибудь фич из реальных проектов.
Я видел много материалов по Vue (в том числе и платные), но это лучшее объяснение для начинающих, какое может только быть!)) Владилен - БРАВО! Вы переплюнули даже сами себя!)
Очень понятно рассказал, спасибо за урок! После просмотра появилась мотивация повторить. Сразу видно когда профи выполняет свою работу приятно смотреть.
Смотрел много разных уроков на разные темы, но ты наверное лучший! Все по делу, без воды, не повторяешь одно и то же по 10 раз, а так же не считаешь своих подписчиков полными тупезнями, которых в начале видео нужно обучать алфавиту.
Привет Владилен! Большое спасибо за видео. Сегодня в 2022, просматривая этот туториал, правя параллельно вещи, которые у тебя работают (у тебя версии пакетов ниже, и линтер видимо слабее), удалось понять основные принципы, при переходе с 4 лет ангуляра. Спасибо!
Спасибо большое за видео, понадобилось быстро войти во вью после многолетней работы с Angular и частично React. Твоё видео первое в выдаче по запросу "vue js за 5 минут", всё моментально ясно, пошёл работать))
Страшно сказать, сколько туторов на ютубе я за жизнь успел посмотреть, так что смело скажу, что видео действительно полезное, насыщенное и интересное для старта. Респект!
Для тех у кого не работает Emmet в VS Code во .vue следующее решение. Нажать F1 найти файл settings.json и добавить строки "emmet.includeLanguages": { "vue": "html" }
Добавил данную строку но это не помогло, в начале все строки файлов *.vue были чисто белыми, после чего добавил расширение - Vetur. После добавление строки+расширения emmet заработал как нужно. Спасибо.
А мне, к сожалению, не понравилось. Можно было бы отделить мух от котлет и называть бесконечные todo/todos как-то иначе, чтобы было четче видно, что откуда читается. Также, например, вы не сказали, что props - массив атрибутов компонента. Эти три слова объяснили бы все, и не нужно было бы тыкать туда-сюда. Я не сразу понял смысл этого свойства. Как вы объяснили структуру тега TodoItem v-for v-bind - вообще песня. Почему-то не посчитали нужным объяснить, что там todo, что - todos. И я так и не понял, зачем в App.vue экспортировать компонент TodoList, и где используется декларированное при этом свойство components. Является ли оно специфичным для Vue, JS, или его имя выбрано произвольно.
Благодарю за видео, мне как начинающему знакомство с 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 значения не сбрасывались?
Привет На гитхаб не выгладывал, потому что будет много репозиториев, потом будет сложно ориентироваться, там я храню только основные 1. Исключительно демонстрационный, это учебное приложение 2. Для чекбоксов нужно делать :checked, я уже после записи заметил эту мелкую недоработку)
Спасибо, весь контент на канале очень помогает развиваться как разработчику, на данный момент нужен Vue и все, что есть на канале о Vue это просто кладезь ценнейшей информации!
Пожалуйста, когда делаете туториал, не называйте все переменные одним словом todo, потому что новичку очень сложно разобраться, что куда идет. Назовите todoProperty ну хоть как-нибудь, но по-другому. Досмотрела до 16 минуты и не смогла продолжить, потому что не работало, а в туториале работало... Помог знакомый. Вот мой вариант написания цикла for: .
@@vladislavmac жутко бесит, согласен. Вообще программеры живут в своем мире и не понимают, что в голове у новичка. Каждые 10 минут видео надо делать отступление и объяснять план действий.
Друзья подскажите пожалуйста в чем ошибка, у меня написано всё в точности как в уроке, но требует какое значение в переменной : 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
Если у кого-то такая ошибка: Expected to return a value in "filteredTodos" computed property. То просто в конце вашего computed-свойства напишите return this.todos и удалите первый if, с этим возвращением. Это ругается EsLint на то что computed свойство должно что-то ретюрнуть по умолчанию
Добрый день! Спасибо огромное за видео, очень кратко и информативно все) Я правда в конце думал, что баг с обнулением значения чекбокса при фильтринге будет еще пофикшен, поэтому концовка видео для меня оказалась несколько внезапной:)))
Есть баг с input в TodoItem. Когда подгружаются данные с сервера, чекбоксы для завершенных и зачеркнутых todo отображаются как неотмеченные, без галки. Лучше использовать v-model="todo.completed" вместо @change="todo.completed = !todo.completed".
Очень понятно и доходчиво, до начиная с роутов уже не актуально, долго смотрел в чем проблема, потом психанул и скачал архив и вставил просто в свой проект, но все равно так же ошибка(связанная с Vue.use(Router))
Что за лажа на 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)
Потому что автор данного канала не программист, а маркетолог, продавец, но только не программист. Напрямую мутировать данные во vue ЗАПРЕЩЕНО. А на 21;50 он именно это и делает. А у вас ес линт как раз пишет, что вы напрямую мутируете данные
Невероятно. Я только что, не ставив себе цель "Научиться программировать на Vue", научился программировать на Vue. Аааааааааааааааа. Вот как??? Как ты это сделал? Мне было скучно, я залез в ютуб, чтобы убить время, но время я по сути не убил, это был максимально полезный час отдыха в моей жизни... Сам урок сделан великолепно, всё поэтапно разобрано. Думаю после этого видео, любую недосказанность можно будет легко найти в документации... Благодарю. Если вдруг придёт идея обучить какому-нибудь ещё фреймворку за час, осуществите её, я нажал колокольчик и уже жду
Вот тоже не понял. Причем потом работает фильтрация по списку, хотя меняли прямо пропс. Может там пропс на данные прям референс (под капотом вью), но это в любом случае неправильно так делать. Проверить просто - надо в режиме фильтрации (не по all) попробовать по чекбоксу щелкнуть - список не изменится, потому что изменения будут по временному объекту, который возвращает computed. Правильно это также как и с удалением прокидывать наверх событие смены состояния Completed, и обрабатывать его в родительском списке.
Спасибо, довольно интересно. Правда на самом деле не понял логику самого подхода, тоесть изначально когда затевался node.js идея была в том чтоб использовать один язык для сервера и фронта насколько я понял, а vue это как я понимаю фреймворк который работает на node.js? И в итоге тут используется абсолютно левый синтаксис, который настолько же js,насколько и любой другой язык разработки. Запутался в общем...
Та вроде насколько я слышал из старого синтаксиса совсем выкинут только миксины. В любом случае к тому времени пока 3 версия станет повсеместно использоваться ещё довольно много времени пройдет. Вот есть люди которые на AngularJs ещё лобают хотя его не поддерживает гугл уже.
Добрый день. Подскажите, на видео с 20:40 по 21:00 есть условие зачеркивание текста: файл "TodoItem.vue", класс "done", условие "todo.completed"(булевое переменное false-true). Вопрос: не срабатывает "completed" (редактор WebStorm). В видеоуроке шторм выделяет цветом это значение. У меня не выделяет. Просто обойти " " недостаточно, т.к. дальше в коде не срабатывают условия. Что не так у меня с "completed"? ... чтобы исключить возможную синтаксическую ошибку - взял исходники, текст перенес копированием. Не помогло. Пересоздал проект полностью на исходниках 1-в-1. Не работает. По видимому, новые версии отменили\изменили набор элементов... У кого работает - отпишитесь.
todo.components? а какую версию проекта выбрал в (*)chose version? 2.x или 3.x? Я выбрал 2.x, всё рабоатет. А todo.title у тебя срабатывает в span-е TodoItem.vue?
Повторил туториал, столкнулся с интересным поведением чекбоксов, после сортировки select, у чекбоксов отменяется состояние checked, при чем не у всех, а только у некоторых. Кто-то еще сталкивался с такой ситуацией? Как бы его пофиксить?
Владлен не подскажите что на данный момент толковое для изучения vue на русском? На webformyself.com есть курс "Фреймворк Vue.js Полное руководство для современной веб-разработки" но если мне не изменяет память в одном из своих стримов вы сказали что этот курс уже не актуален
Господа, никакого кликбейта, все основные темы разобраны)
Добавляйте меня в 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 то же проблема с v-for была?
Если да, то объясню они добавили еще одну обязательную директиву при использовании цикла, это v-bind:key
так что компонент который будет итерироваться из массива должен выглядеть так :
@@skylive_skl спасибо большое!
ребят
у кого была проблема с чекбоксами и селектом? плиз, напишите кто сможет помочь
не могу понять где проблема
Отличнейшие уроки! Я начала понимать логику vue , благодаря Вашим грамотным комментариям всех действий. Создаем компонент, импортируем его, регистрируем его, используем его ! надо передать данные в компонент, то делаем это через props . Самое то, что надо для старта во vue. Спасибищеееее!!!!!!
Я конечно дико извиняюсь. Может он просто хотел показать все возможности, и я понимаю что знаю гораздо меньше чем автор. Но писать всю логику в корневом app и импортировать в компоненты только готовые данные, это ж дикость какая то. Зачем тогда в компонентах 3 поля придумали? Пиши тогда всю логику в js файле а стили в css. Но блин в корневом компоненте. Он на то и корневой, что управляет всем, там вообще ничего не должно быть практически. А компоненты- самостоятельные сущности. Они могут получать данные, методы, но роботпть кмк должны сами.
@@amztrainer4525 так и в чем твой поинт? Как сделать лучше?
Годнота. На работе прилетели таски по вью, это видео - то что нужно для быстрого старта работы с фреймворком.
Спасибо, отличный урок! НО небольшой совет ( или личное пожелание, для ОБЩЕГО удобства ) автору : когда по коду ( ну и по комментариям видео ) встречаются ОДИНАКОВЫЕ названия - todo-todo / todos-todos / И ПРИ ЭТОМ САМ АВТОР НАПОМИНАЕТ, ЧТО одно название - ПРОИЗВОЛЬНОЕ ( т.е. ВЫБИРАЕМ в этот конкретный момент !!! ), а другое - УЖЕ СУЩЕСТВУЮЩЕЕ на этот момент НАЗВАНИЕ массива или объекта ( т.е НЕЛЬЗЯ изменить без ошибки в коде ) , - НАМНОГО УДОБНЕЕ БУДЕТ если ПРОИЗВОЛЬНОЕ НАЗВАНИЕ НЕ будет ТАКИМ ЖЕ как и "НЕПРОИЗВОЛЬНОЕ" - ... Если идут одинаковые названия - реально какая-то часть времени уходит на постоянное напоминание себе - где в этих парах какое название
( СТОП ! Я понимаю - что любое название изначально - произвольное)), НО - думаю автор поймет о чем я, т.к. сам отличает эти названия по этому критерию по ходу видео) спасибо.
Не люблю видосы продолжительностью больше 20 минут,но это божественно,на одном дыхании
У меня таких целый плейлист)
Я здесь после год работы в риакте, мне было очень понятно ваша речь, многие схожие места есть с риактом, но здесь как-то более понятно новичкам, спасибо вам огромное
Спасибо тебе огромное Владилен, ты самый лучший, ты и Петриченко. Я вас обоих просто обожаю.
Да вообще одни из лучших уроков и курсов. Владилен, продолжай в том чже духе, ты лучший!
Благодарю за отзыв)
Владилен, привет. 5 часов разбирал до молекул. Спасибо. У тебя столько материала, что последнюю задачу по js просто не успеваю начать. Очень круто.
Знал бы ты сколько материала еще в голове есть, времени бы хватало все записывать)
Благодарю за отзыв!
Это потрясающе! Это супер-качественно потраченный час в жизни!
лучше чем секс с девушкой?
@@talas12341 Целый час ???? Пфф, хватит ей и 10 минут. Оставшиеся 50 минут лучше потратить на vue ) Правда где потом гику новую девушку искать )
@@talas12341 даже лучше чем с мужчиной
потратил гораздо больше часа, т.к. набирал код попутно, офигенно
Самое лучшее видео из серии "что то за час")))
Благодарю, я старался)
Чтобы при применении фильтра не сбрасывалось значение checkbox стоит заменить:
на
Включил х2, выучил Vue за 25 минут)
И тут же забыл😁😁
Это очень смешно))
и забудешь с х2 скоростью
@@aerahtv0000 не запомнит
попробую на х4 ))))
Влад, ты не представляешь как сильно, помогаешь людям. Когда у меня будут спрашивать кто тебя учил, я буду отвечать "мой сенсей Владилен Минин" . Настолько полезный урок, что я начал скачивать видео чтоб не потерять.
Как всегда всё доступно и понятно, без лишней воды. Сделай видео, где используются какие-нибудь приёмы из реальных проектов на VueJs или реализация каких-нибудь фич из реальных проектов.
Так я целый курс же выпускают с такими штуками по Vue) Там только элементы из реальных приложений!
Быстро, понятно и ничего лишнего. Благодарю за урок !
Я видел много материалов по Vue (в том числе и платные), но это лучшее объяснение для начинающих, какое может только быть!))
Владилен - БРАВО! Вы переплюнули даже сами себя!)
Видео - огонь!! Все по делу и супер понятно изложено, без воды и лишних слов. Спасибо, Владилен, подписалась!)
Просто, доступно, понятным языком. Контент топовый и как всегда очень высокого качества, за что огромное спасибо!
Очень понятно рассказал, спасибо за урок!
После просмотра появилась мотивация повторить.
Сразу видно когда профи выполняет свою работу приятно смотреть.
Спасибо, делаю тестовое задание благодаря тебе)
Как будто полгода учил Vue, хотя только час посмотрел))
Смотрел много разных уроков на разные темы, но ты наверное лучший! Все по делу, без воды, не повторяешь одно и то же по 10 раз, а так же не считаешь своих подписчиков полными тупезнями, которых в начале видео нужно обучать алфавиту.
Привет Владилен! Большое спасибо за видео. Сегодня в 2022, просматривая этот туториал, правя параллельно вещи, которые у тебя работают (у тебя версии пакетов ниже, и линтер видимо слабее), удалось понять основные принципы, при переходе с 4 лет ангуляра. Спасибо!
Спасибо за ультра мощный обзор)
Это не хауди обзор))
Со знаниями реакта заходит очень хорошо!
Thank you)
А мне наоборот после Реакт, кажется слишком много лишней писанины, и немного Vue отстраняет разработчика от javascripta.
Не ну это подписка на канал, на работе таски по вью+лара закинули, видос особо годный, быстро четко и без воды, все как я люблю
Добро пожаловать)
Это лучшее видео для того чтобы начать осваивать vue, всё что нужно и ничего лишнего. Спасибо огромное, пошел писать свой тудулист =)
Спасибо за видео, очень полезно и без воды. Сразу видно автор хорошо понимает технологию - респект =)
Спасибо, информативно ! Так держать Владилен ! 👍
Огромное спасибо! очень доступно)! Желаю успехов каналу!
Найти что-то такого уровня на ютубе даже не мечтал, спасибо большое)
Благодарю, приятно)
Спасибо большое за видео, понадобилось быстро войти во вью после многолетней работы с Angular и частично React. Твоё видео первое в выдаче по запросу "vue js за 5 минут", всё моментально ясно, пошёл работать))
Огонь! Продолжай в том же духе. Очень круто и полезно.
Спасибо. Все понятно и профессионально рассказано.
Комментарии видны. Я не перестаю себе говорить, что если бы не ты я бы сломался. Спасибо. Копать и копать твои уроки и пересматривать
Мне очень приятно, что мой материал так работает. Это воодушевляет на создание еще более качественного и интересного контента
Я работаю на реальным проектом, уже смотрю будет жестко
@@dan.gorbunov Ты имеешь ввиду, что сложно?
Если есть какие то темы, что не понятны, дай знать в ВК, подумаю, как их осветить
Vladilen Minin хорошо, напишу. Спасибо за ответ и поддержку.
Очень хорошо. Кратко и понятно . Автору респект
Выражаю вам свою благодарность за подобного рода подачу материала!
Огромное спасибо за это видео, только начал работать с Vue.js и ролик оказался очень полезным для ознакомления с базовыми вещами во Vue.
Страшно сказать, сколько туторов на ютубе я за жизнь успел посмотреть, так что смело скажу, что видео действительно полезное, насыщенное и интересное для старта. Респект!
Для тех у кого не работает Emmet в VS Code во .vue следующее решение. Нажать F1 найти файл settings.json и добавить строки
"emmet.includeLanguages": {
"vue": "html"
}
красава
Добавил данную строку но это не помогло, в начале все строки файлов *.vue были чисто белыми, после чего добавил расширение - Vetur. После добавление строки+расширения emmet заработал как нужно. Спасибо.
ругается 4:49 error Unexpected mutation of "todo" prop vue/no-mutating-props
Нашел в чем проблема?
@@andreyfrolov7515 нет
так и не нашел? тоже столкнулся
Владилен, огромное спасибо! Было бы круто увидеть от вас такой же видос об Vue Route как и о Vuex!
12:29 - Все что нужно для жизни разработчику.
А мне, к сожалению, не понравилось.
Можно было бы отделить мух от котлет и называть бесконечные todo/todos как-то иначе, чтобы было четче видно, что откуда читается. Также, например, вы не сказали, что props - массив атрибутов компонента. Эти три слова объяснили бы все, и не нужно было бы тыкать туда-сюда. Я не сразу понял смысл этого свойства. Как вы объяснили структуру тега TodoItem v-for v-bind - вообще песня. Почему-то не посчитали нужным объяснить, что там todo, что - todos.
И я так и не понял, зачем в App.vue экспортировать компонент TodoList, и где используется декларированное при этом свойство components. Является ли оно специфичным для Vue, JS, или его имя выбрано произвольно.
да уж пиздец непонятно
Благодарю за видео, мне как начинающему знакомство с 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 значения не сбрасывались?
Привет
На гитхаб не выгладывал, потому что будет много репозиториев, потом будет сложно ориентироваться, там я храню только основные
1. Исключительно демонстрационный, это учебное приложение
2. Для чекбоксов нужно делать :checked, я уже после записи заметил эту мелкую недоработку)
Спасибо, весь контент на канале очень помогает развиваться как разработчику, на данный момент нужен Vue и все, что есть на канале о Vue это просто кладезь ценнейшей информации!
Пожалуйста, когда делаете туториал, не называйте все переменные одним словом todo, потому что новичку очень сложно разобраться, что куда идет. Назовите todoProperty ну хоть как-нибудь, но по-другому. Досмотрела до 16 минуты и не смогла продолжить, потому что не работало, а в туториале работало... Помог знакомый. Вот мой вариант написания цикла for: .
Владилен так любит делать, такие переменные ставит по всюду что чёрт ногу сломет
@@vladislavmac жутко бесит, согласен. Вообще программеры живут в своем мире и не понимают, что в голове у новичка. Каждые 10 минут видео надо делать отступление и объяснять план действий.
@@vladislavmac не нравится не смотри
@@SlavikPro1998 Я и не смотрю) Я искал годные видео по Vue. Увидел это и зашёл посмотреть как людей обманывают и все :)
Он всё верно делает)) потом поймёте) я согласен, что по началу это путает.
Друзья подскажите пожалуйста в чем ошибка, у меня написано всё в точности как в уроке, но требует какое значение в переменной : 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
Если у кого-то такая ошибка: Expected to return a value in "filteredTodos" computed property. То просто в конце вашего computed-свойства напишите return this.todos и удалите первый if, с этим возвращением. Это ругается EsLint на то что computed свойство должно что-то ретюрнуть по умолчанию
Благодарю! очень интересно учиться по вашим урокам!
как всегда шикарно, спасибо большое за видео!
Спасибо большое. Подача материала на высоте!!!
Четко, емко и по делу. Супер!!!
Владилен, вы молодец. Очень крутой контент пилите, очень понятно объясняете
Добрый день! Спасибо огромное за видео, очень кратко и информативно все) Я правда в конце думал, что баг с обнулением значения чекбокса при фильтринге будет еще пофикшен, поэтому концовка видео для меня оказалась несколько внезапной:)))
Я потом уже заметил, что там мелкий баг был, но в твоих силах его поправить самому)
Не получилось исправить этот баг?) не могу понять как подобраться к индексу...)
Есть баг с input в TodoItem. Когда подгружаются данные с сервера, чекбоксы для завершенных и зачеркнутых todo отображаются как неотмеченные, без галки. Лучше использовать v-model="todo.completed" вместо @change="todo.completed = !todo.completed".
Подскажите пожалуйста, как в vs-code сделать чтобы при наборе v- высвечивались подсказки v-on и тд ?
Благодарю) Как всегда топчик)))
Большое спасибо! Этот экспресс-курс очень помог быстро разобраться))
30:30. id не генерируется случайным образом, это количество секунд от 01.01.1970, если не путаю
timestamp называется, да
Очень хороший урок, разложено по полочкам. Спасибо большое!
Хорошее и доступное объяснение.
Однако, не лучше ли было бы в filteredTodos использовать switch вместо того, чтобы городить ифы?
Шикарно! 👍 спасибо!
Большое спасибо за видео, лучшее из серии подобных "освой физику за час" )
Владилен, аплодирую стоя. Адски благодарю за науку :3
Очень понятно и доходчиво, до начиная с роутов уже не актуально, долго смотрел в чем проблема, потом психанул и скачал архив и вставил просто в свой проект, но все равно так же ошибка(связанная с Vue.use(Router))
Кто-нибудь видит мой комментарий с содержанием?🤔
Его видно только если изменить порядок сортировки на "Сначала новые"
@@LauncherThe Благодарю, вроде теперь починил и его видно всегда
@@VladilenMinin Не видно
Дамир Шагаев а сейчас? Что то не могу понять в чем причина
@@VladilenMinin Вот сейчас видно
ОГРОМНОЕ СПАСИБО! Никак не мог перейти с чистого js на фреймворки!!
Ну, и как самочувствие ?
Однозначно лайк. Многие шорткаты IDE не знал. Я бы еще рассказал за миксины.
Замечательный туториал! Сразу все понятно и, главное, быстро :)
Еще не начал смотреть но уже поставил лайк!
Не знаю, каково это смотреть с нуля (думаю, что смотреть и сразу делать - отлично)
Но и в качестве повторения тоже отлично зашло, спасибо! 👏🏻
Что за лажа на 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)
Потому что автор данного канала не программист, а маркетолог, продавец, но только не программист. Напрямую мутировать данные во vue ЗАПРЕЩЕНО. А на 21;50 он именно это и делает. А у вас ес линт как раз пишет, что вы напрямую мутируете данные
04:48 Я купил себе приложение Magnet из App Store и вручную так теперь не растягиваю окна, очень удобно 👍🏻
Владилен, спасибо огромное :-)
Если у кого вываливается ошибка Failed to compile. на этапе import TodoItem from './components/TodoItem' измените на './TodoItem'
Спасибо за урок, очень доходчиво
Отлично 👍 Спасибо!
Невероятно. Я только что, не ставив себе цель "Научиться программировать на Vue", научился программировать на Vue. Аааааааааааааааа. Вот как??? Как ты это сделал? Мне было скучно, я залез в ютуб, чтобы убить время, но время я по сути не убил, это был максимально полезный час отдыха в моей жизни...
Сам урок сделан великолепно, всё поэтапно разобрано. Думаю после этого видео, любую недосказанность можно будет легко найти в документации...
Благодарю.
Если вдруг придёт идея обучить какому-нибудь ещё фреймворку за час, осуществите её, я нажал колокольчик и уже жду
Благодарю за отзыв)
Глянь на канале плейлист быстрые курсы, тут такого много)
@@VladilenMinin уже нашел, твой канал - это чудо, как и ты)
Шикарный урок! Спасибо!
Как всегда на высоте. Спасибо за урок
Владилен топчик, Пили больше!
🙏
Спасибо большое! Очень познавательно и полезно)
Очень круто спасибо, слушаешь на одном дыхание
Формат крутой. Как бы все знаешь, а нет... куча мелочей. Спасибо
В этом и была идея, показать базовый функционал, но напичкать его мелочами)
22:11 - это вы напрямую мутируете свойство обьекта?
Вот тоже не понял. Причем потом работает фильтрация по списку, хотя меняли прямо пропс. Может там пропс на данные прям референс (под капотом вью), но это в любом случае неправильно так делать. Проверить просто - надо в режиме фильтрации (не по all) попробовать по чекбоксу щелкнуть - список не изменится, потому что изменения будут по временному объекту, который возвращает computed. Правильно это также как и с удалением прокидывать наверх событие смены состояния Completed, и обрабатывать его в родительском списке.
И что с этим делать? У меня ошибка с упоминанием мутации (
Очень круто, спасибо!
Спасибо, довольно интересно. Правда на самом деле не понял логику самого подхода, тоесть изначально когда затевался node.js идея была в том чтоб использовать один язык для сервера и фронта насколько я понял, а vue это как я понимаю фреймворк который работает на node.js? И в итоге тут используется абсолютно левый синтаксис, который настолько же js,насколько и любой другой язык разработки. Запутался в общем...
использование todo для различных элементов сильно усложняет восприятие материала для таких новичков как я, а ведь это видео как раз для них
Очень понравился курс, появилось сильное желание и дальше изучать Vue.js :)
Не получилось, делаю то же самое, но router не отображается.
тоже самое. Решил как-то?
Курс на Udemy будет? Есть смысл учить Vue 2, если в 3-й версии поменяется синтаксис и вообще вью переформатируется больше в React?
Та вроде насколько я слышал из старого синтаксиса совсем выкинут только миксины. В любом случае к тому времени пока 3 версия станет повсеместно использоваться ещё довольно много времени пройдет. Вот есть люди которые на AngularJs ещё лобают хотя его не поддерживает гугл уже.
просто лучший👍
Супер, единственное замечание про фильтры, лучше делать через computed так как фильтры выпилят в 3й версии если я не путаю.
Ну просто THE BEST!)
Большое спасибо за видео!
Спасибо. Лучшее видео.
Добрый день. Подскажите, на видео с 20:40 по 21:00
есть условие зачеркивание текста:
файл "TodoItem.vue", класс "done", условие "todo.completed"(булевое переменное false-true).
Вопрос: не срабатывает "completed" (редактор WebStorm). В видеоуроке шторм выделяет цветом это значение. У меня не выделяет.
Просто обойти " " недостаточно, т.к. дальше в коде не срабатывают условия.
Что не так у меня с "completed"?
...
чтобы исключить возможную синтаксическую ошибку - взял исходники, текст перенес копированием. Не помогло.
Пересоздал проект полностью на исходниках 1-в-1.
Не работает. По видимому, новые версии отменили\изменили набор элементов...
У кого работает - отпишитесь.
todo.components? а какую версию проекта выбрал в (*)chose version? 2.x или 3.x? Я выбрал 2.x, всё рабоатет. А todo.title у тебя срабатывает в span-е TodoItem.vue?
Не нашел в документации jsonplaceholder упоминание про query-параметр limit - откуда взята эта информация?
Повторил туториал, столкнулся с интересным поведением чекбоксов, после сортировки select, у чекбоксов отменяется состояние checked, при чем не у всех, а только у некоторых. Кто-то еще сталкивался с такой ситуацией? Как бы его пофиксить?
Владлен не подскажите что на данный момент толковое для изучения vue на русском? На webformyself.com есть курс "Фреймворк Vue.js Полное руководство для современной веб-разработки" но если мне не изменяет память в одном из своих стримов вы сказали что этот курс уже не актуален