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
Facebook Clone with Laravel, TDD, Vue & Tailwind CSS
Sources: udemy
Building modern applications requires a specialized toolbox of skills and tools. We are going to be using Facebook as an example to build a social network platform from scratch....
9 hours 9 minutes 44 seconds
Laravel with React JS - Build Twitter Like Real Time Web App
Sources: udemy
Do you want to use React Js with Laravel to build powerful web applications? How about building a twitter like real time web app while learning Modern JavaScrip
4 hours 56 minutes 37 seconds
Generating Fake Data with Faker.js
Sources: vueschool.io
Every user application depends on data, whether it's user profiles, product listings, or blog posts. However, creating realistic datasets...
51 minutes 56 seconds
Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps
Sources: vueschool.io
Nuxt is meta-framework built on top of Vue. It is the go-to way for creating server rendered apps for Vue and the latest version (v3) includes a huge number of
3 hours 5 minutes 56 seconds