【Udemy中英字幕】Collaborative Whiteboard with React Canvas and SocketIO

使用 React Canvas 和 SocketIO 实现协作白板

使用 React 和 SocketIO 创建协作白板应用程序。了解如何在 Canvas 上创建、移动和调整元素大小

讲师：Marek Gryszkiewicz

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 创建协作白板
• 在画布上显示数据
• 了解 HTML Canvas
• 调整画布上的元素大小
• 在画布上移动元素
• 借助 SocketIO 与其他用户分享你的操作
• 创建共享光标功能
• 处理鼠标事件
• 使用 React 创建 UI
• 从头开始创建 React 应用程序

探索相关主题

• 套接字输入输出
• Web 开发
• 发展

要求

• 基本编程知识
• JavaScript 知识

描述

让我们创建出色的应用程序–协作白板。课程以实用的方式设计。我们将从头开始，最终完成完整的应用程序。本课程的主要目标是使用React、Redux、JavaScript、SocketIO  等技术，并学习如何在React中使用HTML Canvas 。借助SocketIO，我们将为我们的应用程序添加一些实时效果。我们将与其他用户分享我们的动作，这将给我们带来协作白板的效果。最后，我们将为我们的应用程序添加所有连接用户的光标跟踪系统。

我们将通过本课程学习：

• 从头创建React应用程序

• 使用Redux状态管理

• 将HTML Canvas添加到React应用程序

• 处理鼠标事件来创建新形状

• 使用钩子来管理Canvas的状态

• 创建矩形、线条、手绘和文本

• 添加移动和调整元素大小的功能

• 创建SocketIO 服务器

• 与其他用户分享我们在画布上的动作的额外协作部分

• 与所有连接的用户共享光标

本课程适合哪些人：

• 新手也能创造令人惊叹的项目

• 任何想要学习如何在Canvas上创建基本形状的人

• 任何想要了解如何通过SocketIO与其他用户分享你的操作的人

• 任何想要在React中使用Canvas 的人

• 将HTML Canvas添加到React 应用程序

本课程适合哪些人：

• 想要学习如何创建协作白板的开发人员和学生