|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/laravel-with-inertia-and-vue/
课程评论：没有评论
课程名称：Laravel 11 与 Inertia.js 和 Vue 3 实用指南 课程概述： 本课程将通过构建多个实用项目，实用地学习 Inertia.js（一个无需创建 API 即可构建单页面应用的工具）及 Vue.js。Inertia.js 为 Laravel 提供了解决方案，能够将其作为后端与前端框架（React/Vue/Svelte）无缝连接，使我们能够在同一应用程序中构建一切（单体应用），同时实现相同的效果。最棒的是？我们无需创建 API。 项目路线图与状态： - 已上传：学习 Inertia - 已上传：灵活的闪存通知与 Inertia - 已上传：自定义 Inertia 错误页面 - 已上传：构建简单的学生管理系统 - 已上传：在基于 Inertia 的应用中实现角色/权限 - 已上传：使用 Inertia 实现多文件拖放上传与处理 - 已上传：与 Laravel 和 Inertia 进行翻译 - 已上传：与 Inertia 实现无限滚动 项目描述： 1. **学习 Inertia**：了解 Inertia 的基础知识，包括设置 Laravel 和 Inertia/Vue 栈、数据格式化、表单处理、页面状态保持及授权检查等。 2. **灵活的闪存通知**：构建灵活的闪存通知功能，无需重复代码即可在应用的任何地方发送通知。 3. **自定义错误页面**：学习如何自定义默认错误页面，处理应用中的各种错误并返回 Inertia 响应。 4. **构建简单的学生管理系统**：学习如何使用 Laravel、Inertia 和 Vue 构建 CRUD 应用，包括实现服务器端分页和搜索功能。 5. **实现角色/权限**：在不使用外部插件的情况下实现角色和权限管理功能。 6. **多文件拖放上传与处理**：构建支持暂停、恢复和取消上传的多文件上传器，并学习如何管理文件元数据。 7. **与 Laravel 和 Inertia 的翻译**：构建语言切换器，分享翻译给客户端，并为 Vue 构建简单的翻译助手。 8. **无限滚动**：通过使用 Inertia 的路由加载额外数据，优化无限滚动流程。 本课程适合希望掌握 Laravel、Inertia.js 和 Vue.js 的开发者，通过实践项目提升自己的技能。
In this course, we will be Learning Inertia.js (A tool to build single-page apps, without creating any APIs) along with Vue.js in a practical way by building multiple practical projects along the way.Inertia serves as the solution, seamlessly connecting Laravel as a backend with a frontend Framework (React/Vue/Svelte), enabling us to build everything in one application (a monolith) while achieving the same outcome. The best part? We don't have to create an API.Projects Roadmap and Status:[Uploaded] Learn Inertia[Uploaded] Flexible Flash Notifications with Inertia[Uploaded] Customizing Error Pages in Inertia[Uploaded] Building a Simple Student's Management System[Uploaded] Implementing Roles/Permissions in Inertia-Based Applications.[Uploaded] Multiple Drag And Drop File Uploading and Processing with Inertia[Uploaded] Translations with Laravel and Inertia[Uploaded] Infinite Scrolling with InertiaProject Description:[Uploaded] Learn InertiaIn this section, we'll look into the basics of Inertia and some of the fundamental features of Inertia.js.Some of the topics we'll cover in this section include:Learn how to set up Laravel with Inertia and Vue Stack.Learn how to Format the data with API Resources.Learn about how to work with forms, and display validation errorsLearn how to preserve the scroll behavior, and preserve the state of the pageLearn how to implement Manual Visits and Partial Reloads in Inertia.Learn how to Implement Authorization checks (on both frontend and backend)Learn how to Customize the default Error pages and render Custom Inertia Pages (403, 404, 419 pages)Learn how to display Flash Notifications in Inertia/VueLearn how to Set up page titles and meta tags.[Uploaded] Flexible Flash Notifications with InertiaIn this Section, we'll learn how to build a flexible flash notifications feature in Inertia.By the end of the section, we'll have the ability to flash any notification, anywhere in our application, without repeating any code.[Uploaded] Customizing Error Pages in InertiaLearn how to Customize the default error pages in Inertia.We'll learn the following in this Section:Learn how to customize the default error pages in LaravelLearn how to return an Inertia Response whenever any error is encountered in our app.Learn how to render different types of errors by re-using the same vue component.Learn how to define a config to enable/disable the rendering of custom error pages[Uploaded] Building a Simple Student's Management SystemIn this section, we'll build a simple CRUD app and dive into the fundamentals of building CRUD applications with Laravel, Inertia, and the Vue Stack, and we will learn the following topics along the way:Learn about Watchers in Vue.js and Build dependent dropdowns in Inertia/VueLearn how to work with Factories and Seeders in Laravel, and seed the necessary data for all of our ModelsLearn how to use a Re-usable Vue Component to display validation messages.Learn how to Implement Server Side Pagination from scratch.Learn how to Implement Search Functionality in an Inertia/Vue Data-table.Learn how to Implement filters in an Inertia/Vue data table.[Uploaded] Implementing Roles/Permissions in Inertia-Based Applications.We'll continue from where we left off in the previous section and implement the Roles and Permissions functionality without using any external plugins.Some of the features that we'll cover in this section are listed below:Implement Roles CRUD.Manage Permissions related data for a specific role on Role Create/Edit PagesImplement Authorization/Gate Checks throughout the project (on both frontend and backend)[Uploaded] Multiple Drag And Drop File Uploading and Processing with InertiaIn this section, we'll build a multiple-file chunked uploader in Inertia/Vue with the ability to pause, resume, and cancel uploads.And learn the following along the way:Learn how to Integrate and Use Laravel Reverb in an Inertia/Vue Application.Learn how to edit metadata (like the title and description) for each upload - even while they're uploading and processing.Learn how to queue and process uploaded files on the BackendLearn how to report progress updates to the client using Laravel Reverb.And many more...[Uploaded] Translations with Laravel and InertiaLocalization is a breeze in Laravel applications, but what happens when you need to bring this to the client side? Turns out in Inertia, it's pretty simple.In this section, we'll build a language switcher, share translations with the client, and build a simple translation helper for Vue to use directly in templates. We'll also cover caching translations to keep things running smoothly.[Uploaded] Infinite Scrolling with InertiaIn this section, we'll seed our database with a bunch of data and start building the solution, we'll start by using Inertia's router to load additional data, and later we'll optimize the infinite scrolling flow by replacing the router with Axios.
