Тёмный

Vue.js - варианты применения на практике 

Дмитрий Лаврик
Подписаться 57 тыс.
Просмотров 60 тыс.
50% 1

Скоро новый поток курса - js.dmitrylavrik.ru/vue/

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

 

6 июн 2018

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 83   
@user-en8fd9ut5q
@user-en8fd9ut5q 4 года назад
Спасибо за урок! Как всегда понятно и практично!
@dmitriytyurnin4605
@dmitriytyurnin4605 6 лет назад
Браво! Дмитрий, у Вас наверное лучшие курсы по JS.
@user-yu2kp5vd1m
@user-yu2kp5vd1m 4 года назад
Отличный вебинар, спасибо:)
@Tanja-Gordaja
@Tanja-Gordaja 3 года назад
Спасибо за презентацию. К сожалению мало о CLI. Но Nuxt - это уже взрыв мозга!
@unistar42
@unistar42 6 лет назад
Спасибо огромное, очень интересно и понятно!
@7295529
@7295529 2 года назад
Очень классная подача! Респект.
@T47AXR
@T47AXR 6 лет назад
Круто, давно жду курс по Nuxt. Скорее бы конец лета)
@serebniti
@serebniti 5 лет назад
скорее бы конец света, чтобы покончить со всем злом
@desltiny2884
@desltiny2884 4 года назад
@@serebniti ахах)) позитивно)
@orionpro79
@orionpro79 6 лет назад
Крутая инфа. По этому уроку можно уже смело применять такие моменты в проектах, где нужно связывать данные. ps вообще если кому интересно, подсветка синтаксиса решается для меня выставлением в IDE своей синтаксиса React JSX и получается jsx и es6 в одном флаконе). И всё красиво и можно там даже emmet использовать в этих `` скобках.
@webkoth6105
@webkoth6105 6 лет назад
Спасибо за вебинар! Vue действительно крутой. Хочу переключиться на laravel + vue думаю это будет хороший тандем.
@user-ir5zd2jy9e
@user-ir5zd2jy9e 5 лет назад
Ну как? Переключились? Что скажете, какое впечатление?
@TeddyKeys
@TeddyKeys 4 года назад
@@user-ir5zd2jy9e Я переключился. Вполне нормальная связка даже для spa.
@natalijasipkevica7690
@natalijasipkevica7690 3 года назад
Спасибо, очень интересно и полезно
@user-ku6zf7jq3s
@user-ku6zf7jq3s 3 года назад
огонь, отличное объяснение
@ural-site
@ural-site 6 лет назад
Отличный урок!!! Дмитрий, у Вас уже достаточно вводных материалов для понимания сути Вью и старта работы с ним, не тратьте время на объяснения переходите к хардкорду сразу )))) Спасибо за видео!!!
@Chetanoo
@Chetanoo 5 лет назад
Очень интересное видео.
@0x2d26
@0x2d26 6 лет назад
О, топ видосики подъехали.
@phil4765
@phil4765 5 лет назад
Круто, спасибо)
@Farmatique
@Farmatique 5 лет назад
Спасибо, особенно за наводку на мысль о том, как можно связывать вордпресс и vue. Это ведь действительно удобно - конечный пользователь просто заходит в удобную вордпрессовскую админку и вбивает контент, а далее мы как разрабы уже делаем с ним что нужно
@dmitriyv5740
@dmitriyv5740 Год назад
Только зачем? Что это даёт?
@Farmatique
@Farmatique Год назад
@@dmitriyv5740 даёт привычную вордпресовскую админку и весь "бэкенд" на движке вордпреса, а фронт на vue. Допустим, лично у меня были кейсы когда редакторы контента не хотели уходить с привычной для них вордпрессовской админки, но при этом по ряду причин был план перейти от привязанных к вордпрессу php-шаблонов на новый фронтенд. Вот тут rest-api вордпресса был как раз в тему. Плюс не нужно было морочить голову с миграцией огромной базы контента с вордпреса ещё куда-то.
@user-fz7fe8cn7i
@user-fz7fe8cn7i 6 лет назад
Очень жаль, что спорт отвел меня от этого вебинара, было круто, уверен))
@A1terman
@A1terman 6 лет назад
Отличный урок! Плюсуйте, если кто-то плюсовал
@evgen4055
@evgen4055 2 года назад
Спасибо
@chip_a
@chip_a 6 лет назад
спасибо
@lessons3141
@lessons3141 3 года назад
гениально , как это все уместить только в голове !
@RomanKozin
@RomanKozin 6 лет назад
Интересно - а почему не использовали для бинда информации v-text? Проще же намного.
@ruseystage
@ruseystage 6 лет назад
Ты идеаленый сенсей
@xxxxPomaHxxxx
@xxxxPomaHxxxx 5 лет назад
Есть какой то способ дорендерить страницы на наксте, например у меня коммент добавился мне не нужно всё рендерить, а только 1 страницу
@Al-Mas3000
@Al-Mas3000 5 лет назад
А как можно динамически формировать свойства слоя. Например создать страницу настроек где пользователь сам добавляет типы слоев, чтобы потом эти типы подгружались в объект vue?
@ihorshershkin5327
@ihorshershkin5327 4 года назад
А исходники где то можно взять?
@azelsky
@azelsky 6 лет назад
как отправлять post запросы на сервер vue.js
@nightdog007
@nightdog007 5 лет назад
Самый кайф был бы видос по построению апи в ларавеле и работой с этим апи с вью, прям бомба)
@user-vq8zi4ne7s
@user-vq8zi4ne7s 4 года назад
где это посмотреть?
@nightdog007
@nightdog007 4 года назад
Мурад Мавлидов поищи laravel restful api
@dizelvinable
@dizelvinable 4 года назад
@@user-vq8zi4ne7s Изучи Django REST framework. Там REST API из коробки. А ещё лучше - переходи на Go и gRPC
@mihaylov13
@mihaylov13 5 лет назад
Учился у тебя )))
@user-zb4ej1gl2h
@user-zb4ej1gl2h 6 лет назад
как записаться на трансляцию?
@taras9683
@taras9683 6 лет назад
Hello Dmitriy. Is it possible to include 'smart-grid' in Vue.js?. If yes, it would be so great, that's super nice CSS preprocessor library. And thanks for your the wonderful webinar!
@inikonelectrix2349
@inikonelectrix2349 4 года назад
вот есть таска, мог бы ее часа за 3-4 накидать на es6 классовых компонентах, на vue в целом все теже компоненты получились но гемора куда больше. Почему-то всегда сравнение фреймворка идет с jQuery или чистым js на уровне 1 месячного изучения. А реальное ООП, события, наследование и композиция и все это с нормальным архитектурным подходом в опытных руках если сравнить. А так видео полезно
@user-re7hx3sq2c
@user-re7hx3sq2c 6 лет назад
Эх, ждал 8го его. Совсем забыл, что вы часто путаете даты в анонсах и надо проверять.
@ural-site
@ural-site 6 лет назад
Увидел в чате на 1:45:25 вопрос, сколько будет стоить сервер с нодой и пхп, что мол это будет дорого. Отнюдь! Не сочтите за рекламу, нетангелс.ру сделал облачный хостинг, на котором можно для разных сайтов выбирать пхп или ноду или даже питон, по вообще смешной цене.
@acerlmt
@acerlmt 6 лет назад
Не проверял, но есть список не сильно дорогих VPS - т.е. ставь что хочешь, есть SSH. www.ihor.ru/vds www.reg.ru/vps/ neoserver.ru ruvds.com/ru-rub#order simplecloud.ru/price vscale.io/ru/pricing.html vps.jino.ru/ timeweb.com/ru/services/vds/ free-www.ru/vps.html Сам для обучения зарегал AWS aws.amazon.com/ - муторно, зато бесплатно на год. klen.github.io/aws.html И бесплатный домен в зоне .tk www.freenom.com
@user-sq3nn5wq3z
@user-sq3nn5wq3z 6 лет назад
THIS СЫЛАЕТСЯ НА НОВЫЙ ОБЪЕКТ ПОТОМУ ЧТО ТАМ НАПИСАНО NEW?
@Miraclus1
@Miraclus1 4 года назад
NEW резервирует в памяти место под обьект, а this ссылка на cам обьект.
@SimpleDevelopment
@SimpleDevelopment 6 лет назад
А что если надо, что бы компонент брал данные сервера? Как это организовать?
@SimpleDevelopment
@SimpleDevelopment 6 лет назад
Блин я пробовал в принципе, разные способы, но все ровно не понимаю даже простого объяснения. Можешь скинуть какой нибудь src код с сервером на node.js и системой сборки vue?
@ural-site
@ural-site 6 лет назад
В видео же есть описание, что с сервером необходимо работать по принципу api, вот как реализовать авторизацию, для закрытых систем, вот этот вопрос меня волнует и как его решить я пока не знаю
@scherepanov
@scherepanov 6 лет назад
Так же как ответили раньше. Авторизуемся, получаем работу с куками или токен. Шлем запросы, передавая токен (если надо) и получая ответ. Сохраняем ответ в переменную, а вью сам его "отрисует" (реактивность же).
@maksudaliev8785
@maksudaliev8785 3 года назад
1:04:53 Глобальный компонент
@mentorjs
@mentorjs 3 года назад
2020 : )))
@span4ev
@span4ev 6 лет назад
Дмитрий, почему "стрОку"?) это же не стрОка, а строкА)
@span4ev
@span4ev 6 лет назад
LocKtaR-o-DarK мне кажется, некоторые просто не замечают или не знают. И тут важно обратить внимание человека на его ошибку. А он, в свою очередь, если старается сделать свою речь более грамотной, то уже будет над этим работать. Вот как я узнал некогда, что в слове "шампуры" ударение на "у"
@Niakita
@Niakita 3 года назад
есть звук
@mihaylov13
@mihaylov13 5 лет назад
Ты же из Школы программирования?
@volodymyrshmahai
@volodymyrshmahai 2 года назад
Дуже класно пояснив, дякую за вебінар!
@dezo103
@dezo103 3 года назад
Спасибо, круто. Режет слух слово хейт(hate))))))) ну это мелочи)))
@acerlmt
@acerlmt 6 лет назад
01:17:42 по-моему она только тебя бесила) thead раньше вообще не понимал зачем надо и никогда не писал, как связался с БС - начал писать, ничего сложного. 01:20:00 Также подключал вью в компоненты битрикса - разрабатывал нетривиальную многомерную форму добавления - 700 строк и "калькулятор" расчёта оценок школьников по 100 балльной сложной многоуровневой системе на 1к строк. В приниципе понравилось, т.к. не представляю как это сделать на jQuery - мозг просто взрывается. До этого ни с одним фреймоврком не работал. К синтаксису быстро привык, писал на обычном JS, без транспиляции. Сложное было - импорт данных, т.к. они были сложные, многомерные и почему-то просто подстановкой не применялись, приходилось применять _.cloneDeep , а иногда и тупо location.reload . Иногда нужны были хаки при взаимодействии со сторонними скриптами, например, поле, отвечающее за дату, к которой привязана модель vue и битриксовый JS календарь - когда он устанавливал дату - модель вью не реагировала на это, пришлось костыльнуть - в mounted засунуть $('body').on('changeDate', (event) => { $(event.target).trigger('click'); }); Это, конечно, не вина vue, но и не стоит забывать про такие вот камни, с которыми можете столкнуться, хотя наверняка для них найдётся решение. До этого ещё реализовывал не такую сложную форму на knockout - на нём реально было много лишней писанины, но и тоже костыли со взаимодействием с другими скриптами - например, когда прикручивал CKeditor. После просмотра показалось не таким сложным создание недоСПА, т.е. типа СПА для какого-то одного раздела, допустим профиля пользователя, а то когда сделал его на неделе на jQuery - немного приуныл от получишвшейся каши и трудности чтения и разбора логики. Но до последнего не хотел свзяываться со всякими сборщиками, но видимо уже никуда от них не убежать - т.к. без фреймворков слишком громоздко и накладно писать динамику на AJAX'е только одним jQuery. Спасибо за видео!
@acerlmt
@acerlmt 3 года назад
Vue формы
@KlinovAS
@KlinovAS 5 лет назад
Торт не впечатлил меня. В скрипте я бы создал объект и функцию типа render, где тот же цикл для вывода данных+события перенаправил бы на еще одну функицю. По идее только три функции должно быть. Это очень быстро, но для неумных умные создают еще упрощения под определенные задачи с дополнительным весом. Очень много ненужной магии и ньюансов нужно запоминать, чтобы сделать простые вещи. Они никак не вписываются в стандарт, чтоб сходу легко запомнились. Вот даже @click как мне кажется глупо запоминать, логичней было бы vue-click, vue-class, vue-for... И если бы кто создал аналог с более продвинутым функционалом, то по этикету он бы использовал те же комбинации klinov-click, klinov-for.... а эти атрибуты спонтанны и совсем не обдуманные. Автор видимо упрощал свой проект, а как оказалось это полезно может быть еще кому-небудь и так родился vue. Уверен, что в соревновании именно по торту, по времени JQuery никак не проиграет, и по логике также будет все просто. Кстате, у меня калькулятор динамически цену изменяет (счетчик подкручивает значения до нужного результата и делает дополнительную анимацию). Не знаю, может vue, и хорош, но за пол часа не увидел превосходства. Досмотрю до конца.
@KlinovAS
@KlinovAS 5 лет назад
понятно что для штамповки через фирму посредника такие чудеса полезны, так как найти умных ребят не просто, а вот HR когда спрашивает о фреймворках, то чел. конкретно отвечает что знает VUE и после косяков новый сотрудник исправит ошибку. К счастью работаю сам на себя и учить всякий бред не нужно.
@SergMirny_yt
@SergMirny_yt 5 лет назад
JQuery обречен. Гугл борится за быстрый интернет - включил это в фактор ранжирования. А сама библиотека jquery - толстая и сеошники очень недовольны этой библиотекой. Как итог - со временем, jquery выкинут из кода. Гугл давит...
@dt5801
@dt5801 3 года назад
А vue или react что ли менее толстые или менее медленные? Нет конечно. А для сео на jQuery намного проще писать
@geek7807
@geek7807 6 лет назад
Видео интересное, но картинка с камеры - это просто визуальный мусор, на котором ещё и постоянно отвлекающий бешеный индикатор звука. Просто, какой смысл показывать данное изображение в течении 2-х часов, если его информативность равна одной фотографии, показанной в течении 2-х секунд? Никогда этого не понимал.
@meledictrum
@meledictrum 5 лет назад
в этом весь Лаврик, Вы не шарите
@DevBer
@DevBer 4 года назад
Блять, почему я полтора года откладывал просмотр этого видео? Столько времени просрал...
@dmitriyv5740
@dmitriyv5740 Год назад
Развелось как грязи фреймворков однодневок.
@Dim_sev
@Dim_sev 6 лет назад
Системы сборки это не нормально, это как раз костыли. Это всё равно что html генерить в muse или других тупых редакторах.
@HeardWind
@HeardWind 6 лет назад
а как делать нормально, что бы было автоматизированно и быстро?
@Dim_sev
@Dim_sev 6 лет назад
С каких пор сборка проекта в десятки минут это быстро?
@makcimhvatov454
@makcimhvatov454 6 лет назад
ну почему же это типа комбайна где и автообновление и не нужно подключать скрипты просто кидаешь их в одну папку и минификация файлов и пр., не знаю как вам а мне очень экономит время
@orionpro79
@orionpro79 6 лет назад
сейчас бы в 2018 писать что системы сборки это костыли ))))))))))). Расскажи это webpack или gulp там с тебя сильно посмеются. Может ты ещё и на чистом css пишешь и на чистом html ?))) Смешно однако.
@Dim_sev
@Dim_sev 6 лет назад
Пишу. Ахахаха ))) А ты можешь дальше писать на препроцессорах скриптовые языки. Масло масленное с маслом.
Далее
Gặp 2 thánh troll | CHANG DORY | ometv
00:42
Просмотров 23 млн
Webpack 4 - простая сборка проекта
1:45:44
Vue JS - Быстрый курс за 50 минут
53:36
Gặp 2 thánh troll | CHANG DORY | ometv
00:42
Просмотров 23 млн