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

  • Testing Laravel with PHPUnit

    Testing Laravel with PHPUnit

    Sources: spatie.be
    In this course, Brent will help you get started testing a Laravel application. He'll cover how to get started, how to test every functionality in Laravel, and g
    2 hours 42 minutes 59 seconds
  • Vue 3 and Laravel: Breaking a Monolith to Microservices

    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
  • Laravel Backends for Vue.js 3

    Laravel Backends for Vue.js 3

    Sources: vueschool.io
    Vue has held a special place in the front-end for Laravel developers since 2015. It started when the Laravel creator Taylor Otwell tweeted: "Learning @vuejs bec
    3 hours 44 minutes
  • 100 Days Of Code: The Complete Web Development Bootcamp 2024

    100 Days Of Code: The Complete Web Development Bootcamp 2024

    Sources: Academind Pro
    Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
    78 hours 51 minutes 55 seconds
  • The complete guide to Mastering Pinia (Complete)

    The complete guide to Mastering Pinia (Complete)

    Sources: vueschool.io, Eduardo San Martin Morote
    Create reliable Vue.js applications that scale. Supported and quality codebases often depend on decisions made at the early stages.
    10 hours 18 minutes 32 seconds