Load Table Data with Vue.js 3 Composition API Pagination with External Package

Eloquent API Resources to Transform Data

Commit for this lesson: https://github.com/LaravelDaily/Laravel-Vue3-CRUD-Course-2022/commit/29ff7523a8999de458bf334d2cef7be83a5e023c

Load Table Data with Vue.js 3 Composition API Pagination with External Package

Course Content

Intro

01 What's Inside The Course

Installation

02 Install Laravel + Vue: Load First Vue.js Component

03 npm run watch: Re-Compiling JS and Tailwind

Our First Vue.js Page: Datatable with Laravel API

04 Load Table Data from API: v-for and axios.get()

05 Load Table Data with Vue.js 3 Composition API

06 Eloquent API Resources to Transform Some Fields

07 Pagination with External Package

08 Category: API Resource with Relationship and Debugging Session

09 Dropdown of Categories: Second Composable

10 Category Dropdown: Filtering Data

11 Ordering Data by Clicking Column Titles

Multiple Pages: Routing in Vue.js

12 Routing: Navigation Links and Posts Create Page

13 Laravel Routing Fix: "Catch" All Vue.js Routes

14 Vue.js Routing: Route Names and Separate File

15 Vue.js Routes: Meta Title in Global Layout

Full CRUD of Posts

16 Post Create Form with Categories Dropdown

17 Form Submit: Storing the Data

18 Validation Errors: Catching and Showing Them

19 Processing the Form: Loading Indicator

20 File Upload Example

21 Post Edit Form: Route with Parameter

22 Post Update: Form Submit with Debugging

23 SweetAlert for Screen Alert Notifications

24 Delete Post with Confirmation Modal

25 Extra Table Filters: Column and Global Filters

Login and Permissions: Authentication and Authorization

26 Two Layouts: Authenticated and Guest

27 Login Form and First Authentication

28 Login Cleanup and Laravel Sanctum Protection

29 Show User Data and Logout

30 Permissions, Roles and Gates: Securing the Back-End

31 Permissions Front-end: Vue CASL and v-if for Links