From Laravel Blade to Vue.js + API [Live-coding Example]

Подписаться 141 тыс.

Просмотров 168 тыс.

50% 1

For those who haven't started with Vue.js - you can watch me adapting that quickly, in 22 minutes, in (almost) live-mode.
We take a typical Laravel page of catalog with categories and products, and we transform that into Laravel API, then consuming it from Vue.js.
Repository: github.com/LaravelDaily/Larav...
Wanna dive a bit deeper into Laravel + Vue? I have a full 2-hour course with a practical project "Vue.js 3 + Laravel 9: CRUD with SPA": laraveldaily.teachable.com/p/...
- - - - -
Support the channel by checking out my products:
- My Laravel courses membership: laraveldaily.teachable.com/p/...
- Laravel QuickAdminPanel: bit.ly/quickadminpanel
- Livewire Kit Components: livewirekit.com
- - - - -
Other places to follow:
- My weekly Laravel newsletter: bit.ly/laravel-newsletter
- My personal Twitter: / povilaskorop

Хобби

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

21 май 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 268

@bru6626 4 года назад

This type of tutorial is what i want. Straight to the point

@mauriciosorto8163 4 года назад

Great stuff! I have been researching about this matter, and found a lot of videos but yours is the most clear and simple to understand. Really, really good content, thanks!

@bogdanmarian3786 3 года назад

Thank you for having the patience to explain every step, this is a great tutorial !

@peo6264 4 года назад

From the bottom of my heart, thank you, honestly, a big thank you! You once again helped me so much! I work hard on a project and am REALLY struggling sometimes, but your videos are awesome, they're giving me hope, it keeps me motivated, it makes me wanna keep on trying and moving forward. I will definitely subscribe to your courses to support you and what you are doing ! Best regards

@VadimBesedin 4 года назад

Clear and straight to the point. Thank you for your time and for sharing your knowledge!

@manishprabhakaran1561 3 года назад

Your heart can hear exactly what beginners are suffering from....and you serve the needs. Thank you very much🙏 for the clear cut video you've done🏆. Continue with your good work. Good luck.

@hamdaniash-siddiq5021 4 года назад

You are really the best teacher of laravel. U make things clear by doing simple things.

@remorechtzen5163 3 года назад

Watching your videos is the best way to learn. Thank you very much!

@ciaranslemon83 4 года назад

Really really well presented tutorial. Great pace, easy to follow and clear!

@adriennecool69 2 года назад

You are the best!! Thank you so much for this amazing tutorial. Developers like you are responsible for the success of so many other developers!

@sebot1 3 года назад

My God... This video should called like "Understanding the Laravel+Vue+Api in 22 minutes". This is the first vid in a million that i watched and understood all of the main point of these two frameworks. Just awesome!

@mydublue 3 года назад

Very nice, view from the top to the key point instead of too much unnecessary details. The great point is it explains the relationship between blade and vue.js. Thanks

@lakmalp 4 года назад

It was super simple to understand yet informative and to the point

@emersonslvm 4 года назад

Pretty nice video! Congrats, from Brazil 🇧🇷

@edmartinez5345 4 года назад

Thank you so much. Please keep generating great content! Cheers to you.

@aronpop1447 3 года назад

Straight to the point man. No bs. Subscribed.

@the_coding_traveller 2 месяца назад

actually made a tutorial that made me motivated to learn it. just simple and clear! Thank you for the good work!!

@mateuspokemon01 4 года назад

Great! That's exactly what I needed! Thanks for sharing!

@mwacharojohn9318 Год назад

thank you saved me .several concepts in one video

@gurbeigekolekter8831 3 года назад

I love watching your videos. I hope you'll create one similar to this for Vue 3 in the future, if you have the time.

@gojamoja6719 2 года назад

You are a blessing for laravel learners

@jaker9007 Год назад

Huge thanks mate! Saved me a lot of time!

@rafa.alcantara 4 года назад

Lovely. Thanks man, straight to the point. BOOM.

@dennisreetz8492 3 года назад

Great tutorial! Thank you. Straight to the point.👍

@hinafraz528 3 года назад

only understood your lecture, thanks, man. you saved me a lot of time.

@ajithlal1688 4 года назад

I was waiting for this video. You are awesome

@damwrz5739 3 года назад

Awesome tutorial!!! Great job, thank you.

@hasanchishti6428 2 года назад

You are a real Hero. Thank you for this amazing video

@Jes14-t3b 3 года назад

I'm motivated now to learn SPA with Laravel and Vue, thanksss.

@MichaelBrown-vq4fd 3 года назад

thank you for another great tutorial. Really helps us beginners out.

@BradleyAhrens 4 года назад

Thanks for the video, Pavilas! Just wanted to note that you can also just run `npm run watch` instead of `npm run dev` each time. 😉

@MohamedZiada 4 года назад

@Povilas Korop , Thanks for the video, Or u can `npm run dev` without each time run `npm install`

@YassineHAOUARI 4 года назад

That's really what I'm working for.. thank you!

@davidsyengo1893 2 года назад

instant sub, great work, vivid explanation.

@tallaljamshed4880 4 года назад

I find your explanation quite easy to understand. It will be much appreciated if you could make a tutorial series on vue.js.

@PovilasKorop 4 года назад

Thanks, will think about it.

@freyarusso154 3 года назад

Thank you so much for clear explanation!

@bhubanmalek4589 4 года назад

thanx man.. one of siplest tutorial... just at point...

@caio.osalchesttes8791 2 года назад

O tutorial que eu precisava! O brasil te manda um beijoo

@Undercraftt 3 года назад

Thanks a lot for this example... very clear.

@haziriamin 3 года назад

Thank you.. very easy to understand..

@zhasan66 4 года назад

