Тёмный

Урок 7. Фреймворк VUE JS. Добавление анимации 

WebForMySelf
Подписаться 109 тыс.
Просмотров 19 тыс.
50% 1

Почитайте подробнее о курсе "Фреймворк VUE JS. Полное руководство для современной веб-разработки": webformyself.com/vuejs/
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

Опубликовано:

 

11 апр 2018

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 61   
@user-ri8ow3qh7l
@user-ri8ow3qh7l 3 года назад
Спасибо тебе огромное Владилен. Ты один из лучших преподавателей по js.
@anovik72
@anovik72 5 лет назад
Крутой небольшой видео курс. Спасибо! Всё основное показать на практике, и сразу становиться понятно, как это работает.
@jokersmile4118
@jokersmile4118 5 лет назад
Спасибо провел время по кайфу ))ты очень круто все объясняешь и показываешь ))снимай и дальше уроки по Vue ))еще раз спасибо )))
@asko7253
@asko7253 3 года назад
Отменный быстрый старт, благодарю автора! То что надо для начала.
@odikkor5438
@odikkor5438 6 лет назад
Спасибо! Без воды.
@user-zo3ss2xn8u
@user-zo3ss2xn8u 4 года назад
Отличный курс!
@user-pn2yc4cb8q
@user-pn2yc4cb8q Год назад
Спасибо. Хороший курс :)
@Kosachevlad
@Kosachevlad 5 лет назад
Очень круто! Респект!
@lessons3141
@lessons3141 3 года назад
красота ! спасибо
@IngvarLosev
@IngvarLosev 6 лет назад
Прекрасный урок.
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Спасибо)
@maverickkaden7133
@maverickkaden7133 3 года назад
A tip : watch series at KaldroStream. Me and my gf have been using them for watching loads of movies lately.
@ethancain3008
@ethancain3008 3 года назад
@Maverick Kaden yea, been watching on kaldroStream for months myself :)
@yakut54
@yakut54 4 года назад
спасибо, чувак!
@vizavispinoptimus
@vizavispinoptimus 6 лет назад
Vue - настоящая магия! Всё-таки, простота всегда побеждает.... Angular...React... сейчас Vue
@nickstojanovic9663
@nickstojanovic9663 5 лет назад
Так то все верно, но тут как правило решает доля на рынке. А у Vue она пока что очень мала по сравнению с React и Angular, которые практически делят рынок пополам. Т.е. вакансий на поддержку уже готовых проектов будет больше react и angular соответственно. Чуть получше, но примерно похоже дела обстоят с бэкендом в случае с той же нодой и PHP. Но в первом случае vue легче и при этом менее популярный, а во втором случае PHP и легче и популярней. Но тут нужно отметить, что Vue моложе, поэтому у него есть все шансы эту ситуацию поправить. Сейчас важна скорость, поэтому Vue однозначно решает. Накидать за 10 минут корзину товаров - бесценно. Да и чем проще и меньше код, тем меньше шансов его запороть.
@cpaka01
@cpaka01 6 лет назад
отличный курс, как смотрите на то что бы его расширить? добавив авторизацию, корзину, БД, показывать номер только залогиненым это будет отличное продолжение курса
@user-zb8yl5ms1f
@user-zb8yl5ms1f 6 лет назад
Спасибо за уроки! Очень качественно, профессионально и без воды. Просто кайфанул) Такой вопрос: почему vuejs не отрабатывает в обычном браузере на андроиде, при том, что я использовал обычный синтаксис, а не es6?
@user-qs6ug2vx6k
@user-qs6ug2vx6k 5 лет назад
скажите, пожалуйста. Подобные транзишины с анимацией я могу прикрутить к сменяющейся картинке машины, что в центре при выборе? ну чтоб она не просто менялась, а например с фэйд еффектом? или слайдилась как в слайдерах? заранее спс!
@bringmebacklights
@bringmebacklights 6 лет назад
Создайте серию уроков про NUXT JS у вас подписчиков в 2 раза станет больше. Это сейчас топ!
@Artem-eh4mw
@Artem-eh4mw 5 лет назад
вообще крутяк. что-то я за реакт боюсь браться
@middle2984
@middle2984 6 лет назад
Уроки ваще по кайфу, а можете пожалуйста подробнее разобрать тему с production? Т.е например как правильно делать сборку и т.п, было бы очень круто, спасибо.
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Возможно чуть позже появится тут подобный урок, но данную тему я уже разобрал в полном курсе + выкладывание vue приложение на разные хостинги - vps и firebase
@prsion1925
@prsion1925 5 лет назад
могли бы Вы сбросить ссылочку на все финальные файлы всей серии этих уроков?
@ER-gw1if
@ER-gw1if 6 лет назад
Желательно при объяснении работы анимации во vue, в примерах описывать и самый простой случай, и случай, который использует возможности vue полностью. То есть анимация, которой мы прописываем все состояния. Так было бы в разы нагляднее.
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
В подобных курсах мы довольно ограничены по времени и объему, так что полную теорию по анимациям, со всеми примерами удалось положить только в платную версию курса
@javavision73
@javavision73 6 лет назад
Владилен, благодарю за урок. Хотел спросить у вас такой вопрос. Не планируете ли вы включить в состав курса типичные вопросы на интервью? Дело в том что я проходил ваш курс Angular 4, и он отличный, спасибо больше. Но я столкнулся с такой проблемой, что узнав как пользоваться технологией, я при этом совершенно не могу обяснить что я делаю, на словах, если кода нет перед глазами. Учитывая что курс при добросовесном его прохождении, дает вполне профессиональный уровень владения фраемворком, я имею в виду что вряд ли кто-то будет так глубоко копать, просто для того что-бы "повеселиться", а скорее всего захочет в добавить технологию в свое резюме. А если она будет в резюме, то это рождает необходимось отвечать на ряд соответсвующих вопросов на интервью. Собственно к чему я тут мыслю по древу растекаюсь. Не планируйте ли вы на пример где-нибудь в допольнительных материалах добавить текстовый файлик с наиболее встречающимися вопросами и ответами на интервью. Поставить, так сказать, жирную точку в этом вопросе сказав что-то вроде: - "Теперь вы знаете как пользоваться View JS, и вы знаете как убедить других, что вы это знаете, если ты все выполнил, то просто иди и добавь эту технологию себе в резюме". Как на счет такой мысли? Только не поймите меня не правильно, я очень ценю вашу работу в любом случае, спасибо что продолжаете.
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Здравствуйте. Интересная мысль, которая заставила меня задуматься и навела на подобный ответ Технологии, что мы изучаем (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 Мне же из этого стоит сделать вывод такой, что стараться еще более подробно рассказывать про то, как разные сущности можно использовать, зачем они нужны и т.д. Надеюсь, немного разъяснил ситуацию)
@javavision73
@javavision73 6 лет назад
Спасибо за ответ.
@scherepanov
@scherepanov 6 лет назад
Vuejs читается как view но не пишется же :-)
@tontontonic
@tontontonic 2 года назад
У меня как-бы вопрос, вот jquery я понимаю как работает, прогоняя свой код через скачанный и подключенный файл, а тут как? я не вижу этого файла, я понимаю, что что-то там подключили в скрипте, но есть ли файл для скачивания? как и в jq?
@zerocool14pvo
@zerocool14pvo 6 лет назад
Владилен, подскажи пожалуйста будет ли курс по node.js отдельный , я имеею ввиду полноценный ? Ну и курс по MEAN или MEVN приложений ?
@zerocool14pvo
@zerocool14pvo 6 лет назад
Это круто! По node.js?
@zerocool14pvo
@zerocool14pvo 6 лет назад
Отлично! Спасибо за инфу!
@user-vg6bm5bs7y
@user-vg6bm5bs7y 5 лет назад
Так где же следующие уроки??))
@eurorock5912
@eurorock5912 6 лет назад
Владилен, а такой вопрос. Вы мне как-то отвечали, что сейчас использовали бы vue.js во всех проектах (вместе с бэкендом на .js). И в вашей команде есть курс Андрея Кудлая по Yii2 (и про laravel молчу). Понимаю, что каждый хвалит свой продукт (в этом нет ничего плохого), но какие преимущества использования js-фреймворков перед php-фреймворками? Если мне асинхронность пока не нужна. - Я так понимаю, ajax-запросы можно и на них организовать? Хостинг пока проще на php найти (знаю, что анонсировали выход курса по этому вопросу в том числе). Скорость разработки? Или проще изучать? Да и количество вакансий на php больше пока. Что-то ещё? Уверен, что вы, как профи, имели опыт и с ними, поэтому ваше мнение и хочу узнать!!)) Заранее благодарю за развёрнутый ответ)))
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Если говорить про это то вот несколько причин, почему фронтенд должен быть на javascript: 1. Намного лучше user experience - работаете как с десктопными программами, больше интеракции с приложением, быстрее загрузка, динамичность и тд. За счет таких вещей веб стал развиваться и только за счет них вы видите такие приложения как google таблицы и приложения 2. Количество вакансий на пхп возможно и выше, но посмотрите на среднюю цену. Сейчас хороший фронтенд разработчик получает никак не меньше 100 тр Вообще для простых сайтов или обычных проектов нет особой разницы как именно писать. Но если вы хотите развиваться и делать продукт выше уровнем, то нужно понимать как это делать и следовать этому Для себя однажды открыв силу javascript на фронтенде, поняв, какой потенциал несут в себе SPA и вытекающие технологии, то я на всегда отказался от старых подходов, что очень сильно помогло моей карьере в лучшую сторону (тому решению обязан я и в том, что сейчас нахожусь здесь) Все серьезные проекты, что больше интернет магазина делаются безоговорочно на js фреймворках. Потому только вам решать, какой уровень задач и как вы хотите решать)
@eurorock5912
@eurorock5912 6 лет назад
Владилен, огромное спасибо за разъяснения! Как всегда - вы правы) Ждём курса по full-stack на js!)))
@scherepanov
@scherepanov 6 лет назад
Пока еще не встречал людей которые написали бекенд на ноде и были бы безмерно счастливы этому.
@eurorock5912
@eurorock5912 6 лет назад
Sergey Cherepanov, а автор этого видео? С его слов - всё гуд!) Ну а он-то точно профи.
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Sergey Cherepanov, возможно вы встречали не тех людей?)
@samoilenko_roman
@samoilenko_roman 6 лет назад
Ну вот по анимации полезный урок, чего не скажешь о предыдущих...
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Это вводные уроки )
@valentinstratovich6744
@valentinstratovich6744 6 лет назад
Как всегда найдется один человек который не доволен бесплатной инфой)
@samoilenko_roman
@samoilenko_roman 6 лет назад
ну так а смысл снимать видео на стандартные примеры? большинство из смотрящих даже не понимают, что так не бывает и все данные берутся из БД, а не задаются в параметрах js. Я очень благодарен ребятам за уроки, но нужно делать сразу всё правильно и понятно для новичков, чтобы имели представление о структуре в целом, а не о отдельных его частях, которые можно прочитать на сайте разработчико фреймворка.
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Рома Самойленко, вы правы, просто это разные форматы) Для полного формата у нас платный курс, где рассказывается обо всем максимально подробно + применение на практике
@samoilenko_roman
@samoilenko_roman 6 лет назад
А, я понял благодарю)
@gfgddtr6217
@gfgddtr6217 6 лет назад
спасибо за уроки, хотелось бы узнать а как сделать форму обратной связи на vue, чтоб например заказ приходил на почту? и еще например чтоб вкладки о заказах со временем исчезали
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Для этого нужен бекенд код
@Al-Mas3000
@Al-Mas3000 5 лет назад
окей, все здорово, а как теперь передавать объекту массив с машинами из бд?
@badunius_code
@badunius_code 5 лет назад
vuex + fetch
@postum2234
@postum2234 3 года назад
Axios
@gfgddtr6217
@gfgddtr6217 6 лет назад
Добавил ваш проект через сборщик webpack, все работает кроме вывода картинок машин, подскажите как исправить? они же выводятся в скрипте, а по факту их нет
@NextgenSocialReptile
@NextgenSocialReptile 6 лет назад
Вам нужно посмотреть в сторону webpack-file-loader, если вы хотите сами настраивать webpack. Лучше, используйте vue-cli где все уже сделано за вас
@gfgddtr6217
@gfgddtr6217 6 лет назад
Я через vue-cli и собрал , дело то в том что сами картинки не подгружаются, пуути прописаны теже ./assets/images/focus.jpg
@ahmedovabdulaziz1501
@ahmedovabdulaziz1501 5 лет назад
После того как сделали поиск машин , нажимаем на него а выходит первый в числе индексов как это исправить ? Ответь пожалусйта :)
@badunius_code
@badunius_code 5 лет назад
бомбу заложили, когда стали проверять по индексу грубо говоря, клик по элементу списка возвращает его порядковый номер, но это номер в отфильтрованном массиве, а приложение с этим индексом лезет в исходный массив - более того, не в тот, который ему принадлежит, а тот, который находится вне приложения. словом, с архитектурой в этом курсе налажали.
@alexandrbasiuk7358
@alexandrbasiuk7358 4 года назад
Есть вопрос, а как добавить анимацию к динамическим элементам, к примеру к {{car.name}}?? Автор большой молодец! Спасибо за мини-курс!
Далее
Прятки #nyanmp3
00:25
Просмотров 1,5 млн
Animating Vue Router Transitions in Vue 3
12:08
Просмотров 50 тыс.
Зачем нужны указатели в C++?
8:14
Vue js уроки - Анимации
8:05
Просмотров 14 тыс.
ТОП - 5 UI библиотек для Vue.js
18:17
Drag and Drop на Vue 3 / Уроки Vue
15:23
Просмотров 20 тыс.
Прятки #nyanmp3
00:25
Просмотров 1,5 млн