Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build a Full-Stack CRUD Application with Vue 3 & Laravel 12
New
1 students

Build a Full-Stack CRUD Application with Vue 3 & Laravel 12

Master Vue 3 and Laravel 12 by building a complete CRUD application with REST APIs, MySQL, and modern full-stack develop
Created byShem Omuchanchi
Last updated 7/2026
English

What you'll learn

  • Build a complete CRUD (Create, Read, Update, Delete) application using Vue.js and Laravel.
  • Create and consume RESTful APIs using Laravel and connect them to a Vue.js frontend.
  • Perform database operations including creating, retrieving, updating, and deleting records with MySQL.
  • Use Axios to communicate between the Vue.js frontend and Laravel backend.

Course content

15 sections15 lectures3h 38m total length
  • Introduction6:16

    In this course, you'll learn how to build a complete CRUD (Create, Read, Update, Delete) application using Vue 3 and Laravel 12. Whether you're a beginner looking to learn full-stack web development or an aspiring developer wanting to improve your skills, this course will guide you step-by-step through the entire development process.

Requirements

  • Familiarity with the fundamentals of PHP will be helpful but is not required.

Description

Build Vue 3 & Laravel 12 CRUD Full-Stack Application

Have you ever wanted to build a complete full-stack web application using one of the most popular frontend frameworks and one of the most powerful PHP frameworks?

In this hands-on course, you'll learn how to build a modern CRUD (Create, Read, Update, Delete) application from scratch using Vue 3 for the frontend and Laravel 12 for the backend. Rather than focusing only on theory, this course is entirely project-based, allowing you to gain practical experience by building a real-world application step by step.

Throughout the course, you'll learn how the frontend and backend communicate through RESTful APIs, how to manage data in a MySQL database, and how to create responsive user interfaces that provide a smooth user experience.

Whether you're looking to strengthen your full-stack development skills, build your portfolio, or prepare for real-world software development projects, this course provides a solid foundation.

What you'll build

By the end of this course, you will have built a complete CRUD application that allows users to:

  • Create new records

  • Display records from a database

  • Edit existing records

  • Delete records

  • Connect a Vue 3 frontend with a Laravel 12 backend

  • Perform database operations using MySQL

  • Consume RESTful APIs using Axios

  • Build a clean and responsive user interface

Technologies Covered

  • Vue 3

  • Laravel 12

  • PHP

  • Axios

  • MySQL

  • RESTful APIs

  • HTML5

  • Tailwind CSS

  • Visual Studio Code

  • XAMPP

  • Composer

Why Take This Course?

This course focuses on practical learning by building a complete project from scratch. Every lesson is designed to help you understand not only how to write the code but also why each step is important.

By following along and completing the project, you'll gain valuable experience that you can apply to your own applications and include in your developer portfolio.

Who This Course Is For

  • Beginners who want to learn full-stack web development.

  • Students interested in Vue 3 and Laravel.

  • Frontend developers who want to learn backend integration.

  • PHP developers looking to modernize their development workflow.

  • Anyone who learns best by building real-world projects.

Requirements

  • Basic knowledge of HTML, CSS, and JavaScript.

  • Basic understanding of PHP is helpful but not required.

  • A computer running Windows, macOS, or Linux.

  • A willingness to learn by building practical projects.

Who this course is for:

  • Beginners who want to learn how to build full-stack web applications using Vue.js and Laravel.