Vue.js 3 + Laravel 9 SPA: CRUD with Auth
March 2022 / 2 h 42 min / Laravel 9 + Vue 3
Watch Video About the Course
Notice: if you're interested in more courses than just this one, the best deal is to subscribe to the Yearly membership!
Vue.js is by far the most popular JavaScript framework in the Laravel community, and the newest Vue.js 3 version with the Composition API is a new way to create SPAs - Single Page Applications.
In this course, I will create such an application in almost live-coding mode, with a Github repository available for reference.
We will touch on these topics:
- Structuring Vue.js code in Laravel project
- Vue.js Options API vs Composition API
- Laravel API Creation
- Full CRUD to manage records: forms, validation, etc.
- Vue.js Routing
- Laravel & Vue Users/Roles/Permissions
- ... and more
Are you ready? Let's dive into the course.
Testimonials from students who finished the course:
Your Instructor
I consider myself a Laravel expert. Work with Laravel for around 7 years, sharing my thoughts on the YouTube channel "Laravel Daily": https://www.youtube.com/c/LaravelDaily
I also have written a Laravel Daily Blog for 5+ years.
Course Curriculum
-
PreviewInstall Laravel + Vue: Load First Vue.js Component (8:00)
-
Previewnpm run watch: Re-Compiling JS and Tailwind (3:25)
-
StartLoad Table Data from API: v-for and axios.get() (7:25)
-
StartLoad Table Data with Vue.js 3 Composition API (5:00)
-
StartEloquent API Resources to Transform Some Fields (4:03)
-
StartPagination with External Package (5:58)
-
StartCategory: API Resource with Relationship and Debugging Session (6:06)
-
StartDropdown of Categories: Second Composable (5:00)
-
StartCategory Dropdown: Filtering Data (4:27)
-
StartOrdering Data by Clicking Column Titles (7:56)