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

[@НиколайВладимирович-к5ф]

Спасибо за урок! Как всегда понятно и практично!

[@Tanja-Gordaja]

Спасибо за презентацию. К сожалению мало о CLI. Но Nuxt - это уже взрыв мозга!

[@как-же-так]

Очень классная подача! Респект.

[@dmitriytyurnin4605]

Браво! Дмитрий, у Вас наверное лучшие курсы по JS.

[@Farmatique]

Спасибо, особенно за наводку на мысль о том, как можно связывать вордпресс и vue. Это ведь действительно удобно - конечный пользователь просто заходит в удобную вордпрессовскую админку и вбивает контент, а далее мы как разрабы уже делаем с ним что нужно

[@dmitriyv5740]

Только зачем? Что это даёт?

[@Farmatique]

@@dmitriyv5740 даёт привычную вордпресовскую админку и весь "бэкенд" на движке вордпреса, а фронт на vue. Допустим, лично у меня были кейсы когда редакторы контента не хотели уходить с привычной для них вордпрессовской админки, но при этом по ряду причин был план перейти от привязанных к вордпрессу php-шаблонов на новый фронтенд. Вот тут rest-api вордпресса был как раз в тему. Плюс не нужно было морочить голову с миграцией огромной базы контента с вордпреса ещё куда-то.

[@orionpro79]

Крутая инфа. По этому уроку можно уже смело применять такие моменты в проектах, где нужно связывать данные. ps вообще если кому интересно, подсветка синтаксиса решается для меня выставлением в IDE своей синтаксиса React JSX и получается jsx и es6 в одном флаконе). И всё красиво и можно там даже emmet использовать в этих `` скобках.

[@webkoth6105]

Спасибо за вебинар! Vue действительно крутой. Хочу переключиться на laravel + vue думаю это будет хороший тандем.

[@user-ir5zd2jy9e]

Ну как? Переключились? Что скажете, какое впечатление?

[@teddykeys]

@@user-ir5zd2jy9e Я переключился. Вполне нормальная связка даже для spa.

[@T47AXR]

Круто, давно жду курс по Nuxt. Скорее бы конец лета)

[@serebniti]

скорее бы конец света, чтобы покончить со всем злом

[@desltiny2884]

@@serebniti ахах)) позитивно)

[@lessons3141]

гениально , как это все уместить только в голове !

[@ЕгорДохлый-е8к]

Отличное видео:) спасибо

[@РоманКовалевский-ф6м]

Отличный вебинар, спасибо:)

[@unistar42]

Спасибо огромное, очень интересно и понятно!

[@natalijasipkevica7690]

Спасибо, очень интересно и полезно

[@АлексейЛитвинов-й5в]

огонь, отличное объяснение

[@ural-site]

Отличный урок!!! Дмитрий, у Вас уже достаточно вводных материалов для понимания сути Вью и старта работы с ним, не тратьте время на объяснения переходите к хардкорду сразу )))) Спасибо за видео!!!

[@nightdog007]

Самый кайф был бы видос по построению апи в ларавеле и работой с этим апи с вью, прям бомба)

[@МурадМавлидов]

где это посмотреть?

[@nightdog007]

Мурад Мавлидов поищи laravel restful api

[@dizelvinable]

@@МурадМавлидов Изучи Django REST framework. Там REST API из коробки. А ещё лучше - переходи на Go и gRPC

[@Al-Mas3000]

А как можно динамически формировать свойства слоя. Например создать страницу настроек где пользователь сам добавляет типы слоев, чтобы потом эти типы подгружались в объект vue?

[@inikonelectrix2349]

вот есть таска, мог бы ее часа за 3-4 накидать на es6 классовых компонентах, на vue в целом все теже компоненты получились но гемора куда больше. Почему-то всегда сравнение фреймворка идет с jQuery или чистым js на уровне 1 месячного изучения. А реальное ООП, события, наследование и композиция и все это с нормальным архитектурным подходом в опытных руках если сравнить. А так видео полезно

[@xxxxPomaHxxxx]

Есть какой то способ дорендерить страницы на наксте, например у меня коммент добавился мне не нужно всё рендерить, а только 1 страницу

[@Chetanoo]

Очень интересное видео.

[@ihorshershkin5327]

А исходники где то можно взять?

[@0x2d26]

О, топ видосики подъехали.

[@ВасяСидоров-я6ш]

Очень жаль, что спорт отвел меня от этого вебинара, было круто, уверен))

[@SimpleDevelopment]

А что если надо, что бы компонент брал данные сервера? Как это организовать?

[@SimpleDevelopment]

Блин я пробовал в принципе, разные способы, но все ровно не понимаю даже простого объяснения. Можешь скинуть какой нибудь src код с сервером на node.js и системой сборки vue?

[@ural-site]

В видео же есть описание, что с сервером необходимо работать по принципу api, вот как реализовать авторизацию, для закрытых систем, вот этот вопрос меня волнует и как его решить я пока не знаю

[@scherepanov]

Так же как ответили раньше. Авторизуемся, получаем работу с куками или токен. Шлем запросы, передавая токен (если надо) и получая ответ. Сохраняем ответ в переменную, а вью сам его "отрисует" (реактивность же).

[@A1terman]

Отличный урок! Плюсуйте, если кто-то плюсовал

[@azelsky]

как отправлять post запросы на сервер vue.js

[@RomanKozin]

Интересно - а почему не использовали для бинда информации v-text? Проще же намного.

[@phil4765]

Круто, спасибо)

