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
Rapid Testing with Vitest: Master Unit Testing & Mocking
Sources: vueschool.io
In this course the creator of Vitest, Anthony Fu, will get you up and running with the fastest testing framework around. Learn the basics of how to do unit tes
1 hour 15 minutes 44 seconds
Vue 3 and Laravel: Breaking a Monolith to Microservices
Sources: udemy
Microservices Architecture, Vue 3, Nuxt.js, Laravel, Docker, RabbitMQ, Event Driven Microservices, Internal APIs, Redis. Learn how to create a Monolith using Vue 3 and Laravel t...
14 hours 4 minutes 43 seconds
Advanced Shopify Theme Development: Liquid + Vue.js (v3.0)
Sources: udemy
Learn to build Shopify themes using Liquid, JavaScript, and Vue.js v3.0 from scratch. No experience required! Who is the course for? Anyone who is looking to b
6 hours 37 minutes 49 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