
在 Breeze 和 TailwindCss 的帮助下使用 InertiaJs 构建 SPA
这是一门综合课程,从头开始描述 InertiaJs 的工作原理以及如何将其与 Laravel 和 Vue3 集成。该课程基于 VILT Stack。
该课程目前分为 3 个部分。在第一部分中,我们将了解 InertiaJs 的基础知识。我们将在初始部分涵盖的一些主题包括:
安装 Laravel
InertiaJs 服务器端设置
InertiaJs 客户端设置
使用惯性链接路由
在 Vue 应用程序中使用 Laravel 路由
共享数据
进度指示器
安装微风
微风概览
在第二部分,我们将开始构建我们的 SPA。我们将涵盖所有 CRUD 功能。为此,我们将涵盖以下主题:
创建 UI 组件
分页
使用组件生成惯性链接
表单助手
表单属性,如 hasErrors、processing、clearErrors、reset、
快讯
重定向
CRUD 操作
在第 3 节中,我们将介绍一些与 InertiaJs 相关的高级主题,以增强我们的 SPA。我们将涵盖的一些主题是:
部分重装
惯性访问
卷轴管理
保留状态
授权
支持排序的表格组件
条件滚动
活动链接
错误处理
上传图片
在解释这些概念时遵循真实世界示例,以便您可以轻松地将它们关联起来。正在构建 LIVE 项目,以便您可以遵循思考过程并学习最佳实践。
每个视频末尾的代码文件以及整个项目的Github Repo共享以供参考。
Genre: eLearning | MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.24 GB | Duration: 3h 11m
Build SPA using InertiaJs with the help of Breeze and TailwindCss
What you’ll learn
Learn to build a SPA using Laravel, Vue, Inertial and Tailwind (VILT)
Learn how to Integrate InertiaJs with Laravel
Description
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 3 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 Laravel
InertiaJs Server Side Setup
InertiaJs Client Side Setup
Routing using Inertia Link
Using Laravel Routes in Vue Application
Sharing Data
Progress Indicator
Installing Breeze
Breeze Overview
In 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 Components
Pagination
Using Component to generate Inertia Links
Form Helper
Form Properties like hasErrors, processing, clearErrors, reset,
Flash Messages
Redirect
CRUD Operations
In 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 Reload
Inertia Visit
Scroll Management
Preserve State
Authorization
Table Component to support Sorting
Conditional Scrolling
Active Link
Error Handling
Upload Image
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.
Who this course is for:
Laravel Developers looking to learn InertiaJs
原创文章,作者:steven,如若转载,请注明出处:https://rr3d.cn/15756.html