#10 Криптономикон-1 - Vue.js: практика 

Я редко кода пишу комментарии, но материал, который ты преподаёшь, настолько структурирован и рассказан простым языком, что начинающие по типу меня, начинают понимать что вообще происходит. Это пока что единственный курс на ютубе, посмотрев который, начинает вырисовываться хоть какая-то картина. Здоровья автору! Всем мирного неба над головой!

"Отдельные люди называют их ярлыками". Золотой фонд цитат.

Кто столкнулся с проблемой в Вёрстке и у кого ФИОЛЕТОВЫЙ фон и загрузка Просто нужно удалить div с этой крутилкой Удалить div блок там где есть svg animate-spin в вашей вёрстке (у меня это с 3 строки по 8 в моем компоненте)

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

за tailwind спасибо божественному верстальщику, респект и уважение!

Эта уточка теперь будет снится мне в ночных кошмарах )

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

Курс VUE-RUB очень радует =)

Если бы я был учителем программирования, то взял бы за основу твои подходы. Очень многое разъяснил. Лайк!

Нет файла index.html с контентом как в видео. Каждый раз приходиться по несколько часов тратить чтоб вспомнить как все приводить в порядок.

це божественно!) Дякую за корисне і грунтовне пояснення всього матеріалу!)

Всё очень чётко "понял" что выбирать, пересматривал раз 20. Спасибо

Очень хорошая подача информаци, в ютубе самый доходчивый курс по vue и плюс еше и бесплатно спасибо огромное!)

Вопрос к Илье ....Не знаю почему, но верстка не такая как в видео, + стили не подключаются, страница в загрузке.

Похоже я что то пропустил ...(3:15) Смотрю видео подряд и не пойму, из какого видео я уже должен был узнать о создании нового приложении с Vue cli ??? И спасибо, друг, что без todo list.

Спасибо большое за урок! Очень понравилось, что поэтапно вместе с вами доходим до решения, учимся думать

Очень крутой и понятный урок. Спасибо! Vue.js прям шикарен в плане оживления html шаблона судя по ощущениям пока

На одном дыхании, Илья! Спасибо!🤩🥳

Спасибо за видео.Коммент в поддержку!

Спасибо за структурированный, понятный курс

Спасибо что не todo list )))

Красавчик. то чувство, когда чел психанул от плохих курсовна вью и запили свой офигенный!

Небольшая придирка. Я бы еще добавил фразу про фильтр, о том что сравнение происходит по ссылке на объект. Понятно, что это не из скоупа Vue, но лишний раз упомянуть было бы полезно. Даже при наличии опыта если в объекте есть id, я обычно фильтрую по id.

Хорошая информация для старта проекта.

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

Один из лучших спикеров

Огромное спасибо за уроки !!!

Мб будет полезно - по поводу v-bind мне в свое время очень запомнилось объяснение: "Если перед атрибутом стоит v-bind, то его содержимое является js кодом. Нет v-bind - содержимое является просто строкой" Хоть это и не совсем так - на 38 минуте Илья объясняет, почему

вот есть курсы от Минина или Ulbi TV- там все круто безусловно, но тут очень много мелочей, потерянных в тех видео. Хорошо раскрываются все тонкости и нюансы и рассматривается подход с разных сторон. Пожелание - чуть побыстрее вещать, а так только на скорости как минимум 1.2 более-менее нормально. А в целом все замечательно. Спасибо Автору!

Только начал, спасибо за уроки) всё понятно)

Классный урок. Все четко, спасибо!

Очень крутой выпуск)) Спасибо) информация подается очень четко)

3:40 Рекомендую при установки vue выбирать default (vue 3), меньше проблем потом будет.

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

Круто, большое спасибо за такой контент

Краса неймовірна!👍

спасибо большое , ты лучший

Спасибо за уроки!

Какой-то слишком страшный дисклеймер

Это просто охрененно Спасибо

Отличный урок!

в языке разметки TAL разные дерективы можно писать в одном теге, там определена последовательность работы каждой из них

Даже не понимаю, что я упустил, но это видео явно рано для меня(( Спасибо за материал, но есть субъективное ощущение, что лично мне для старта просто не хватило знаний js. Возвращаюсь прокачивать JS..(( надеюсь смогу оценить курс позже)

Хорошо, что я не студент, а то бы меня опознали и искоренили ^^

Один вопрос. А из какого такого видео мы должны уже были знать, как создавать приложение с помощью vue cli? Где в этом курсе я пропустил это?

Когда мы внутри формы нажимаем enter или ctrl + enter на форме срабатывает событие Submit. Таким образом не нужно через жс делать проверки какие клавиши были нажаты внутри инпута, помимо этого это добавляет accessibility для нашего приложения прилагая меньше усилий

Хорошо, что не белочка!

Ничего не понял но очень интересно

В целом отлично, только есть некие неудобства с исходниками)

С моего воробьиного полета вью дает пинка реакту по этой лекции. Не надо проверять предыдущее состояние стейта, можно пушить, события и модификаторы, забегая вперед есть модификатор .prevent и .stop. Жду пока Илья меня опустит на землю xDD

Подскажите - скачал файлы стилей и темплейт, темплейт отображается нормально, но когда подключаю стили на странице элемент spinning circle занимает 100% экрана.

жестко про верстальщика на 35:37 ))

Спасибо за видео! И я 'такая хочу научится' (21:41) )))

Илья, спасибо огромное за Ваш труд! Как будет время, можете, пожалуйста, поделиться какую именно специфичную боль решает Tailwind, когда его лучше использовать в сравнении с другими css фреймворками (Vuetify, UiKit, Bootstrap etc.)? Спасибо.

- Спасибо за курс

Класс!!! Молодца!!!!

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

