|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-livewire-from-scratch/
课程评论：没有评论
课程名称：从零开始学习 Livewire V3：实用课程 课程概述：本课程将通过构建多个实际项目，实用地学习 Laravel Livewire v3（用于在不离开 PHP 的情况下构建强大动态前端用户界面的工具）以及 Laravel（通常使用 TALL 堆栈）。我们将涵盖以下项目： 1. **Livewire 基础** - 学习 Livewire 的基础及一些核心特性。 - 包括组件定义、属性和操作、生命周期钩子和全页组件的使用等。 2. **构建简单的学生管理系统** - 创建一个简单的 CRUD 应用，深入构建 CRUD 应用的基础。 - 安装 Laravel 和 Livewire，并学习相关功能如生命周期钩子、表单对象提取、数据填充和 SPA 体验。 3. **构建高性能数据表** - 学习如何制作有趣的数据表，包括导出 Excel、过滤功能和批量记录选择等。 - 还将实现加载指示器、搜索、列排序和批量操作等功能。 4. **构建可重用的评论系统** - 创建一个可用于多个模型的评论组件，利用多态关系进行实现。 - 包括评论编辑、删除、回复功能和前后端授权检查。 5. **构建多步骤表单** - 学习创建多步骤表单的基本知识，包括步骤导航、状态访问和构建实际项目。 - 涉及图像上传和状态相关问题的解决。 6. **使用 Laravel、Livewire 和 Reverb 构建实时应用** - 集成 Laravel 与 Reverb 构建实时应用，包括用户输入事件显示和在线用户列表功能。 本课程旨在通过实践学习，使学生能够掌握使用 Laravel Livewire 及其相关技术构建动态 web 应用的能力。
In this course, we will be Learning Laravel Livewire v3 (A tool to build Powerful, dynamic, front-end UIs without leaving PHP) along with Laravel (TALL stack in general) in a practical way by building multiple practical projects along the way.Projects Roadmap and Status:[Uploaded] Livewire Basics[Uploaded] Building a Simple Student's Management System[Uploaded] Building Amazing and Performant data tables with the TALL Stack[Uploaded] Building a re-usable Comments System with Livewire[Uploaded] Building Multi-Step Forms with Livewire[Uploaded] Building a Re-Usable drag and drop Uploader[Uploaded] Building real-time applications with Laravel, Livewire and ReverbProject Description:[Uploaded] Livewire BasicsIn this section, we'll look into the basics of Livewire and some of the fundamental features Livewire provides.Some of the topics we'll cover in this section include:Learn how to Define Components in LivewireLook into Properties and Actions in Livewire and their general use cases.Learn about Lifecycle Hooks in Livewire and their conventions.Learn about Full Page Components in Livewire, how to use them, and some issues we might face. (these eliminate the use of Laravel Controllers and intermediate views)A gentle introduction to Alpine.js and how to use it in Livewire/Blade[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 Livewire and the TALL Stack, we'll start by installing Laravel and then set up Livewire along with Laravel Breeze installation, and we will learn the following topics along the way:Learn about Lifecycle hooks and Build dependent dropdowns in LivewireLearn how to extract properties and methods to a Form Object and use it in a Livewire ComponentLearn how to work with Factories and Seeders in Laravel, and seed the necessary data for all of our ModelsLearn about the new #[Rule] attribute syntax in Livewire and implement Validations.Learn about wire:navigate and implement SPA kind of experience in a Livewire-based app.Look into the issues we might face while using dedicated form objects, and eventually fix all of them.[Uploaded] Building Performant data tables with the TALL StackWe'll continue from where we left off in the previous section and build an interesting data table in this section.This includes Excel Exports, Filtering Functionality, Bulk Records Selection, Loading Indicators etc.Some of the features that we'll cover in this section are listed below:Learn how to Implement Loading Indicators (while paginating data or while performing any operation)Learn how to Implement Search functionality (supporting multi-column searching)Learn how to Implement Columns Sort functionality (supports multi-column sorting)Learn how to implement Bulk Actions (a feature to select multiple rows and perform group action on all of them)Learn how to implement Excel ExportsWe'll also learn how to install and configure the Filament Notifications package to display notifications.We'll also implement Selecting all the records (across all the pages), and make the necessary visual changes.Learn how to Implement Filter Functionality And many more...[Uploaded] Building a re-usable Comments System with LivewireIn this Section, we'll be building a re-usable Comments Component that instantly works for any model. We'll use polymorphic relationships, which can be attached to multiple models.Some of the features that we'll cover in this section are listed below:Learn how to build a re-usable Comments Component that supports multiple models along with Comment Edit, Delete, and Reply Functionality.Learn how to implement proper authorization checks (on both frontend and backend) so that only the authorized user can delete the comment.We'll sprinkle in Alpine.js to make our Livewire Component more interactive (like showing reply/edit forms, applying transitions etc.)We'll also learn how to automatically focus the reply/edit forms when it is rendered in the form. (using Alpine.js)We'll also implement replying to Comments, Editing Comments/Replies, Deleting Comments and RepliesLearn how to properly paginate the comments and fix a few issues along the way.At the end, we'll look at how to optimize our database queries using eager loading strategies.[Uploaded] Building Multi-Step Forms with LivewireIn this section, We'll learn about everything we need to build multi-step forms in Livewire. We'll cover the basics of creating a multi-step form, adding steps, navigating steps and accessing state, and building a practical project at the end of the Section.Some of the features that we'll cover in this section are listed below:Learn how to navigate between the steps of the multi-step form seamlessly, we'll also implement proper Validations along the way.We'll use a Laravel package dedicated to building multi-step forms in this section, and build features on top based on our needs.Learn how to work with Image Uploads and fix state-related issuesLearn how to define a configurable navigation component to show the state of the Multi-Step Component.Finally, we'll build a fully working practical example with more advanced step navigation, file uploads, and custom state.[Uploaded] Building real-time applications with Laravel, Livewire and ReverbLearn how to Integrate Laravel with Reverb to build Real-Time ApplicationsLearn how to display user typing events using Whisper and Client-to-Client communicationLearn how to use presence channels to show online users for each roomLearn how to use Flexbox tricks to keep messages scrolled into view as they roll inSeeding databases in Order Listening for Broadcasted events from the backend and reacting to them accordingly in LivewireWe'll also learn how to listen for users leaving or joining events and add/remove them from the online user list
