Skip to main content

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 20 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Our First Vue.js Component in Laravel- Static Homepage - Laravel Daily

All Course Lessons (20)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

TypeScript with Vue.js 3

TypeScript with Vue.js 3

Sources: vueschool.io
TypeScript is a super set of the JavaScript language that introduces static typing. In recent years, it's taken the JavaScript community by storm due to it's ab
1 hour 37 minutes 47 seconds
Nuxt.js - Vue.js on Steroids

Nuxt.js - Vue.js on Steroids

Sources: udemy
You'll of course learn all the details in this course but the most important takeaway is that Nuxt.js makes the creation of better, more optimized and more capa
6 hours 27 minutes 50 seconds
Content Sites with Astro and Vue.js

Content Sites with Astro and Vue.js

Sources: vueschool.io
Do you want to create a fast and efficient website with content? In this course, you will learn how to use Astro and Vue.js together for developing high...
1 hour 3 minutes 38 seconds
Create Interactive 3D Experiences with TresJS

Create Interactive 3D Experiences with TresJS

Sources: egghead
Learn to create interactive 3D scenes with TresJS, including integration into Vue, working with objects and lighting, animation, and user interaction.
52 minutes 24 seconds
Vue 3, Nuxt.js and Laravel: A Practical Guide

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

Sources: udemy
Learn how to create 3 different apps with Vue 3, Nuxt.js and Laravel. The first app will be an Admin app using Vue 3 Composition API The second app will be an I
10 hours 17 minutes 9 seconds