Признаться честно, по началу я пытался повторять. Но потом забил, в этом действительно нету смысла. Тем более, что я +- знал это. Почему, в данном случае важнее, чем как, ну для меня. Смотрим дальше

видос огонь, спасибо ббольшое

из-за этого файла css у меня бесконечный прелоадер крутится в браузере((

Молю, подскажите,что делать.Подключаю css и на локалхост идет бесконечная загрузка

Илья, а в каком предыдущем видео была информация по установке вью? Я все подряд посмотрел

Пока слушаю и получаю одно удвольствие. Споткнулся на запуске примера, но в коментах какой div удалить подсказали и не понял почему ключи нужны там где v-for. Надеюсь дальше ещё про это будет. Может прямо в репозитории этот кусок с div svg animate-spin вырезать? Да, ещё современный npm запускает локальный сервер командой 'npm run dev'.

Ты сломал систему, нужно с ТуДу листа начинать )))

"Отдельные люди" походу дизлайк влепили!)) Отличное видео, спасибо автору

Здравствуйте! В видео идет речь о файлах html и css, которые прислали ("нам тут прислали невменяемый css..") и далее они подключаются в src. А где их брать? Буду благодарен, если поясните, что я упустил.

Секундочку. Материалы под видео нужно читать до или после просмотра видео? А то я смотрю и не вдупляю почти ничего. Все эти директивы, модуляторы, модификаторы потом отдельно рассматриваться будут в курсе?

Пробовал пользоваться Vite в качестве девсервера и сборщика?

Из комментариев видно, что некоторые люди стопорятся после вставки css(появляется бесконечная загрузка SVG). Удалите, либо просто закомментируйте этот кусок кода, а именно div, в котором лежит SVG.

Интересно какая цветовая схема для кода используется, мне нравиться, спокойненькая.

А зачем в v-bind:key="t.name" писать, а не просто v-bind:key="t". Мы ведь потом все равно отдельно пишем интерполяцию {{ t.name }} и {{ t.price }}. Хотелось бы понять лучше, поэтому спрашиваю.

А из каких предыдущих видео мы должны знать про vue/cli?

Почему, интересно, вывод значения в фигурных скобках называется интерполяция? У этого слова есть вполне конкретное определение и, кажется, оно не подходит тут для нас.

У меня картинка с бесконечной загрузкой после подключения css

я что то не пойму, что конкретно нельзя из этого делать в продакшене?

А почему сказано что :key в v-for должна быть именно строка? ведь может быть и числовое значение

👌👌👌

Плохо, что про VScode сказали, а про программу, в которой отображается приложение, нет. Не понятно, нужна она или нет, чем можно заменить и вообще, что происходит на 5.25 минуте.

Что за шрифт используется в редакторе?

Автор, а зачем ты говоришь что с предыдущего видео вы научились делать то-то) но если это намек, что надо почитать доку, то окей или ощущение, что я пропустил что-то важное

А Vue можно использовать внутри темплейтов твига (twig)?

Спасибо.

а откуда взяли индекс и app.css вначале?

По моему опыту, избегать конфликтов в названиях переменных, сокращением слова - плохая практика. Человеку, читающему код будет сходу непонятно, что t - это ticker, и чем он концептуально отличается от другой переменной ticker в этом же скопе. Регулярно страдаю в проектах от i, itm, item, itms и т.д. в одном скопе. Я бы сразу переименовал ticker из data в newTickerName. Длиннее, но читаемо.

v-if и v-for не стоит использовать на одном элементе ещё потому, что их поведение в этом контексте отличается у Vue 2 и Vue 3

Разве в предыдущих видео было про создание проектов но вью?

очередной курс для джунов/мидлов, но никак не для челов, которые пытаются освоить фронтенд с нуля :( жаль, походу остается только доку читать

Тэйлвинд кстати норм тема, +9000 к скорости вёрстки)

после ExtJS, Vue - кайф, во всзяком случае пока так кажется ))) с декларациями в ext-е явно переборщили )))

плагины eslint prettier и другие на курсе будут изучаться ?

приємні спогади, коли біток був по 47К...))

документация все же говорит о том v-for и v-if можно использовать вместе но не стоит, при этом v-for имеет приоритет во 2 , а v-if в 3

Внимаю

зачем линтер ставить на проект как плагин, а потом еще как расширение IDE ? Как они взаимодействуют ?

Илья, спасибо огромное за Ваш труд! Скажите пжл. есть у Вас курс обучения по vue.js ?

Коллеги, просветите, а откуда эта история с уточкой пошла изначально?

Странно! В начале видео говорится о том, что код написанный просто ужас!!! и его никогда не повторяйте! а в конце автор говорит, "что сегодня мы с вами выучили это, это и это!"

Илья, помоги внести ясность, пожалуйста🙏 я все это время думал, что настоящего two-way-binding`а во vue нет, а есть некий синтаксический сахар в виде нативной директивы v-modal, которая под капотом просто вешается на обычное событие в компоненте и в тоже время прокидывает пропс в этот самый компонент... ну то есть условно v-modal ---> :value="value" @input="value = $event". В итоге получается, что технически это однонаправленный поток, который концептуально обыгрывается (благодаря v-modal) как двунаправленный... и я все это время полагал, что если бы во vue был трушный two-way-binding, то он, грубо говоря, был бы реализован через возможность компонента менять напрямую свои пропсы. Блин, я это толкал своим коллегам, теперь как-то не ловко)) можешь как-нибудь осветить этот момент по-подробнее?

Не совсем понял как мы в filter сравнили два объекта и это сработало? Ведь {} === {} // false

Я новичок, не подскажете почему после подключения css, вместо "вуаля" у меня появился кружок ожидания загрузки?