|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/collaborative-whiteboard-2023-with-react-canvas-and-socketio/
课程评论：没有评论
**课程名称：** 协作白板：基于 React Canvas 和 SocketIO **课程概述：** 本课程将带您从零开始，一步步构建一个功能强大的协作白板应用。您将深入掌握 React、Redux、JavaScript 等核心技术，并学会如何在 React 中运用 HTML Canvas 进行绘图。通过 SocketIO，我们将实现实时协作功能，让用户能够共享操作，体验多人在线白板的乐趣。课程最终还将添加所有连接用户光标的追踪系统。 **您将学到：** * 从零开始创建 React 应用 * 使用 Redux 进行状态管理 * 在 React 应用中集成 HTML Canvas * 处理鼠标事件以创建图形 * 利用 Hooks 管理 Canvas 状态 * 创建矩形、线条、自由绘制和文本 * 实现元素移动和缩放功能 * 搭建 SocketIO 服务器 * 通过 SocketIO 实现 Canvas 操作的实时共享 * 实现所有连接用户光标的共享 **适合人群：** * 希望从零开始学习构建精彩项目的初学者 * 想要学习在 Canvas 上绘制基础图形的开发者 * 希望通过 SocketIO 与他人实时共享操作的开发者 * 对在 React 中使用 Canvas 感兴趣的开发者 * 想要学习如何在 React 应用中添加 HTML Canvas 的开发者
Let's create amazing Application - Collaborative Whiteboard. Course is designed in the practical way. We will start from scratch and finish with complete application. Main goal of this course is to play with technologies like React, Redux, JavaScript, SocketIO and learn how to work with HTML Canvas in React. Thanks to SocketIO we will add some realtime effects to our application. We will share our moves with other Users which will give us effect of Collaborative Whiteboard. At the end we will add tracking system for Cursors of all connected users to our App. What we will learn through the course:Creating React Application from scratchWorking with Redux State ManagementAdding HTML Canvas to React ApplicationHandle Mouse Events to create new shapesUse hooks to manage state of the CanvasCreating Rectangles, Lines, Freehand drawings and TextAdding functionality of moving and resizing elementsCreating SocketIO ServerEXTRA Collaborative part of sharing our actions on canvas with other UsersSharing cursors with all connected usersWho this course is for:New beginners to create amazing projectAnyone who wants to learn how to create basics shapes on CanvasAnyone who wants to learn how to share your actions with other users thanks to SocketIOAnyone who wants to work with Canvas in ReactAdding HTML Canvas to React Application