[@taras9683]

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!

[@ruseystage]

Ты идеаленый сенсей

[@volodymyrshmahai]

Дуже класно пояснив, дякую за вебінар!

[@ВиталийСид-ь8и]

как записаться на трансляцию?

[@Андрей-й9ц6я]

Эх, ждал 8го его. Совсем забыл, что вы часто путаете даты в анонсах и надо проверять.

[@Niakita]

есть звук

[@HelloGoodbye-f6q]

THIS СЫЛАЕТСЯ НА НОВЫЙ ОБЪЕКТ ПОТОМУ ЧТО ТАМ НАПИСАНО NEW?

[@Miraclus1]

NEW резервирует в памяти место под обьект, а this ссылка на cам обьект.

[@chip_a]

спасибо

[@maksudaliev8785]

1:04:53 Глобальный компонент

[@ural-site]

Увидел в чате на 1:45:25 вопрос, сколько будет стоить сервер с нодой и пхп, что мол это будет дорого. Отнюдь! Не сочтите за рекламу, нетангелс.ру сделал облачный хостинг, на котором можно для разных сайтов выбирать пхп или ноду или даже питон, по вообще смешной цене.

[@acerlmt]

Не проверял, но есть список не сильно дорогих 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

[@acerlmt]

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. Спасибо за видео!

[@mihaylov13]

Учился у тебя )))

[@span4ev]

Дмитрий, почему "стрОку"?) это же не стрОка, а строкА)

[@span4ev]

LocKtaR-o-DarK мне кажется, некоторые просто не замечают или не знают. И тут важно обратить внимание человека на его ошибку. А он, в свою очередь, если старается сделать свою речь более грамотной, то уже будет над этим работать. Вот как я узнал некогда, что в слове "шампуры" ударение на "у"

[@mihaylov13]

Ты же из Школы программирования?

[@mentorjs]

2020 : )))

[@dezo103]

Спасибо, круто. Режет слух слово хейт(hate))))))) ну это мелочи)))

[@acerlmt]

Vue формы

[@KlinovAS]

Торт не впечатлил меня. В скрипте я бы создал объект и функцию типа render, где тот же цикл для вывода данных+события перенаправил бы на еще одну функицю. По идее только три функции должно быть. Это очень быстро, но для неумных умные создают еще упрощения под определенные задачи с дополнительным весом. Очень много ненужной магии и ньюансов нужно запоминать, чтобы сделать простые вещи. Они никак не вписываются в стандарт, чтоб сходу легко запомнились. Вот даже @click как мне кажется глупо запоминать, логичней было бы vue-click, vue-class, vue-for... И если бы кто создал аналог с более продвинутым функционалом, то по этикету он бы использовал те же комбинации klinov-click, klinov-for.... а эти атрибуты спонтанны и совсем не обдуманные. Автор видимо упрощал свой проект, а как оказалось это полезно может быть еще кому-небудь и так родился vue. Уверен, что в соревновании именно по торту, по времени JQuery никак не проиграет, и по логике также будет все просто. Кстате, у меня калькулятор динамически цену изменяет (счетчик подкручивает значения до нужного результата и делает дополнительную анимацию). Не знаю, может vue, и хорош, но за пол часа не увидел превосходства. Досмотрю до конца.

[@KlinovAS]

понятно что для штамповки через фирму посредника такие чудеса полезны, так как найти умных ребят не просто, а вот HR когда спрашивает о фреймворках, то чел. конкретно отвечает что знает VUE и после косяков новый сотрудник исправит ошибку. К счастью работаю сам на себя и учить всякий бред не нужно.

[@geek7807]

Видео интересное, но картинка с камеры - это просто визуальный мусор, на котором ещё и постоянно отвлекающий бешеный индикатор звука. Просто, какой смысл показывать данное изображение в течении 2-х часов, если его информативность равна одной фотографии, показанной в течении 2-х секунд? Никогда этого не понимал.

[@meledictrum]

в этом весь Лаврик, Вы не шарите

[@SergMirny_yt]

JQuery обречен. Гугл борится за быстрый интернет - включил это в фактор ранжирования. А сама библиотека jquery - толстая и сеошники очень недовольны этой библиотекой. Как итог - со временем, jquery выкинут из кода. Гугл давит...

[@dt5801]

А vue или react что ли менее толстые или менее медленные? Нет конечно. А для сео на jQuery намного проще писать

[@DevBer]

Блять, почему я полтора года откладывал просмотр этого видео? Столько времени просрал...

[@dmitriyv5740]

Развелось как грязи фреймворков однодневок.

[@Dim_sev]

Системы сборки это не нормально, это как раз костыли. Это всё равно что html генерить в muse или других тупых редакторах.

[@HeardWind]

а как делать нормально, что бы было автоматизированно и быстро?

[@Dim_sev]

С каких пор сборка проекта в десятки минут это быстро?

[@makcimhvatov454]

ну почему же это типа комбайна где и автообновление и не нужно подключать скрипты просто кидаешь их в одну папку и минификация файлов и пр., не знаю как вам а мне очень экономит время

[@orionpro79]

сейчас бы в 2018 писать что системы сборки это костыли ))))))))))). Расскажи это webpack или gulp там с тебя сильно посмеются. Может ты ещё и на чистом css пишешь и на чистом html ?))) Смешно однако.

[@Dim_sev]

Пишу. Ахахаха ))) А ты можешь дальше писать на препроцессорах скриптовые языки. Масло масленное с маслом.

[@evgen4055]

Спасибо