Really awesome tutorial. Thanks.

@ericksanabria5657 2 года назад

Amazing job. Thank you

@eleadnetworks3876 3 года назад

I love this. very straight forward and understandable. Thanks. I will like to get a full course on Laravel, vue, Laravel vue. I don't mind paying

@Imagine51204 4 года назад

I just starting reading about vue two days back and now this helps me alot as I already know laravel. So basically mounted here stands for on ready similar to Jquery Thanks

@sagytt 3 года назад

Greate Video! You know how to pass knowledge very efficiently.

@debasisacharya3604 3 года назад

Thank you sir. I was searching for this kind of video and finally i got it. it helped me alots.

@saravanangilli007 3 года назад

Excelent! Thanks for wonderful explaination.

@krisssachintha 3 года назад

you saved my day, thank you so much. Liked and shared

@nabeelyousafpasha 4 года назад

Looking forward to your more videos relevant to VUE. Respect from Pakistan 🇵🇰

@technocoh 3 года назад

Amazing tutorial, ty very much! :D

@jeevachaithanyansivanandan 3 года назад

very detailed explanation : thanks

@woutervisser5987 3 года назад

Great tutorial! Thank you! If you run in to a problem with the application not renewing. Check your cache. Quite obvious but I didn't think of it myself :D

@topmemesforyou5848 3 года назад

Thanks for this video, please do more on Vue.js + Laravel

@kristiansibarani3084 4 года назад

thank you, you deserve more subscriber

@francisco25657 2 года назад

This video is gold

@masterpreshy9614 2 года назад

Best Teacher!

@programmingwithsami1 5 месяцев назад

Very very helpful ❤

@AJosevb 4 года назад

Muy buena explicacion Gracias.!

@PL4YR 2 года назад

I would be super interested in a video over the depths of statically including a model over importing through a constructor, really curious about the pros and cons of it

@shabastech 9 месяцев назад

the best 💯 so far

@arturodelosangeles 3 года назад

excellent tutorial, thank you

@windigo000 3 года назад

15:18 - consistency 😁 1) data: function() { ... 2) mounted() { ... I am paying attention sometimes :P

@heshammahmoud7277 4 года назад

Thanks a Lot that was very helpful

@KangJangkrik 4 года назад

I'm using both, for product listing blade is better and dynamic widgets (like graph and chart) only possible with vue. Perfect combo 👌

@Sdirimohamedsalah 9 месяцев назад

Great! 99% of tutors don’t cover building project

@flashbangstudio9102 4 года назад

Oh nice topic ! Thank you

@chablay1 4 года назад

Very very nice tutorial.

@KastsEcho 2 года назад

One change I'd make is wrap both method calls in the mounted function within a try catch block, and then set loading to false. that way, you'd ensure both api calls loaded before rendering.

@marilenaarsulescu Год назад

great tutorial

@taiwoolatmi3594 4 года назад

This is awesome tutorial, taking Vue like slicing cucumber with sharp knife, Very straight forward, We appreciate you so much, Pls help Us with a vidoe on the explanation of the vue Pagination part.

@cyrillembia 2 года назад

Verry usefull. Thanks

@mansoul3606 4 года назад

Good explanation 👍

@geraldbustos 4 года назад

Gracias desde Chile!

@h.serhan9862 3 года назад

You are the best!

@shohanhossain8280 4 года назад

Yes. This is a good start

@dannyforr 3 года назад

Sensacional! Muito bom!

@hesami13 Год назад

It was simple and comprehensive.❤ Please make a video about livewire and its difference with VueJS in laravel. Is it necessary to go to VueJS even though there is livewire? And their relationship with AlpineJs

@schoolfaqs 3 года назад

Thank you for this video

@aungminhein2178 Год назад

Easiest to understand ever

@ridwanhaqi6834 2 года назад

Thank you verymuch

@guidocaffa898 4 года назад

Excelent! 🙌

@niketjoshi5877 4 года назад

Hey, you are doing exceptional job by teaching us good stuff in latest framework. I would like to tell you could you please make vue js tutorial videos with laravel. From basic to advance level so user who know laravel but not vue js can learn that from your video and example like you make. Hope you provide such a good solution for this.

@PovilasKorop 4 года назад

Thanks, will think about it.

@daviddeleon3411 4 года назад

@@PovilasKorop I love how php master teach us js thank you sir

@alfonsomarquez4078 4 года назад

Thank you sir!

@merahsamia9785 10 месяцев назад

Awesome!

@PildorasMusicales 3 года назад

EXCELENT!

@mehranreyhani6037 3 года назад

Ty for the video 👍

@jkbullitt8986 4 года назад

Excellent!!

@onessimuslyngdoh289 4 года назад

Npm run watch and you don't need to run npm install everytime

@Formula7Driver 3 года назад

npm install isn't needed in any case, it's enough to run it just once. npm run watch actually removes the need to run npm run dev multiple times

@technozoon4087 3 года назад

Thank you

@JohnSmith-zl8rz 3 года назад

I prefer this way than Inertia or Livewire, thanks!

@marcelohenriquedev 2 года назад

Obrigado!

@phunguyentrong722 3 года назад

thanks so much

@djnkuli 3 года назад

I dont know what to say but Thank you! 😊 🙏

@JohnSmith-zl8rz 3 года назад

I would love a tut like this about Laravel API + Nuxt

@manojbist3793 3 года назад

Big Fan of yours. Thank you for the tips and knowledge you shared. Can you make another video with, Laravel+Vue jS multi-page project?

@LaravelDaily 3 года назад

Search my channel for "vue", maybe you will find something: ru-vid.com/show-UCTuplgOBi6tJIlesIboymGAsearch?query=vue - not sure what you mean exactly by "multi-page" project