Vue.js + Laravel: CRUD with SPA

1h 50m 29s
English
Paid
July 24, 2024

Everyone wants a full-stack developer these days, with some JS framework and Laravel as API.

More

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 Vue.js + Laravel: CRUD with SPA

Join premium to watch
Go to premium
# Title Duration
1 Our First Vue.js Component in Laravel- Static Homepage - Laravel Daily 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

Similar courses to Vue.js + Laravel: CRUD with SPA

Vue 3, Nuxt.js and Laravel: A Practical Guide

Vue 3, Nuxt.js and Laravel: A Practical Guideudemy

Duration 10 hours 17 minutes 9 seconds
Rapid Development with Vite

Rapid Development with Vitevueschool.io

Duration 1 hour 40 minutes 49 seconds