Chia Sẻ Khóa Học Laravel 11 Với Inertia.js Và Vue 3 - Hướng Dẫn Thực Hành [Khóa 6695 A]
Hướng dẫn tối ưi để xây dựng các Single Page Application với Laravel 11, Vue 3 và Inertia | Xây dựng các Project thực tế.
Bạn sẽ học được gì:
- ✓ Tìm hiểu cách xây dựng các Single Page Application bằng Laravel 11, Inertia và Vue 3.
- ✓ Tìm hiểu cách triển khai Roles và Permissions trên Ứng dụng dựa trên Inertia (Không sử dụng bất kỳ package bên ngoài nào).
- ✓ Tìm hiểu cách Build dependent dropdowns trong Laravel và Vue.
- ✓ Tìm hiểu cách Build Data-tables bằng Laravel, Inertia và Vue.
- ✓ Tìm hiểu cách build một Multiple Drag & Drop File Uploading và Processing với Laravel/Inertia/Vue.
- ✓ Tìm hiểu cách Triển khai Translations trong ứng dụng dựa trên Inertia.
Trong khóa học này, chúng ta sẽ tìm hiểu Inertia.js (Một công cụ để xây dựng các single-page app mà không cần tạo bất kỳ API nào) cùng với Vue.js một cách thực tế bằng cách xây dựng nhiều project thực tế trong quá trình thực hiện.
Inertia đóng vai trò là giải pháp, kết nối liền mạch Laravel dưới dạng một backend với một Frontend Framework (React/Vue/Svelte), cho phép chúng ta xây dựng mọi thứ trong một ứng dụng (monolith) trong khi đạt được kết quả tương tự. Phần tốt nhất? Chúng tôi không phải tạo API.
Lộ trình và trạng thái các Project:
- ✓ [Đã tải lên] Tìm hiểu Inertia.
- ✓ [Đã tải lên] Flexible Flash Notifications với Inertia.
- ✓ [Đã tải lên] Xây dựng một hệ thống quản lý sinh viên đơn giản.
- ✓ [Đã tải lên] Triển khai Roles/Permissions trong các ứng dụng dựa trên Inertia.
- ✓ [Đã tải lên] Multiple Drag & Drop File Uploading và Processing với Inertia.
- ✓ [Đang tiến hành] Translations với Laravel và Inertia.
- ✓ [Đang tiến hành] Infinite Scrolling với Inertia.
Mô tả Các Project:
1. [Đã tải lên] Tìm hiểu Inertia:
Trong phần này, chúng ta sẽ tìm hiểu những kiến thức cơ bản về Inertia và một số tính năng nền tảng của Inertia.js.
Một số chủ đề chúng tôi sẽ đề cập trong phần này bao gồm:
- ✓ Tìm hiểu cách set up Laravel với Inertia và Vue Stack.
- ✓ Tìm hiểu cách Format dữ liệu với API Resources.
- ✓ Tìm hiểu về cách làm việc với forms và hiển thị các lỗi xác thực.
- ✓ Tìm hiểu cách preserve scroll behavior và preserve state của page.
- ✓ Tìm hiểu cách triển khai Manual Visits và Partial Reloads trong Inertia.
- ✓ Tìm hiểu cách triển khai Authorization checks (trên cả frontend và backend).
- ✓ Tìm hiểu cách Tùy chỉnh các trang default Error và render Custom Inertia Pages (trang 403, 404, 419).
- ✓ Tìm hiểu cách hiển thị Flash Notifications trong Inertia/Vue.
- ✓ Tìm hiểu cách Thiết lập page titles và meta tags.
2. [Đã tải lên] Flexible Flash Notifications với Inertia:
Trong Phần này, chúng ta sẽ tìm hiểu cách xây dựng tính năng flexible flash notifications trong Inertia.
Đến cuối phần này, chúng ta sẽ có khả năng hiển thị bất kỳ loại thông báo nào, ở bất kỳ đâu trong ứng dụng của chúng ta mà không cần lặp lại bất kỳ code nào.
3. [Đã tải lên] Xây dựng một hệ thống quản lý sinh viên đơn giản:
Trong phần này, chúng ta sẽ xây dựng một ứng dụng CRUD đơn giản và đi sâu vào các nền tảng của việc xây dựng các ứng dụng CRUD với Laravel, Inertia và Vue Stack, đồng thời chúng ta sẽ tìm hiểu các chủ đề sau trong quá trình này:
- ✓ Tìm hiểu về Watchers trong Vue.js và Build dependent dropdowns trong Inertia/Vue.
- ✓ Tìm hiểu cách làm việc với Factories và Seeders trong Laravel, đồng thời tạo dữ liệu cần thiết cho tất cả các Model của chúng ta.
- ✓ Tìm hiểu cách sử dụng một Re-usable Vue Component để hiển thị các thông báo xác thực.
- ✓ Tìm hiểu cách triển khai Server Side Pagination từ đầu.
- ✓ Tìm hiểu cách triển khai Search Functionality trong một Inertia/Vue Data-table.
4. [Đã tải lên] Triển khai Roles/Permissions trong các ứng dụng dựa trên Inertia:
Chúng ta sẽ tiếp tục từ phần chúng ta đã dừng lại ở phần trước và triển khai chức năng Roles và Permissions mà không cần sử dụng bất kỳ plugin bên ngoài nào.
Một số tính năng mà chúng tôi sẽ đề cập trong phần này được liệt kê bên dưới:
- ✓ Triển khai Roles CRUD.
- ✓ Triển khai Authorization/Gate Checks trong suốt dự án (trên cả frontend và backend).
5. [Đã tải lên] Multiple Drag & Drop File Uploading và Processing với Inertia:
Trong phần này, chúng tôi sẽ xây dựng một multiple-file chunked uploader trong Inertia/Vue với khả năng pause, resume, và cancel upload.
Và tìm hiểu những điều sau:
- ✓ Tìm hiểu cách chỉnh sửa metadata (như title và description) cho mỗi lần upload - ngay cả khi chúng đang tải lên và đang xử lý.
- ✓ Tìm hiểu cách xếp hàng và xử lý các tệp đã tải lên trên Backend.
- ✓ Tìm hiểu cách Báo cáo cho client về các progress update bằng cách sử dụng Laravel Reverb.
- ✓ Và nhiều cái khác nữa...!
6. [Đang tiến hành] Translations với Laravel và Inertia:
Localization rất dễ dàng trong các ứng dụng Laravel, nhưng điều gì sẽ xảy ra khi bạn cần đưa nó đến client side? Hóa ra trong Inertia, nó khá đơn giản.
Trong khóa học này, chúng ta sẽ xây dựng một language switcher, chia sẻ bản dịch với client và xây dựng một translation helper đơn giản để Vue sử dụng trực tiếp trong các template. Chúng tôi cũng sẽ đề cập đến các caching translation để giúp mọi thứ hoạt động trơn tru.
7. [Đang tiến hành] Infinite Scrolling với Inertia:
Trong phần này, chúng ta sẽ tạo một loạt dữ liệu cho cơ sở dữ liệu của mình và bắt đầu xây dựng solution, đồng thời refactoring cho đến khi hoàn thiện nó.
Khóa học này dành cho ai:
- ✓ Những học viên muốn xây dựng các ứng dụng Monolith (SPA) bằng Laravel và InertiaJS.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU
Chia sẽ bài viết lên:
Nhà Sách Tin Học
Chào mừng các bạn đến với Blog Nhà Sách Tin Học. Thông qua Blog này mình muốn chia sẻ đến các bạn những kiến thức về tin học, các tài liệu hay giáo trình mà mình có hoặc siêu tầm được... Mình rất mong được sự ủng hộ nhiệt tình của các bạn bằng cách comment bài viết, chia sẻ bài viết hoặc liên hệ với mình qua blog này! Mình xin cảm ơn!
No Comment to " Chia Sẻ Khóa Học Laravel 11 Với Inertia.js Và Vue 3 - Hướng Dẫn Thực Hành [Khóa 6695 A] "