Laravel API Development & Vue JS SPA from Scratch (Udemy.com)
Learn how to develop a robust API with Laravel and a Single-Page Application in Vue JS from Scratch
Created by: Victor Gonzalez
Last updated July 2019
What you will learn
- RESTful API Development with Laravel
- Vue JS Single Page Application Methodology
- Front-End Design Using Tailwind CSS
- Implementing Search Functionality Using Laravel Scout
- Build a Complete SPA from Scratch
How it compares
Against the other 70 rated Udemy courses in Vue.js on CourseDuck:
- Rating4.3 out of 5higher than 28% of them
- Reviews875#26 of 71 by number of reviews
- Length5.6 hoursshorter than 72% of them
- Last updatedJuly 2019earlier than 80% of them
Quality Score
Overall Score : 86 / 100
Course Description
Developing Single-Page Applications requires a special set of skills. In this course, we will be learning how to develop the required API to power a simple address book project named Jot. Jot will be a SPA written in Vue JS using the TailwindCSS front-end framework. By the end of this course, Jot will be able to create, view, edit and delete contacts. We'll also implement search functionality using Laravel Scout, a free first-party package for Laravel for simple searchable models.
Instructor Details
- 4.3 Rating
875 Reviews
Victor Gonzalez
Victor is a Senior Web Developer with over 10 years of professional experience building web applications. He specializes in PHP / Vue JS and has held senior roles in web development, as well as marketing positions. Always one to dig deeper and polish from every angle, Victor's teaching style reflects his deep understanding of modern web development topics. His ability to breakdown complex topics into bite-size lectures that are easy to understand and follow, is one of the many things that makes him such a successful instructor.
Victor studied Music Performance and Computer Science at the University of Miami, where he followed a traditional curriculum of Mathematics and Programming topics in C and Java. Throughout the years, Victor has contributed to many open source projects including the Laravel framework and is the primary instructor at Coder's Tape, free YouTube channel dedicated to teaching modern web development.
After just one course with Victor, you'll be hooked to his teaching style and learning at an incredibly fast pace. No static screens or copy-pasted code. Every line of code from scratch, meticulously explained, step by step.
More courses by Victor Gonzalez
Facebook Clone with Laravel, TDD, Vue & Tailwind CSS (2019)
4.4 (348 Reviews)
Provider: Udemy
Time: 9.2h
$64.99
More Vue.js courses
Vue - The Complete Guide (incl. Router & Composition API) (2025)
4.7 (66,743 Reviews)
Provider: Udemy
Time: 31.9h
$119.99
Complete Vue Developer Bootcamp (Pinia, Vitest) (2026)
4.7 (3,156 Reviews)
Provider: Udemy
Time: 28h
$89.99
Complete Javascript & jQuery Course with Bonus Vue JS Intro (2021)
4.7 (2,716 Reviews)
Provider: Udemy
Time: 16.9h
$74.99
Build Web Apps with Vue JS 3 & Firebase (2021)
4.6 (7,881 Reviews)
Provider: Udemy
Time: 31.5h
$89.99
Laravel + Vue 3 + Inertia: From Zero to Production SPA (2025)
4.6 (2,488 Reviews)
Provider: Udemy
Time: 19.5h
$84.99
Quasar V1: Cross-Platform Apps (with Vue 2, Vuex & Firebase) (2022)
4.6 (1,956 Reviews)
Provider: Udemy
Time: 15.4h
$10.99
Reviews
By Thom Rockwell on 12/4/2020
This course far exceeded my expectations. I was wanting to review some concepts in making an API in Laravel that worked with Vue JS on the front end. I went into it thinking I would know most of the stuff. I learned so many best practices, patterns and techniques that I had no idea about. The course starts off with PHPUnit which I have not yet use. I did not expect to also learn unit testing in this course, but I am very glad I did. Now to go through a review and use the NOTES tool that only just now discovered. :)
By Mihai Bătrânu on 7/5/2020
I enjoyed the course a lot and found many interesting things I didn't know about. I would have gladly given the maximum rating, however the section 7 unit 33 didn't work in my project. Due to some unknown reason, the axios interceptor doesn't insert the api token in the request. I checked the code many times and tried to debug, posted about this in the questions section, with no result. So after that section I couldn't do anything else but just watch the rest of the units without also writing code, since all the API calls were unauthorized.
By Omar Avalos Saucedo on 4/5/2020
It's a very good course. Certainly it is fast paced and maybe it lacks on explanation on some parts, but the teacher is very good making the objective of the application. Personally never have used vue and was relatively easy to follow. There are some configurations if you are using Laravel 6 or 7 that have to make on your own but nothing impossible or really important. The project is a little bit simple but it covers almost everything what you need to make a working API (except for roles or much more complicated Eloquent relationships).
By David Tekwie on 3/28/2020
Im not sure if this was deliberate, but it seems there is a missing functionality in the "Search" feature. When we search for a contact, and select one from the dropdown, the link takes us to that contact, however the links to all other results in the dropdown will not work. A missing "focus = false" in the parent page I believe. Other than that, this is a clear, well structured and excellent content delivery. A masterclass indeed and I highly recommend it to devs of all levels.
By Andrew Elliott on 3/12/2020
Yes it was a good match for me. I have been wanting more samples of feature tests and been eager make TDD a standard practice with my development. I would have liked to see examples of unit tests with VueJS but I will look at similar courses for such examples; And because the videos were recorded ~9 months ago some of the Laravel installation steps were out of date (e.g. for setting up the Auth scaffolding had changed since the 5.x versions - https://laravel.com/docs/6.x/authentication#introduction)
By Israel Sepulveda on 11/6/2019
After building this app, I built a time tracking app which was originally built with Laravel, but I wanted real-time functionality. I was able to implement third-party packages such as moment js and vue-multiselect easily. My app is about 95% finished, but I couldn't have done without this course. Thank you!
By Gilberto Albino on 11/4/2019
This is a great course for those who want to learn how to mix Vue.JS into a Laravel application and make it an SPA. It somehow offers an overall overview of Vue.JS and Laravel features, so any newcomer to both will find a lot of stuff to learn from. Victor is a great instructor to learn from. He also has a Youtube channel (Coder's Tape) you should check to more in-depth content about Laravel and Vue.JS.
By Jed Macapagal on 10/22/2019
I just started learning Laravel in general and having a TDD as your core principle really helps to create a robust application. This course really opened a lot of path for me, it even teaches how to use Policies and Resources that was alien to me. The instructor clearly explains piece by piece what the code does and how it would be implemented and this makes it a brilliant reference for techniques that maybe unbeknownst to many.
By Luis on 9/24/2019
At no moment is advertised this is a focused Test-driven development (TDD). Most of the course is focused on TDD instead of Laravel Vue SPA. The course would last a fraction of the time without the TDD. And sadly would then be an excellent course. The learning of Laravel Vue SPA is sadly neglected because of this. There's no way to go back and look for a subject, because is a big mess of TDD tests and a little of Laravel Vue integration. Also the options on the coding software that the instructor uses will throw you off because it makes notations in between the code that is not necessary. You will type one of those notations by accident and the hole thing will blow up. The title should be TDD course on a Laravel Vue SPA example. This SPA content is just to messy and all over the place. Without the TDD this course would last just a fraction and easy to follow. You will hear a ton of big mumbo jumbo on induced errors and error fixing. It is a frustrating course specially if you don't have time to waste. Prepare to neat peak what is useful inside this big mess.
By Kevin Javitz on 9/4/2019
This is a good intermediate course for Laravel and Vue. I think it would pair nicely with a short general vue and laravel course, or small "laravel basics" and "vue basics" sections could be added. I really enjoyed it and it earns 5 stars Good: - TDD is good to learn - Good info on making Vue work with Laravel - Most explanations are clear enough - Course length was good, not too short and not too long Improvements - for me the CSS parts dragged on and on, I'd prefer to have a little less time spent on CSS styling, and more time spent explaining more of what VUE is really doing, how it works with JavaScript, how to debug it - in general, some more what Laravel and Vue are doing behind the scenes would be good - "of course" was said about 1000 times :P, not a big deal but not needed
If you are a beginner this is not for you, if you are an intermediate this is not for you because the presented stuff is not how Laravel should be used as a backend API with VueJs on frontend. I am very disappointed by this course, it presents code that looks written by a beginner.
It's time to dig deep into using Laravel as backend and using Vue, this instructor is well versed and providing an awesome breakdown of this process. Thanks!







