CF

Vue.js + Laravel: CRUD with SPA

1h 50m 29s
English
Paid

Este curso é essencial para desenvolvedores full-stack que desejam aproveitar ao máximo um framework JS junto com o Laravel como API. A demanda por desenvolvedores com esse conjunto de habilidades está em constante crescimento.

O que você irá aprender

Neste curso, vamos criar uma aplicação prática para gerenciar registros em uma tabela. Durante o desenvolvimento, você aprenderá:

  • Como integrar Vue.js em um projeto Laravel
  • Compilação de assets do Vue.js
  • Trabalho com componentes Vue
  • Como implementar a paginação
  • Roteamento com Vue como SPA, substituindo o roteamento Laravel
  • Envio de solicitações Axios - métodos get, post, put, delete e uso de parâmetros
  • Uploads de arquivos no Vue.js
  • Uso da biblioteca Sweet Alert para notificações

E muito mais para aprimorar suas habilidades de desenvolvimento!

About the Author: LaravelDaily

LaravelDaily thumbnail

LaravelDaily is the long-running PHP / Laravel teaching brand of Povilas Korop, one of the most prolific Laravel content creators on the open web. The site has been publishing daily Laravel content for over a decade and now operates a paid course catalog plus the LaravelDaily YouTube channel and a popular weekly newsletter.

The CourseFlix listing carries five LaravelDaily courses covering Laravel project structure, REST API construction, advanced Eloquent ORM patterns, SOLID-principles application in Laravel, and the Laravel + Vue full-stack stack. Material is paid and aimed at Laravel developers ready to move past the framework basics into the patterns that show up in real production codebases.

Watch Online 20 lessons

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

Related courses

Frequently asked questions

What prerequisites should I have before enrolling in this course?
Before enrolling in this course, it is recommended to have a basic understanding of JavaScript, as well as familiarity with the Laravel framework. Experience with Vue.js will be beneficial, although not strictly necessary, as the course will cover Vue.js integration in a Laravel project from the ground up.
What kind of projects will I build during the course?
During the course, you will build a single-page application (SPA) for managing records in a table. This involves creating components, implementing pagination, and managing file uploads using Vue.js, all integrated within a Laravel back-end API. The project will also cover routing and form validation techniques.
Who is the target audience for this course?
This course is targeted at full-stack developers who are interested in integrating Vue.js with Laravel to build efficient SPAs. Developers looking to enhance their skills in creating CRUD applications using modern JavaScript frameworks and Laravel's back-end capabilities will find this course particularly useful.
How does this course differ in depth and scope compared to similar courses?
This course provides a focused approach on integrating Vue.js as a front-end framework with Laravel as a back-end API. Unlike other courses that may focus solely on Vue.js or Laravel, this course emphasizes the interaction between the two, including routing with Vue, file uploads, and Axios requests, offering a practical, project-based learning experience.
What specific tools or libraries will be used in this course?
The course utilizes several specific tools and libraries, including Vue.js for front-end development, Laravel as the back-end framework, and Axios for sending HTTP requests. Additionally, Laravel Mix is used for compiling assets, and Sweet Alert is employed for implementing notifications.
What topics are not covered in this course?
The course does not cover advanced topics in either Laravel or Vue.js that are beyond the scope of building a CRUD SPA. It focuses on the basics of integrating these technologies, so more complex features of Laravel or advanced Vue.js functionalities like Vuex state management are not addressed.
What is the expected time commitment for this course?
The course consists of 20 lessons, each designed to be concise and focused on specific aspects of building a CRUD SPA. The total runtime is not specified, but students should expect to dedicate additional time for practicing the concepts and completing the project exercises outside of the lessons.