Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Vue.js 3 + Laravel 9 SPA: CRUD with Auth
Intro
What's Inside The Course (2:27)
Installation
Install Laravel + Vue: Load First Vue.js Component (8:00)
npm run watch: Re-Compiling JS and Tailwind (3:25)
Our First Vue.js Page: Datatable with Laravel API
Load Table Data from API: v-for and axios.get() (7:25)
Load Table Data with Vue.js 3 Composition API (5:00)
Eloquent API Resources to Transform Some Fields (4:03)
Pagination with External Package (5:58)
Category: API Resource with Relationship and Debugging Session (6:06)
Dropdown of Categories: Second Composable (5:00)
Category Dropdown: Filtering Data (4:27)
Ordering Data by Clicking Column Titles (7:56)
Multiple Pages: Routing in Vue.js
Routing: Navigation Links and Posts Create Page (6:55)
Laravel Routing Fix: "Catch" All Vue.js Routes (1:36)
Vue.js Routing: Route Names and Separate File (4:08)
Vue.js Routes: Meta Title in Global Layout (2:33)
Full CRUD of Posts
Post Create Form with Categories Dropdown (3:40)
Form Submit: Storing the Data (7:09)
Validation Errors: Catching and Showing Them (4:01)
Processing the Form: Loading Indicator (3:10)
File Upload Example (4:51)
Post Edit Form: Route with Parameter (6:25)
Post Update: Form Submit with Debugging (3:17)
SweetAlert for Screen Alert Notifications (3:20)
Delete Post with Confirmation Modal (5:04)
Extra Table Filters: Column and Global Filters (9:07)
Login and Permissions: Authentication and Authorization
Two Layouts: Authenticated and Guest (4:44)
Login Form and First Authentication (8:34)
Login Cleanup and Laravel Sanctum Protection (4:38)
Show User Data and Logout (6:24)
Permissions, Roles and Gates: Securing the Back-End (8:59)
Permissions Front-end: Vue CASL and v-if for Links (8:14)
Form Submit: Storing the Data
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock