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

Vue - The Complete Guide (incl. Router & Composition API)

Vue - The Complete Guide (incl. Router & Composition API)

Sources: Academind Pro
Learn Vue.js - in its latest version - step by step from the ground up. Learn how to build highly reactive web apps with one of the most popular frameworks!
28 hours 45 minutes 29 seconds
Reusable Components

Reusable Components

Sources: Michael Thiessen
Master the art of writing highly reusable Vue — and make the most of your components. Reusable Components is all about how to make your components more flexible
4 hours 10 minutes 42 seconds
Ethereum and Solidity: Build Dapp with VueJS

Ethereum and Solidity: Build Dapp with VueJS

Sources: udemy
Build Decentralized Application using VueJS and Smart Contracts written in Solidity. Learn how to create simple smart contracts. Learn how to develop Decentrali
1 hour 45 minutes 9 seconds