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
Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced
Sources: udemy
Learn how to create an Ambassador App using Vue 3, NuxtJS and NestJS. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big N
7 hours 37 minutes 36 seconds
React Js A-Z With Laravel - For Beginner to Advanced Level
Sources: udemy
This React Js A-Z With Laravel Course will help you to become a Full Stack Web Developer. React has rapidly become one of the most powerful tools for building W
68 hours 1 minute 33 seconds
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