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
Build a Server Rendered Vue.js App with Nuxt and Vuex
Sources: egghead
Vue.js has a first-class ecosystem to help construct Vue.js apps. This includes Nuxt.js which enables server-rendered applications and a page-based approach. T
33 minutes 40 seconds
Performance with Laravel (Premium Package)
Sources: Martin Joo
Learn to boost Laravel applications with expert techniques on Redis, database indexing, and concurrent programming. Essential for developers seeking advanced