|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/laravel-with-inertia-and-react/
课程评论：没有评论
课程名称：Laravel 11与Inertia.js和React的实用指南 课程概述：在本课程中，我们将通过构建多个实际项目的方式学习Inertia.js（一个构建单页应用而无需创建API的工具）及React.js。Inertia作为解决方案，能够无缝地将Laravel与前端框架（React/Vue/Svelte）连接起来，使我们能够在一个应用程序中构建一切（单体应用），而最终实现相同的效果。更重要的是，我们无需创建API。 项目路线图和状态： - [已上传] 学习Inertia - [已上传] 使用Inertia的灵活闪动通知 - [已上传] 自定义Inertia中的错误页面 - [已上传] 构建一个简单的学生管理系统 - [已上传] 在基于Inertia的应用中实施角色/权限 - [已上传] Inertia中的无限滚动 - [已上传] 与Laravel和Inertia的翻译 项目描述： - 学习Inertia：掌握Inertia的基础和基本特性，内容包括如何设置Laravel与Inertia和React的栈，如何格式化API资源，如何处理表单和显示验证错误，如何保持滚动行为和页面状态等。 - 灵活闪动通知：构建Inertia中灵活的闪动通知功能，使应用程序能够在任何地方闪现任何类型的通知。 - 自定义错误页面：学习如何自定义Laravel中的默认错误页面，以及如何在应用中返回Inertia响应并渲染不同类型的错误。 - 构建简单的学生管理系统：通过构建CRUD应用，掌握使用Laravel、Inertia和React栈构建CRUD应用的基本知识。 - 实施角色/权限：实现角色和权限功能，无需使用外部插件，涵盖角色CRUD和授权/门控检查等。 - 与Laravel和Inertia的翻译：构建语言切换器，共享翻译给客户端，并在React组件中直接使用的简单翻译助手。 - Inertia中的无限滚动：使用Inertia的路由加载额外数据，并通过Axios优化无限滚动流程。 本课程适合希望深入了解Laravel、Inertia.js和React的开发者，提供了实用的技能与项目经验，帮助学生在实际应用中掌握相关知识。
In this course, we will be Learning Inertia.js (A tool to build single-page apps, without creating any APIs) along with React.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] Infinite Scrolling with Inertia[Uploaded] Translations with Laravel and 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 React 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/ReactLearn 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 type of 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 React 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 React Stack, and we will learn the following topics along the way:Learn how to Build dependent dropdowns in Inertia/ReactLearn 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 React Component to display validation messages.Learn how to Implement Server Side Pagination from scratch.Learn how to Implement Search Functionality in an Inertia/React Data-table.Learn how to Implement filters in an Inertia/React 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.Implement Authorization/Gate Checks throughout the project (on both frontend and backend)[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 to use directly in React components. 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.
