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