Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

payafterwork's avatar

Roadmap Help: Vue, VueRouter, webpack, laravel-mix, vuex, gulp, sass

I already know Laravel on the backend and entering the Vue world and my aim is building an SPA with Laravel backend. I'm constantly hit by terms like: VueRouter, webpack, laravel-mix, vuex, gulp, sass.

I'm kind of lost on which to learn first? What is the correct sequence to learn these?

Please mention the source of where I can learn these here at laracast or elsewhere with the correct sequence to become pro in VueJS developement for developing an SPA with Laravel backend.

0 likes
2 replies
Talinon's avatar
Talinon
6 years ago
Best Answer
Level 51

@payafterwork

It's a bit overwhelming at first.

If you're going to use webpack, you can drop gulp.

Mix is basically a configuration wrapper for webpack.

I wouldn't reach for vuex until you feel the need for it, which probably wouldn't be for awhile. So place that on last priority.

I would start off with this series to learn the basics of Vue:

https://laracasts.com/series/learn-vue-2-step-by-step

Then you can graduate to the series that focuses on SPA:

https://laracasts.com/series/laravel-vue-and-spas

For Webpack & Mix:

https://laracasts.com/series/webpack-for-everyone

https://laracasts.com/series/learn-laravel-mix

I would worry too much about the 2 series above until you want to dive into those in more detail. The "Learning Vue2 Step by Step" covers the basics of webpack/mix enough to get you started.

2 likes

Please or to participate in this conversation.