Урок 7. Фреймворк VUE JS. Добавление анимации
HTML-код
- Опубликовано: 8 сен 2024
- Почитайте подробнее о курсе "Фреймворк VUE JS. Полное руководство для современной веб-разработки": webformyself.c...
vue
vuejs
vuejs
vuejswebpack
vuejs2
добавление анимации
vuejs
vuejsуроки
vuejsуроки
vuejs2
vuejsпримеры
vuejsформы
webformyself
vuejsкомпоненты
vuejscomponents
vuejsсписок машин
окнопокупкиvuejs
vuejsвведение
фреймворкvuejs
владиленмининvuejs
владиленмининvuejs
webformysels
webformyselfvuejs
webformyselfvuejs
vuejsкурс
vuejsкурсы
nodejsvuejs
фреймворкvuejs
Спасибо тебе огромное Владилен. Ты один из лучших преподавателей по js.
Отменный быстрый старт, благодарю автора! То что надо для начала.
Крутой небольшой видео курс. Спасибо! Всё основное показать на практике, и сразу становиться понятно, как это работает.
Прекрасный урок.
Спасибо)
A tip : watch series at KaldroStream. Me and my gf have been using them for watching loads of movies lately.
@Maverick Kaden yea, been watching on kaldroStream for months myself :)
Спасибо. Хороший курс :)
Спасибо провел время по кайфу ))ты очень круто все объясняешь и показываешь ))снимай и дальше уроки по Vue ))еще раз спасибо )))
Vue - настоящая магия! Всё-таки, простота всегда побеждает.... Angular...React... сейчас Vue
Так то все верно, но тут как правило решает доля на рынке. А у Vue она пока что очень мала по сравнению с React и Angular, которые практически делят рынок пополам. Т.е. вакансий на поддержку уже готовых проектов будет больше react и angular соответственно. Чуть получше, но примерно похоже дела обстоят с бэкендом в случае с той же нодой и PHP. Но в первом случае vue легче и при этом менее популярный, а во втором случае PHP и легче и популярней. Но тут нужно отметить, что Vue моложе, поэтому у него есть все шансы эту ситуацию поправить. Сейчас важна скорость, поэтому Vue однозначно решает. Накидать за 10 минут корзину товаров - бесценно. Да и чем проще и меньше код, тем меньше шансов его запороть.
Отличный курс!
Спасибо! Без воды.
красота ! спасибо
Очень круто! Респект!
отличный курс, как смотрите на то что бы его расширить? добавив авторизацию, корзину, БД, показывать номер только залогиненым это будет отличное продолжение курса
спасибо, чувак!
Создайте серию уроков про NUXT JS у вас подписчиков в 2 раза станет больше. Это сейчас топ!
Желательно при объяснении работы анимации во vue, в примерах описывать и самый простой случай, и случай, который использует возможности vue полностью. То есть анимация, которой мы прописываем все состояния. Так было бы в разы нагляднее.
В подобных курсах мы довольно ограничены по времени и объему, так что полную теорию по анимациям, со всеми примерами удалось положить только в платную версию курса
Уроки ваще по кайфу, а можете пожалуйста подробнее разобрать тему с production? Т.е например как правильно делать сборку и т.п, было бы очень круто, спасибо.
Возможно чуть позже появится тут подобный урок, но данную тему я уже разобрал в полном курсе + выкладывание vue приложение на разные хостинги - vps и firebase
вообще крутяк. что-то я за реакт боюсь браться
скажите, пожалуйста. Подобные транзишины с анимацией я могу прикрутить к сменяющейся картинке машины, что в центре при выборе? ну чтоб она не просто менялась, а например с фэйд еффектом? или слайдилась как в слайдерах? заранее спс!
Ну вот по анимации полезный урок, чего не скажешь о предыдущих...
Это вводные уроки )
Как всегда найдется один человек который не доволен бесплатной инфой)
ну так а смысл снимать видео на стандартные примеры? большинство из смотрящих даже не понимают, что так не бывает и все данные берутся из БД, а не задаются в параметрах js.
Я очень благодарен ребятам за уроки, но нужно делать сразу всё правильно и понятно для новичков, чтобы имели представление о структуре в целом, а не о отдельных его частях, которые можно прочитать на сайте разработчико фреймворка.
Рома Самойленко, вы правы, просто это разные форматы)
Для полного формата у нас платный курс, где рассказывается обо всем максимально подробно + применение на практике
А, я понял благодарю)
Спасибо за уроки! Очень качественно, профессионально и без воды. Просто кайфанул) Такой вопрос: почему vuejs не отрабатывает в обычном браузере на андроиде, при том, что я использовал обычный синтаксис, а не es6?
Владилен, благодарю за урок. Хотел спросить у вас такой вопрос. Не планируете ли вы включить в состав курса типичные вопросы на интервью? Дело в том что я проходил ваш курс Angular 4, и он отличный, спасибо больше. Но я столкнулся с такой проблемой, что узнав как пользоваться технологией, я при этом совершенно не могу обяснить что я делаю, на словах, если кода нет перед глазами. Учитывая что курс при добросовесном его прохождении, дает вполне профессиональный уровень владения фраемворком, я имею в виду что вряд ли кто-то будет так глубоко копать, просто для того что-бы "повеселиться", а скорее всего захочет в добавить технологию в свое резюме. А если она будет в резюме, то это рождает необходимось отвечать на ряд соответсвующих вопросов на интервью. Собственно к чему я тут мыслю по древу растекаюсь. Не планируйте ли вы на пример где-нибудь в допольнительных материалах добавить текстовый файлик с наиболее встречающимися вопросами и ответами на интервью. Поставить, так сказать, жирную точку в этом вопросе сказав что-то вроде:
- "Теперь вы знаете как пользоваться View JS, и вы знаете как убедить других, что вы это знаете, если ты все выполнил, то просто иди и добавь эту технологию себе в резюме".
Как на счет такой мысли?
Только не поймите меня не правильно, я очень ценю вашу работу в любом случае, спасибо что продолжаете.
Здравствуйте. Интересная мысль, которая заставила меня задуматься и навела на подобный ответ
Технологии, что мы изучаем (vue, angular, react) построены по своей сути на некоторых базисных шаблонах или паттернах. В каждом из этого фреймворка например есть такие вещи как компоненты, и нужно понимать зачем они нужны и какую проблему они решают, есть такое понятие как 2-way-data-binding, тоже нужно осознавать зачем оно нужно вне зависимости от фреймворка и тд
При том каждый интервьер задает свои собственные вопросы и найти что-то общее довольно сложно, а уж тем более это добавить в курс (я сам был итервьером, и поверьте, вопросы вы спрашиваете какие вам в голову придут в зависимости от ситуации). Никогда нельзя поставить жирную точку в знаниях - всегда можно что-то доучить (особенно в данном случае это касается ангуляра, ибо он на порядок объемней)
Какой вывод мы можем из этого сделать и как решить проблему. На самом деле особой проблемы нет, ибо все решается практикой и часами кодинга, когда понимание процесса вам приходит само (пройдено на практике, нужно просто немного постараться:) ). Мир фронтенда это не только ангуляр или вью, но и еще огромное количество вытекающих технологий.
Пока вы можете заниматься практикой и решать разные задачи, которые дадут вам понимание.
Есть такие вещи для тренировок, но обычно они все на английском:
github.com/khan4019/angular-interview-questions/blob/master/README.md
где можно закреплять свои знания, или более общий вариант
github.com/azat-io/you-dont-know-js-ru
Мне же из этого стоит сделать вывод такой, что стараться еще более подробно рассказывать про то, как разные сущности можно использовать, зачем они нужны и т.д.
Надеюсь, немного разъяснил ситуацию)
Спасибо за ответ.
Vuejs читается как view но не пишется же :-)
Владилен, а такой вопрос. Вы мне как-то отвечали, что сейчас использовали бы vue.js во всех проектах (вместе с бэкендом на .js). И в вашей команде есть курс Андрея Кудлая по Yii2 (и про laravel молчу). Понимаю, что каждый хвалит свой продукт (в этом нет ничего плохого), но какие преимущества использования js-фреймворков перед php-фреймворками? Если мне асинхронность пока не нужна. - Я так понимаю, ajax-запросы можно и на них организовать? Хостинг пока проще на php найти (знаю, что анонсировали выход курса по этому вопросу в том числе). Скорость разработки? Или проще изучать? Да и количество вакансий на php больше пока. Что-то ещё? Уверен, что вы, как профи, имели опыт и с ними, поэтому ваше мнение и хочу узнать!!)) Заранее благодарю за развёрнутый ответ)))
Если говорить про это то вот несколько причин, почему фронтенд должен быть на javascript:
1. Намного лучше user experience - работаете как с десктопными программами, больше интеракции с приложением, быстрее загрузка, динамичность и тд. За счет таких вещей веб стал развиваться и только за счет них вы видите такие приложения как google таблицы и приложения
2. Количество вакансий на пхп возможно и выше, но посмотрите на среднюю цену. Сейчас хороший фронтенд разработчик получает никак не меньше 100 тр
Вообще для простых сайтов или обычных проектов нет особой разницы как именно писать. Но если вы хотите развиваться и делать продукт выше уровнем, то нужно понимать как это делать и следовать этому
Для себя однажды открыв силу javascript на фронтенде, поняв, какой потенциал несут в себе SPA и вытекающие технологии, то я на всегда отказался от старых подходов, что очень сильно помогло моей карьере в лучшую сторону (тому решению обязан я и в том, что сейчас нахожусь здесь)
Все серьезные проекты, что больше интернет магазина делаются безоговорочно на js фреймворках. Потому только вам решать, какой уровень задач и как вы хотите решать)
Владилен, огромное спасибо за разъяснения! Как всегда - вы правы) Ждём курса по full-stack на js!)))
Пока еще не встречал людей которые написали бекенд на ноде и были бы безмерно счастливы этому.
Sergey Cherepanov, а автор этого видео? С его слов - всё гуд!) Ну а он-то точно профи.
Sergey Cherepanov, возможно вы встречали не тех людей?)
У меня как-бы вопрос, вот jquery я понимаю как работает, прогоняя свой код через скачанный и подключенный файл, а тут как? я не вижу этого файла, я понимаю, что что-то там подключили в скрипте, но есть ли файл для скачивания? как и в jq?
могли бы Вы сбросить ссылочку на все финальные файлы всей серии этих уроков?
Владилен, подскажи пожалуйста будет ли курс по node.js отдельный , я имеею ввиду полноценный ?
Ну и курс по MEAN или MEVN приложений ?
Это круто! По node.js?
Отлично! Спасибо за инфу!
спасибо за уроки, хотелось бы узнать а как сделать форму обратной связи на vue, чтоб например заказ приходил на почту? и еще например чтоб вкладки о заказах со временем исчезали
Для этого нужен бекенд код
Так где же следующие уроки??))
окей, все здорово, а как теперь передавать объекту массив с машинами из бд?
vuex + fetch
Axios
После того как сделали поиск машин , нажимаем на него а выходит первый в числе индексов как это исправить ? Ответь пожалусйта :)
бомбу заложили, когда стали проверять по индексу
грубо говоря, клик по элементу списка возвращает его порядковый номер, но это номер в отфильтрованном массиве, а приложение с этим индексом лезет в исходный массив - более того, не в тот, который ему принадлежит, а тот, который находится вне приложения.
словом, с архитектурой в этом курсе налажали.
Есть вопрос, а как добавить анимацию к динамическим элементам, к примеру к {{car.name}}?? Автор большой молодец! Спасибо за мини-курс!
Добавил ваш проект через сборщик webpack, все работает кроме вывода картинок машин, подскажите как исправить? они же выводятся в скрипте, а по факту их нет
Вам нужно посмотреть в сторону webpack-file-loader, если вы хотите сами настраивать webpack.
Лучше, используйте vue-cli где все уже сделано за вас
Я через vue-cli и собрал , дело то в том что сами картинки не подгружаются, пуути прописаны теже ./assets/images/focus.jpg