Laravel 8 + Vue.js = WOW?!
HTML-код
- Опубликовано: 14 окт 2020
- Ссылка на исходники из видео: github.com/m1nyasha/laravel-8...
Boosty: boosty.to/areaweb
Наш образовательный проект - areaweb.su
VK: areawebsu
Телеграм: t.me/areawebsu
Телеграм чат: t.me/+yMyO-maYw6E5OTY6
Супер! Сижу - все проделываю ручками.. Быстро, точно, понятно и РАБОТАЕТ! Спасибо, Михаил.
Видео начинается на 4:39
спасибо
она нигде не начинается... смотри 18:57 после каждые N - мин идет... "ну это вам никогда не пригодитья"
Сделайте пожалуйста видео полной регистрации, авторизации, подтверждение почты (вообщем все на данную тему) ларавель 8 + вью. Подобного нет в сети. Многие показывают кусками, а новичков эти куски только путают.
Или может серию уроков, созние простенького магазина на laravel 8 + vue с регистрацией и остальному.
поддерживаю идею, бро если сделаешь то было бы круто!
поддерживаю++
есть канал Laravel Creative там у него курсы по ларе + вью
Спасибо большое за урок, было очень интересно и познавательно!
на 10:22 если не собираетесь делать авторизацию и не нужны темплейты касаемы авторизации, то префикс --auth необязателен
на 15:58 лучше подключать через asset()
Очень полезный урок. Спасибо большое автору. Вся нужная информация в одном видео 👍
Годный видос. Благодарю. Очень доходчиво все рассказано
Increíble, muchas gracias
Mas que perfecto 👌
suiiiiiiii
Подача инфы супер!
Очень годно, спасибо!
Завтра досмотрю
Очень подробно! Красава)
Дружище ты красавчик! Хочется больше уроков по vue + laravel. Хотел у вас на сайте купить курс, но там это невозможно сделать =(
супер полезный урок, спасибо
Какие книги можете посоветовать по PHP, JS, HTML и CSS для начинающего+ ?
Крутое видео! За полтора часа научился плить SPA на L+V и работать с API! Огонь! Пили еще! Красавчик! Правда есть хороший бэк Laravel
Непосредственно круто)
Спасибо за видео, подскажите, пожалуйста, от куда вы получаете знания которые несете нам?
Круто объяснил себе) давай теперь нам так же
man i am from Romania, and i understand no Russian, but the way you arrange the code and the way you browse for documentation is so good. I understand everything you do and why you do it even if the only thing i understand in russian is "DA", because it means the same thing in romanian.
I would love tho some captions in english, and i think that if you will do some english videos you will be a big hit!
xD
Спасибо огромное!))
Прошел, хоть и большим трудом.. Изучаю vue)
у меня вопрос если делать интернет магазин с нуля с админкой без использования cms/cmr то какими инструментами лучше пользоваться на ваш взгляд PHP laravel js ??? что посоветуете да кстати записываюсь на ваши курсы палец вверх и подписка
Для меня очень полезный урок, будете ли вы пробовать Nuxt с Laravel ? Очень интересует этот вопрос, хотелось бы узнать из ваших уст и практики. Так же хотелось бы продолжение предыдущих уроком. Спасибо за ваш труд, автор! :)
Спасибо! Пока вопрос остается открытым даже для меня.
Отличный урок. Я бы еще валидацию через request провел. Спасибо.
Респект за урок
Спасибо за урок по интеграции с ларавелем, все супер объяснил!
Хотел бы по лоадеру немного рассказать свой подход. При такой реализации получается лоадер будет постоянно отображаться, не важно быстро прошел запрос или нет,. Как на локалке например моментально загружается - лоадер не нужно показывать. Нужно изначально лоадер не показывать, в случае если АПИ отрабатывает например больше 200 мс, то показывать его. Что-то вроде:
// loader = false изначально
const loader = setTimeout(() => this.loading = true, 200);
...
axios
.....
.finally(() => { this.loader = false; clearInterval(loader); }
Таким образом, лоадер будет скрыт когда апи отработало, в случае - если как на локалке - моментально грузится, то лоадера просто не будет.
Не могу отредактировать, в тебе не сомневаюсь что ты знаешь как делать, пишу для новичков :)
Спасибо!
Когда будет курс по Vue.js?
Здравствуйте! Буду благодарен если подскажите как настроить роуты. Идея в том, хочу админ панель сделать на vue-laravel (SPA) как в данном уроке, а юзер часть, только на laravel. Но не могу понять как сделать роуты для vue "/admin", а для юзер "/"
Если коротко - супер!
Крассавчег! Рахмет!
Эмм... вопросик. А почему в webpack.mix.js нет vue() для компиляции js? Это в начале мы получается ввели команды и лара автоматически в "формате" vue js компилит? Да и почему там sass? Ведь он же не используется.
Скажите пожалуйста, а что на счет индексации статей? На пример у меня 100 статей, я хочу чтоб они продвигали мой сайт, участвовали в поисковой выдаче. Оно будет нормально индексироваться роботами?
Спасибо за видео! Очень хотелось бы увидеть пример laravel + vue с авторизацией через jwt токен или laravel passport и соответствующие middleware, есть ли в планах такие видео?
зачем jwt?) это же одно приложение, им не надо токен, чтобы обшаться друг с другом
Один из лучших контентов в рунете
однозначный лукас вам от сео-вебмастера СЕООНЛИ
Я плохо понимаю бек, смотрю это видео для более ясного понимания как бек работает с фронтом. Переписанный под es9 app.js не сломает синергию вьюхи и ларавеля?
Скажи, стоит ли использовать JetStream и Inertia js. В каких случаях их стоит использовать?
И по поводу Vue, как лучше передавать данные, писать API, или использовать InertiaJs?
И ещё правильно ли я понимаю, что для мобильного приложения всё равно нужно будет писать стандартные API и Inertia js тут не прокатит?
И касательно СЕО, что имнно нужно для сео? Весь если делать на Вью, то исходный код не отображается, а можно ли эту проблему решить так, страницу которая должна работать, как для сео, сделать на блейде, только кнопки на ней сделать вьюшные и комментирование вьюшное. Так будет срабатывать сео?
Использовать JetStream сейчас вроде модно, тем более если тебе нужен уже готовый каркас для веб-приложения.
Inertia js - да, если ты используешь blade шаблоны в основном.
Что касаемо SEO, то тут нужен SSR (Server Side Rendering), который как раз и генерирует разметку на стороне сервера, её потом и читает поисковик. SSR на Vue (SPA) в принципе сделать сложно, есть пара вариантов но их по большей части можно назвать костылями, проще использовать Nuxt.js. Можно ли использовать его в Laravel? Не уверен.
@@areaweb Вы использовали бы JetStream при сознании проекта на заказ или писали бы сами логику? Мне там нравится, как реализованы сессии, как они в базу записываются, это можно, как то установить отдельно от JetStream ? Может это отдельная библиотека какая то.
@@user-um4tq7oj1x JetStream я не использовал бы для крупных проектов, что касаемо сессий, то тут конечно можно найти отдельный плагин и работать с ним
Из app.js к public можно обратиться, если в Линукс
awesome
Миш, помоги, почему я когда устанавливаю или композером или глобально ларавель, то у меня в папке public нет ни css ни js
а как использовать связи ORM Laravel во vue? не могу найти информацию совсем
Привет какие плагины ты используешь для Vue.js
Алилуя! Я нашёл ответ на свой вопрос 39:25 - это то что нужно)))
как насчет SSR с NUXT так нельзя??
Как разъединить 2 приложения вью и ларавель?
жаль что нет навигационных тайм-кодов в ролике, в целом спасибо за ролик, хороший контент
А можно курс Laravel + Nuxt?
Красавчик, курс за такие деньги бесценный. Единственное, моё мнение, что php слабо оплачивается относительно других языков бэкенда. Это ни в коем случае не антимотивация обучаться, если нравится язык - без вопросов.
Да нет, просто кашу размазывают по большой тарелке. От 20 тыщ на вордпресс до 300++тыщ на серьезный проект.
Что за тема для phpStorm? Красиво выглядит
Подскажи, ни в какую не отображается элемент в блейде. Уже 10 раз пересматриваю и не понимаю где упустил что-то
Привет ваш курс все еще есть? можно ли принять участие или уже нельзя? цена за весь курс или за месяц?
Привет! Курс доступен всегда, мы не используем потоки студентов ;)
А если бы мы отделили Vue.js от Laravel,то получился бы Rest Full Api?
Вы этот пример проверяли на реальном сервере? Или только локалхост?
Сколько по времени длятся уроки если купить Ваш курс?
Интересует PHP + Laravel 8 = почти full-stack.
Php и лара это не фулстак, а бэкэнд
@@System-fm7kg наверное он хотел написать Vue а не Php
@@nurbolatnurlanuly там на курсах просто так и написано php + Laravel почти фуллстак,но это тип рофл.
А что лучше все таки использовать роуты ларавела или же vue?
Интересный вопрос
Тему про "для блондинок" у Макса спионерили(Yii для блондинок), сразу в глаза бросается. А в остальном норм
красавчик парень
а в курсе будет видос практики " Свой сайт с вакансиями "
Хорошая практика будет если делать такую же реализацию но не SPA ?
что бы за роутинг отвечал laravel
Вполне. Около 80% проектов (не только ларавел) используют Vue не для SPA.
Запили такой же с Vue 3
всё настолько легко что я начинаю подозревать тут подвох , которого по сути тут и нет ))))
5 за старания и 2 за логику. Объясню. На странице posts у вас возвращается объект со всеми постами. Они уже есть на клиенте, в памяти. Когда вы переходите на страницу конкретного поста, вы снова делаете аякс запрос. Хотя нужно просто выбрать из объекта с постами конкретный пост и передать во вьюху. У вас для этого есть key. Мало того что у вас по сети данные «мусорные» гоняются, вы ещё и к базе делаете лишний запрос. На безликих примерах всё конечно будет работать. Но если на вашем проекте будет хотя-бы 100 человек одновременно, то ваш сервер быстро загнётся. А если учесть что при таком подходе у вас таких ошибок наберется пару десятков на проект, то всё будет печально!
Отдельного разговора заслуживает подход с роутингом. Замкнуть в laravel всё на один файл, потом использовать роутер от vue на клиенте…! Зачем? Ваш клик в клиенте изначально обрабатывается vue и его роутером. И не должен уходить к серверу. Если уходит, значит что-то делаете неправильно.
Согласен, если для такого примера как показал, то можно как вы говорите "Они уже есть на клиенте, в памяти.."
Но, если в превью выводить не все параметры поста, то зачем их загружать с базы и не выводить? Если будет 10000 пользователей, то такой вариант как показан на видео самое оно. Потому что при запросе можно сделать доп. запросы на другие: пользователя, коменты и тд\
spasibo
пробовал по твоему видео, но все равно не отображает информацию из vue js....
А, что с каналом? Новых видео не будет?
На видео курс 290 рублей, а почему на сайте 5.000 рублей?
Сделать символическую ссылку из Resource на public и всё
Уточните зачем? Если речь идёт о js and css, то в public попадают скомпилированные файлы css и js.
- это будет работать на сервере?
лучше вот так
может не работать (как у меня)
и через ассет тоже
если не работает, то либо так:
--}} (это в папке паблик)
либо так:
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
как можно Vue 3 подключить к Laravel 8 ? не нашел пример
Как вариант package.json. В devDependencies найдите vue и змените версию на необходимую. Естественно потом обновите пакеты.
SQLSTATE[42S22]: Column not found: 1054 Unknown column 'title' in 'field list' (SQL: insert into `posts` (`title`, `body`, `updated_at`, `created_at`) values (werwerwerwer, Lorem ipsum dolor sit amet consectetur, adipiscing elit. Assumenda, voluptatem sapiente laboriosa natus eveniet iure nesciunt.!, 2020-12-23 14:10:26, 2020-12-23 14:10:26)) in file D:\work\ZPanel\domains\laravel-tutor\laravel\vendor\laravel\framework\src\Illuminate\Database\Connection.php on line 678
что делать?
i didnt understand a word but liked it :))
Are you taking the mick?
@@catsapp dude, calm down, i watched it even thought i dont understand the language. man you need to have fun life. and i like the video because it helps a lot, didnt you get that from what i wrote ?
@@CloudWithUgur I just have learned new slang expression. Ok? )) Have I used it wrong? BTW how did you understood the video? By English transcription?
@@catsapp nope, i just read the code he showed ,
@@CloudWithUgur Ok cool then )
Why not use Laravel Components and that is?
this is necessary if you are doing SPA with vue.js
Laraevel/ui вроде устарел, в документации к 8 его нет.
в документации просто рекомендуют JetStream, но либа доступна
Ни как не могу создать в одном компоненте 2 других.
vue 3 or vue 2?
both options have advantages and disadvantages, but I like vue 3 ^_^
Даже не знаю, как можно деградировать, что бы за этот видос дизлайк поставить.
Автору спасибо.
Было интересно, однако из видео немного не понятно то, что какой мне смысл использовать Vue.js, если у меня просто на Laravel все нормально работает. Если тяжело объяснить можно статью или видос какой-нить здравый
Чтобы spa приложение получилось
Это зависит от твоих потребностей, если тебе проще строить приложение на Vue, то почему бы не использовать его вместе с Laravel, а не отдельно. С другой стороны, если сайт не требует концепции SPA, то смысла конечно нет.
С тобой всё впорядке?
лучше бы подумал о размере шрифта
смотрим с 18:57 ... дальше я не стал тратить время
Канал "веб-разработка для блондинок", но выходит человек уже должен заранее подготовить всё. Вобщем к самому vue я пока не дошёл, нужно всё установить, а что-то не работает, что-то не понятно и короче я не ваш клиент.
Вы забросили инициативу? :(
ГОДНОТА
Сейчас бы бэк с фронтом в перемешку разрабатывать ... Не бест практис если что - новичкам на заметку.
22:11 почему так много ошибок
Ага и в 8 ларе , не нужно использовать find и писать условие при неудачном запросе, есть findOrFail
пожалуйста избавляйтесь от слова паразита "непосредственно".
"NULL" - это что? реально нулл, или строка? зачем там кавычки?
ппц как быстро делаешь. кагбудто для себя. я даже не успеваю паузу делать. бесит
название на английском, но видео на русском. Я жду английских субтитров
Жди....
жалко но это все уже устарело вот так.,
Почему устарело?
Непосредственно
Непосредственно