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.com

laraveldaily.com thumbnail
My name is Povilas Korop, and I’m main author of Laravel Daily, since 2015. As a Laravel web-developer, I deal with a lot of small things here and there. Daily. And I decided to share them with the world, also daily. So Laravel Daily project has a goal of helping developers to learn some new Laravel trick (or remember an old one) every day.

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