Спасибо, особенно за наводку на мысль о том, как можно связывать вордпресс и vue. Это ведь действительно удобно - конечный пользователь просто заходит в удобную вордпрессовскую админку и вбивает контент, а далее мы как разрабы уже делаем с ним что нужно
@@dmitriyv5740 даёт привычную вордпресовскую админку и весь "бэкенд" на движке вордпреса, а фронт на vue. Допустим, лично у меня были кейсы когда редакторы контента не хотели уходить с привычной для них вордпрессовской админки, но при этом по ряду причин был план перейти от привязанных к вордпрессу php-шаблонов на новый фронтенд. Вот тут rest-api вордпресса был как раз в тему. Плюс не нужно было морочить голову с миграцией огромной базы контента с вордпреса ещё куда-то.
Крутая инфа. По этому уроку можно уже смело применять такие моменты в проектах, где нужно связывать данные. ps вообще если кому интересно, подсветка синтаксиса решается для меня выставлением в IDE своей синтаксиса React JSX и получается jsx и es6 в одном флаконе). И всё красиво и можно там даже emmet использовать в этих `` скобках.
Отличный урок!!! Дмитрий, у Вас уже достаточно вводных материалов для понимания сути Вью и старта работы с ним, не тратьте время на объяснения переходите к хардкорду сразу )))) Спасибо за видео!!!
вот есть таска, мог бы ее часа за 3-4 накидать на es6 классовых компонентах, на vue в целом все теже компоненты получились но гемора куда больше. Почему-то всегда сравнение фреймворка идет с jQuery или чистым js на уровне 1 месячного изучения. А реальное ООП, события, наследование и композиция и все это с нормальным архитектурным подходом в опытных руках если сравнить. А так видео полезно
А как можно динамически формировать свойства слоя. Например создать страницу настроек где пользователь сам добавляет типы слоев, чтобы потом эти типы подгружались в объект vue?
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!
Увидел в чате на 1:45:25 вопрос, сколько будет стоить сервер с нодой и пхп, что мол это будет дорого. Отнюдь! Не сочтите за рекламу, нетангелс.ру сделал облачный хостинг, на котором можно для разных сайтов выбирать пхп или ноду или даже питон, по вообще смешной цене.
Не проверял, но есть список не сильно дорогих 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
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. Спасибо за видео!
Блин я пробовал в принципе, разные способы, но все ровно не понимаю даже простого объяснения. Можешь скинуть какой нибудь src код с сервером на node.js и системой сборки vue?
В видео же есть описание, что с сервером необходимо работать по принципу api, вот как реализовать авторизацию, для закрытых систем, вот этот вопрос меня волнует и как его решить я пока не знаю
Так же как ответили раньше. Авторизуемся, получаем работу с куками или токен. Шлем запросы, передавая токен (если надо) и получая ответ. Сохраняем ответ в переменную, а вью сам его "отрисует" (реактивность же).
LocKtaR-o-DarK мне кажется, некоторые просто не замечают или не знают. И тут важно обратить внимание человека на его ошибку. А он, в свою очередь, если старается сделать свою речь более грамотной, то уже будет над этим работать. Вот как я узнал некогда, что в слове "шампуры" ударение на "у"
JQuery обречен. Гугл борится за быстрый интернет - включил это в фактор ранжирования. А сама библиотека jquery - толстая и сеошники очень недовольны этой библиотекой. Как итог - со временем, jquery выкинут из кода. Гугл давит...
Торт не впечатлил меня. В скрипте я бы создал объект и функцию типа render, где тот же цикл для вывода данных+события перенаправил бы на еще одну функицю. По идее только три функции должно быть. Это очень быстро, но для неумных умные создают еще упрощения под определенные задачи с дополнительным весом. Очень много ненужной магии и ньюансов нужно запоминать, чтобы сделать простые вещи. Они никак не вписываются в стандарт, чтоб сходу легко запомнились. Вот даже @click как мне кажется глупо запоминать, логичней было бы vue-click, vue-class, vue-for... И если бы кто создал аналог с более продвинутым функционалом, то по этикету он бы использовал те же комбинации klinov-click, klinov-for.... а эти атрибуты спонтанны и совсем не обдуманные. Автор видимо упрощал свой проект, а как оказалось это полезно может быть еще кому-небудь и так родился vue. Уверен, что в соревновании именно по торту, по времени JQuery никак не проиграет, и по логике также будет все просто. Кстате, у меня калькулятор динамически цену изменяет (счетчик подкручивает значения до нужного результата и делает дополнительную анимацию). Не знаю, может vue, и хорош, но за пол часа не увидел превосходства. Досмотрю до конца.
понятно что для штамповки через фирму посредника такие чудеса полезны, так как найти умных ребят не просто, а вот HR когда спрашивает о фреймворках, то чел. конкретно отвечает что знает VUE и после косяков новый сотрудник исправит ошибку. К счастью работаю сам на себя и учить всякий бред не нужно.
Видео интересное, но картинка с камеры - это просто визуальный мусор, на котором ещё и постоянно отвлекающий бешеный индикатор звука. Просто, какой смысл показывать данное изображение в течении 2-х часов, если его информативность равна одной фотографии, показанной в течении 2-х секунд? Никогда этого не понимал.
ну почему же это типа комбайна где и автообновление и не нужно подключать скрипты просто кидаешь их в одну папку и минификация файлов и пр., не знаю как вам а мне очень экономит время
сейчас бы в 2018 писать что системы сборки это костыли ))))))))))). Расскажи это webpack или gulp там с тебя сильно посмеются. Может ты ещё и на чистом css пишешь и на чистом html ?))) Смешно однако.
![Уроки VUE-CLI 3 учим за 1 час для начинающих с нуля [ vue.js компоненты ]+ много полезной информации](http://i.ytimg.com/vi/4O1twLpg-7A/mqdefault.jpg)
Спасибо за урок! Как всегда понятно и практично!
Очень классная подача! Респект.
Спасибо за презентацию. К сожалению мало о CLI. Но Nuxt - это уже взрыв мозга!
Браво!
Дмитрий, у Вас наверное лучшие курсы по JS.
гениально , как это все уместить только в голове !
Спасибо, особенно за наводку на мысль о том, как можно связывать вордпресс и vue. Это ведь действительно удобно - конечный пользователь просто заходит в удобную вордпрессовскую админку и вбивает контент, а далее мы как разрабы уже делаем с ним что нужно
Только зачем? Что это даёт?
@@dmitriyv5740 даёт привычную вордпресовскую админку и весь "бэкенд" на движке вордпреса, а фронт на vue. Допустим, лично у меня были кейсы когда редакторы контента не хотели уходить с привычной для них вордпрессовской админки, но при этом по ряду причин был план перейти от привязанных к вордпрессу php-шаблонов на новый фронтенд. Вот тут rest-api вордпресса был как раз в тему. Плюс не нужно было морочить голову с миграцией огромной базы контента с вордпреса ещё куда-то.
Спасибо за вебинар! Vue действительно крутой. Хочу переключиться на laravel + vue думаю это будет хороший тандем.
Ну как? Переключились? Что скажете, какое впечатление?
@@user-ir5zd2jy9e Я переключился. Вполне нормальная связка даже для spa.
огонь, отличное объяснение
Крутая инфа. По этому уроку можно уже смело применять такие моменты в проектах, где нужно связывать данные. ps вообще если кому интересно, подсветка синтаксиса решается для меня выставлением в IDE своей синтаксиса React JSX и получается jsx и es6 в одном флаконе). И всё красиво и можно там даже emmet использовать в этих `` скобках.
Круто, давно жду курс по Nuxt. Скорее бы конец лета)
скорее бы конец света, чтобы покончить со всем злом
@@serebniti ахах)) позитивно)
Самый кайф был бы видос по построению апи в ларавеле и работой с этим апи с вью, прям бомба)
где это посмотреть?
Мурад Мавлидов поищи laravel restful api
@@МурадМавлидов Изучи Django REST framework. Там REST API из коробки. А ещё лучше - переходи на Go и gRPC
Спасибо, очень интересно и полезно
Отличный урок!!! Дмитрий, у Вас уже достаточно вводных материалов для понимания сути Вью и старта работы с ним, не тратьте время на объяснения переходите к хардкорду сразу )))) Спасибо за видео!!!
вот есть таска, мог бы ее часа за 3-4 накидать на es6 классовых компонентах, на vue в целом все теже компоненты получились но гемора куда больше. Почему-то всегда сравнение фреймворка идет с jQuery или чистым js на уровне 1 месячного изучения. А реальное ООП, события, наследование и композиция и все это с нормальным архитектурным подходом в опытных руках если сравнить. А так видео полезно
Отличный вебинар, спасибо:)
Дуже класно пояснив, дякую за вебінар!
Отличный урок! Плюсуйте, если кто-то плюсовал
Спасибо огромное, очень интересно и понятно!
Очень жаль, что спорт отвел меня от этого вебинара, было круто, уверен))
Эх, ждал 8го его. Совсем забыл, что вы часто путаете даты в анонсах и надо проверять.
О, топ видосики подъехали.
А как можно динамически формировать свойства слоя. Например создать страницу настроек где пользователь сам добавляет типы слоев, чтобы потом эти типы подгружались в объект vue?
Очень интересное видео.
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!
Интересно - а почему не использовали для бинда информации v-text? Проще же намного.
А исходники где то можно взять?
Увидел в чате на 1:45:25 вопрос, сколько будет стоить сервер с нодой и пхп, что мол это будет дорого. Отнюдь! Не сочтите за рекламу, нетангелс.ру сделал облачный хостинг, на котором можно для разных сайтов выбирать пхп или ноду или даже питон, по вообще смешной цене.
Не проверял, но есть список не сильно дорогих 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
Есть какой то способ дорендерить страницы на наксте, например у меня коммент добавился мне не нужно всё рендерить, а только 1 страницу
Круто, спасибо)
как отправлять post запросы на сервер vue.js
1:04:53 Глобальный компонент
Ты идеаленый сенсей
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.
Спасибо за видео!
есть звук
А что если надо, что бы компонент брал данные сервера? Как это организовать?
Блин я пробовал в принципе, разные способы, но все ровно не понимаю даже простого объяснения. Можешь скинуть какой нибудь src код с сервером на node.js и системой сборки vue?
В видео же есть описание, что с сервером необходимо работать по принципу api, вот как реализовать авторизацию, для закрытых систем, вот этот вопрос меня волнует и как его решить я пока не знаю
Так же как ответили раньше. Авторизуемся, получаем работу с куками или токен. Шлем запросы, передавая токен (если надо) и получая ответ. Сохраняем ответ в переменную, а вью сам его "отрисует" (реактивность же).
как записаться на трансляцию?
Дмитрий, почему "стрОку"?) это же не стрОка, а строкА)
LocKtaR-o-DarK мне кажется, некоторые просто не замечают или не знают. И тут важно обратить внимание человека на его ошибку. А он, в свою очередь, если старается сделать свою речь более грамотной, то уже будет над этим работать. Вот как я узнал некогда, что в слове "шампуры" ударение на "у"
спасибо
THIS СЫЛАЕТСЯ НА НОВЫЙ ОБЪЕКТ ПОТОМУ ЧТО ТАМ НАПИСАНО NEW?
NEW резервирует в памяти место под обьект, а this ссылка на cам обьект.
Учился у тебя )))
Ты же из Школы программирования?
Vue формы
2020 : )))
Спасибо, круто. Режет слух слово хейт(hate))))))) ну это мелочи)))
JQuery обречен. Гугл борится за быстрый интернет - включил это в фактор ранжирования. А сама библиотека jquery - толстая и сеошники очень недовольны этой библиотекой. Как итог - со временем, jquery выкинут из кода. Гугл давит...
А vue или react что ли менее толстые или менее медленные? Нет конечно. А для сео на jQuery намного проще писать
Блять, почему я полтора года откладывал просмотр этого видео? Столько времени просрал...
Торт не впечатлил меня. В скрипте я бы создал объект и функцию типа render, где тот же цикл для вывода данных+события перенаправил бы на еще одну функицю. По идее только три функции должно быть. Это очень быстро, но для неумных умные создают еще упрощения под определенные задачи с дополнительным весом. Очень много ненужной магии и ньюансов нужно запоминать, чтобы сделать простые вещи. Они никак не вписываются в стандарт, чтоб сходу легко запомнились. Вот даже @click как мне кажется глупо запоминать, логичней было бы vue-click, vue-class, vue-for... И если бы кто создал аналог с более продвинутым функционалом, то по этикету он бы использовал те же комбинации klinov-click, klinov-for.... а эти атрибуты спонтанны и совсем не обдуманные. Автор видимо упрощал свой проект, а как оказалось это полезно может быть еще кому-небудь и так родился vue. Уверен, что в соревновании именно по торту, по времени JQuery никак не проиграет, и по логике также будет все просто. Кстате, у меня калькулятор динамически цену изменяет (счетчик подкручивает значения до нужного результата и делает дополнительную анимацию). Не знаю, может vue, и хорош, но за пол часа не увидел превосходства. Досмотрю до конца.
понятно что для штамповки через фирму посредника такие чудеса полезны, так как найти умных ребят не просто, а вот HR когда спрашивает о фреймворках, то чел. конкретно отвечает что знает VUE и после косяков новый сотрудник исправит ошибку. К счастью работаю сам на себя и учить всякий бред не нужно.
Развелось как грязи фреймворков однодневок.
Видео интересное, но картинка с камеры - это просто визуальный мусор, на котором ещё и постоянно отвлекающий бешеный индикатор звука.
Просто, какой смысл показывать данное изображение в течении 2-х часов, если его информативность равна одной фотографии, показанной в течении 2-х секунд? Никогда этого не понимал.
в этом весь Лаврик, Вы не шарите
Системы сборки это не нормально, это как раз костыли. Это всё равно что html генерить в muse или других тупых редакторах.
а как делать нормально, что бы было автоматизированно и быстро?
С каких пор сборка проекта в десятки минут это быстро?
ну почему же это типа комбайна где и автообновление и не нужно подключать скрипты просто кидаешь их в одну папку и минификация файлов и пр., не знаю как вам а мне очень экономит время
сейчас бы в 2018 писать что системы сборки это костыли ))))))))))). Расскажи это webpack или gulp там с тебя сильно посмеются. Может ты ещё и на чистом css пишешь и на чистом html ?))) Смешно однако.
Пишу. Ахахаха )))
А ты можешь дальше писать на препроцессорах скриптовые языки. Масло масленное с маслом.
Спасибо