Vue.js + Laravel: CRUD with SPA
1h 50m 29s
English
Paid
Course description
Everyone wants a full-stack developer these days, with some JS framework and Laravel as API.
Read more about the course
We'll create the application you see above, to manage the records in table. Along the way, we will learn things like:
- Adding Vue.js into a Laravel project
- Compiling Vue.js assets
- Vue Components
- Pagination
- Vue Routing as SPA instead of Laravel routing
- Axios requests - get/post/put/delete, with parameters
- File uploads in Vue.js
- Sweet Alert library
... and more.
Watch Online
0:00
/ #1: Our First Vue.js Component in Laravel- Static Homepage - Laravel Daily
All Course Lessons (20)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Our First Vue.js Component in Laravel- Static Homepage - Laravel Daily Demo | 10:34 | |
| 2 | Compiling Nuances- -npm run dev_watch_prod- and Laravel Mix - Laravel Daily | 06:06 | |
| 3 | Table of Posts- Back-end API and Front-end Component - Laravel Daily | 07:37 | |
| 4 | Formatting Columns- with JavaScript or with Eloquent API Resources - Laravel Daily | 05:02 | |
| 5 | Table Pagination in Vue - Laravel Daily | 05:31 | |
| 6 | Table Filtering with Dropdowns - Laravel Daily | 12:46 | |
| 7 | Table Sort by Columns - Laravel Daily | 07:56 | |
| 8 | Vue Routes instead of Laravel Routes - Laravel Daily | 08:54 | |
| 9 | Named Routes - Laravel Daily | 01:46 | |
| 10 | Disable Laravel Routing - Laravel Daily | 01:19 | |
| 11 | Mark Active Route Menu Item - Laravel Daily | 02:38 | |
| 12 | Routes in a Separate File - Laravel Daily | 03:02 | |
| 13 | Create New Post- Form and Submit - Laravel Daily | 09:00 | |
| 14 | Form Validation and Showing Errors - Laravel Daily | 03:30 | |
| 15 | Form -Loading- Status to Prevent Double-Submit - Laravel Daily | 02:42 | |
| 16 | File Upload in Vue.js - Laravel Daily | 03:16 | |
| 17 | Edit Post- Route, Form and Submit - Laravel Daily | 06:35 | |
| 18 | SweetAlert- Success and Errors - Laravel Daily | 02:23 | |
| 19 | Delete Post with Confirmation Alert - Laravel Daily | 04:04 | |
| 20 | BONUS- Table Search and Column Search - Laravel Daily | 05:48 |
Unlock unlimited learning
Get instant access to all 19 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
100 Days Of Code: The Complete Web Development Bootcamp 2024
Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
React and Laravel: Breaking a Monolith to Microservices
Sources: udemy
Microservices Architecture, React, Next.js, Laravel, Docker, RabbitMQ, Event Driven Microservices, Internal APIs, Redis. Learn how to create a Monolith using React and Laravel t...
15 hours 7 minutes 45 seconds
Master Laravel & Create High-Level Applications with Laravel
Sources: udemy
Learn Laravel, while creating an eShop in the process. Bring to live all those ideas in your head after learning Laravel by doing. The course is compatible with
14 hours 44 minutes 48 seconds
Real-Time Data with Laravel Reverb and Vue.js
Sources: vueschool.io
Would you like to add real data handling features to your applications on Laravel and Vue.js? Whether you are creating a notification system, a chat in...
44 minutes 56 seconds