|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/building-realtime-web-apps-with-laravel-vue-and-reverb/
课程评论：没有评论
**课程名称：** 使用 Laravel、Vue 3 和 Reverb 构建实时 Web 应用 **课程概述：** 本课程将带您利用 Laravel Reverb 的强大功能，结合 Laravel 11、VueJS 3、Sanctum 和 Reverb，构建一个实时的帖子时间线应用程序。此外，我们还将使用 Pinia 进行状态管理。 **项目路线图与状态：** * [已上传] Laravel 与 Vue 3 及 Reverb 的设置指南 * [已上传] 构建实时帖子时间线项目 **项目描述：** * **“Laravel 与 Vue 3 及 Reverb 的设置指南”：** * 本节将深入讲解 Laravel 和 Vue 的基础知识，并完成两个项目的设置。 * **主要内容包括：** * 如何设置 Laravel Sanctum 以支持 SPA。 * 了解 Laravel 中广播的基础知识以及如何在前端 Vue 3 应用中进行设置。 * 配置前端应用的私有广播。 * 学习如何在 Vue 3 中使用 Composable。 * 实现的身份验证功能，如登录流程，并在页面重载时获取用户数据。 * **“构建实时帖子时间线项目”：** * 本节将重点构建一个实时帖子时间线项目，用户可以实时创建、查看和点赞帖子。此外，还将实现无限滚动功能。 * **主要内容包括：** * 创建帖子并广播事件以实时显示新创建的帖子。 * 显示服务器端驱动的验证错误。 * 用 Laravel 提供的 API 在 Vue 3 中实现无限滚动功能。 * 使用 Pinia 管理应用状态。 * 实现帖子的点赞功能，并广播“点赞”事件以实现实时互动。 * 实现帖子的编辑功能，并实现实时编辑功能。 * 还有更多其他主题。 **课程总结：** 本课程将教您如何使用 Laravel（结合 Sanctum 和 Reverb）和 Vue 3 (SPA) 构建实时的 Web 应用程序。您将学习如何配置 Laravel Sanctum（以及 Fortify）以服务前端 SPA，以及如何在 Laravel 中设置广播并在 Vue 3 应用中使用 Laravel Echo 监听事件。课程还将涵盖在 API/SPA 环境中配置和实现私有广播，以及使用 Intersection Observer API 在用户滚动到时间线底部时自动加载下一批帖子。您还将学习 Laravel 中的数据库填充技术，如何使用 API Resources，以及如何在前端响应后端广播的事件。所有这些前端状态将通过 Pinia 进行管理。 完成本课程后，您将构建一个功能丰富的实时时间线应用程序，充分展示您对前端和后端技术的理解，非常适合希望提升动态 Web 应用开发技能的有志开发者。
Using the power of Laravel Reverb, let's build a real-time post-timeline application with Laravel 11, VueJS 3, Sanctum, and Reverb, pulling in Pinia for state management.Projects Roadmap and Status:[Uploaded] A Guide to Setup Laravel with Vue 3 and Reverb[Uploaded] Let's Build a Realtime Post Timeline ProjectProject Description:[Uploaded] A Guide to Setup Laravel with Vue 3 and ReverbIn this section, we'll look into the basics of Laravel and Vue, by setting up both projects.Some of the topics we'll cover in this section include:Learn how to set up Laravel Sanctum to serve an SPA.Look into the basics of broadcasting in Laravel and our frontend Vue 3 app.We'll also configure private broadcasting in our front-end app.Learn how to use composable in Vue 3Learn how to implement authentication features like login flow, and grab the user data on reload.[Uploaded] Let's Build a Realtime Post Timeline ProjectIn this section, we'll build a real-time post timeline project, where the users can create posts, view all the posts, and like the posts, all of these interactions will be real-time, and we'll also implement an infinite scrolling feature.Some of the topics we'll cover in this section include:Learn how to create posts and broadcast that event to show the created post in real time.Learn how to display server-driven validation errors.We'll learn how to implement an infinite scrolling feature in Vue 3 with the API served by Laravel.We'll learn how to manage the state of our app using PiniaLearn how to like the posts and broadcast the Liked event to implement real-time functionalityLearn how to Edit the posts and implement real-time editing functionalityAnd many more topics.Course Summary:Building real-time applications with Laravel (with Sanctum, Reverb) and Vue 3 (SPA)Configuring Laravel Sanctum (along with Fortify) to serve a Frontend SPASetting up broadcasting in Laravel and listening for events in our Vue 3 app using Laravel EchoConfiguring and implementing private broadcasting in an API/SPA environmentUsing the Intersection Observer API to load the next chunk of posts automatically when the user scrolls to the bottom of the timelineLearn database seeding techniques in LaravelLearn how to use API Resources in LaravelLearn how to listen for Broadcasted events from the backend and react to them accordingly in the frontendAll of this state will be managed on the client side, using PiniaBy the end of this course, you will have built a feature-rich, real-time timeline application that showcases your understanding of front-end and back-end technologies, perfect for any aspiring developer looking to enhance their skills in dynamic web application development.
