|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-inertiajs-using-laravel-and-vue/
课程评论：没有评论
**课程名称：** 使用 Laravel 和 Vue 学习 Inertia.js **课程概述：** 本课程是一门全面的教程，从零开始讲解 Inertia.js 的工作原理，以及如何将其与 Laravel 和 Vue 3 集成。课程基于 VILT 技术栈。 **课程内容：** **第一部分：Inertia.js 基础** * Laravel 安装 * Inertia.js 服务器端设置 * Inertia.js 客户端设置 * 使用 Inertia Link 进行路由 * 在 Vue 应用中使用 Laravel 路由 * 数据共享 * 进度指示器 * Breeze 安装与概述 **第二部分：构建单页应用 (SPA)** * 创建 UI 组件 * 分页 * 使用组件生成 Inertia 链接 * 表单助手 * 表单属性（如 hasErrors, processing, clearErrors, reset） * Flash 消息 * 重定向 * CRUD 操作 **第三部分：Inertia.js 高级主题** * 局部刷新 (Partial Reload) * Inertia 访问 (Inertia Visit) * 滚动管理 (Scroll Management) * 保留状态 (Preserve State) * 授权 * 支持排序的表格组件 * 条件滚动 * 活动链接 * 错误处理 * 图片上传 **第四部分：构建仪表盘** * 使用 Inertia.js 构建仪表盘 * 使用 Chart.js 显示多个图表 * 利用局部刷新实现组件间的交互 **课程特色：** * **实战导向：** 课程结合实际项目进行讲解，帮助学习者轻松理解概念。 * **真实项目：** 课程中将构建一个完整的项目，展示最佳实践和开发思路。 * **源码提供：** 每节视频提供代码文件，同时分享整个项目的 GitHub 仓库供参考。
This is a comprehensive Course which describes from Scratch as to how InertiaJs works and how to integrate it with Laravel and Vue3. The Course is based on VILT Stack. The Course is currently divided into 4 Sections. In the first section, we will understand the Basics of InertiaJs. Some of the topics that we will cover in the initial section include:Installing LaravelInertiaJs Server Side SetupInertiaJs Client Side SetupRouting using Inertia LinkUsing Laravel Routes in Vue ApplicationSharing DataProgress IndicatorInstalling BreezeBreeze OverviewIn the 2nd section, we will start building our SPA. We will cover all the CRUD Functionality. In doing so we will cover following topics:Creating UI ComponentsPaginationUsing Component to generate Inertia LinksForm HelperForm Properties like hasErrors, processing, clearErrors, reset,Flash MessagesRedirectCRUD OperationsIn Section 3, we will cover some advanced Topics related to InertiaJs to enhance our SPA. Some of the topics that we will cover are:Partial ReloadInertia VisitScroll ManagementPreserve StateAuthorization Table Component to support SortingConditional ScrollingActive LinkError HandlingUpload ImageIn the Section 4, we are going to build our Dashboard. Building a Dashboard using InertiaJS is a bit different from building a Dashboard in a typical Vue App. we will be displaying multiple charts displayed using Chart.js. We will also use Partial Reload so that we can interact with different Components of the Dashboard.Real World Examples are followed while explaining these concepts so that you can easily related to them. LIVE Project is being built so that you can follow the thought process and learn the best practices.Code Files at the end of each Video as well as the Github Repo of the whole Project is shared for the reference.
