|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/building-real-time-chat-app-with-chat-engine-io-socket-io/
课程评论:没有评论
课程名称:使用 Chat Engine IO 和 Socket IO 构建实时聊天应用 课程概述:欢迎参加《使用 Chat Engine IO 和 Socket IO 构建实时聊天应用》课程。本课程是一个全面的项目驱动课程,通过一步步的指导,您将学习如何构建和设计一个像 WhatsApp 或 Facebook Messenger 一样的全功能实时聊天应用。我们将使用 JavaScript 编程语言和 WebSocket 技术实现实时信息传递,并利用 Chat Engine IO 这一聊天 API 来为您网站集成实时聊天功能。 在课程的介绍部分,您将学习 WebSocket 的基本原理,并了解即将构建的聊天应用项目的详细信息,讨论实时聊天应用的用例和主要功能。接下来,您将深入了解 WebSocket 的工作原理,特别是服务器和客户端之间的交互。 完成基础知识学习后,您将进入项目部分,首先会指导您如何设置开发环境 (IDE),我们将使用 VS Code。之后,您会学习如何注册 Chat Engine IO 账户并深入了解其文档。项目分为两个主要部分:第一部分使用 Chat Engine IO 构建实时聊天应用,第二部分则使用 Socket IO。 完成实时聊天应用的构建后,我们将进行应用测试,以确保其正常运行并具备友好的用户界面。本课程将重点关注功能性测试、用户体验测试、性能测试和兼容性测试四个主要测试目标。最后,课程结尾将讨论未来的增强功能和改进想法,例如添加端到端加密、屏幕共享、语音和视频通话功能。 在课程开始前,我们需要提出一个问题:为什么要构建实时聊天应用?虽然市场上已经有很多社交平台提供聊天应用,但自建聊天应用并不是为了与 WhatsApp 或 Facebook Messenger 竞争,而是为了将其集成到其他项目中,例如在游戏应用中促进玩家间的沟通或在电子商务平台中提供客户支持和产品查询。 通过这个课程,您将获得许多有价值的知识和技能,尤其对于有意从事应用开发的人士来说,这个项目可以成为展示您能力的投资组合。掌握聊天应用的构建技能也将为您的职业生涯或创业活动开辟更多机会。 以下是您将从本课程中学到的内容: - 实时聊天应用和 WebSocket 的基本原理 - WebSocket 工作原理及服务器和客户端之间的交互 - 如何在 Chat Engine IO 创建新用户和新聊天 - 如何将聊天应用与 Chat Engine IO API 连接 - 如何在 VS Code 终端上初始化 React 项目 - 使用 Chat Engine IO 构建实时聊天应用的详细步骤 - 自定义聊天应用的用户界面 - 为聊天应用启用电子邮件通知 - 使用 Socket IO 构建实时聊天应用的详细步骤 - 确保聊天应用正常运行的测试方法 - 改进聊天应用的附加功能,如端到端加密、屏幕共享、语音通话和视频通话等 附加项目: 1. 使用 JavaScript 构建基本用户认证系统:创建一个简单的用户认证系统,允许用户安全地注册、登录和管理会话。 2. 使用 UX Pilot AI 设计聊天应用用户界面:利用 AI 驱动的文本到 UI 设计生成器创建专业的聊天应用用户界面。 本课程为您提供了一个理想的机会,掌握实时聊天应用的构建过程及其潜在的商业应用。
Welcome to Building Realtime Chat App with Chat Engine IO & Socket IO course. This is an extensive project based course where you will learn step by step on how to build and design a fully functioning real time chat app just like Whatsapp or Facebook messengers. To build the chat app, we are going to use Javascript programming language alongside with websocket which will enable real time delivery messages and also Chat Engine IO which is a chat API that enables developers to integrate real-time chat to their website. In the introduction session, you will learn the basic fundamentals of web socket and get to know more about the chat app project that you are going to build. We are going to specifically talk about use cases and main features of real time chat apps. Then, in the next session, you will extensively learn about how websocket actually works, specifically, you will learn about interaction between server and client. Once, you have learnt all necessary knowledge about real time chat app and websocket, then, you will enter the main section of the course which is the project section, firstly, you will be guided step by step on how to set up your IDE, in this case, we are going to use VS Code as the IDE. Afterward, you will also learn step by step on how to set up a Chat Engine IO account and learn more about its documentation. Once everything is ready, we are going to get started building the real time chat app, the project section is consisted of two main parts, in the first part you will build a real time chat app using Chat Engine IO, meanwhile, in the second part, you will build real time chat app using Socket IO. Then, once the real time chat app has been built, we are going to be conducting testing on the app to make sure that it has been fully functioning and it has a friendly user interface. This course will be focusing on four main testing objectives, those are functionality testing, user experience testing, performance testing, and compatibility testing. Lastly, at the end of the course, we are going to talk about future enhancement and additional feature ideas to make the chat app even better, such as adding end to end encryption feature, adding screen sharing feature, adding voice and video calling features.First of all, before getting into the course, we need to ask this question to ourselves: why should we build a real time chat app? Don't you think the market for this particular product has been oversaturated since almost all social media platforms already have their own versions of chat app or direct messenger feature? Well, here is my answer, obviously building your own real time chat app is not intended to compete with Whatsapp or Facebook Messengers, instead, the chat app will be integrated with other projects, for instance, in a game application, the chat app can be used for communication between players, enhancing their gaming experience and facilitating teamwork or in E-commerce store, the chat app can be used to facilitate customer support, answer product queries, and help users make purchasing decisions. In addition to that, you are also going to learn a lot of valuable knowledge and skill sets from building real time chat apps, especially for those of you who are interested in app development, having this project in your portfolio can be used to showcase your capabilities to your future employers or future clients. Last but not least, knowing how to build a chat app can potentially open a lot of opportunities, both in your professional career or as an entrepreneur.Below are things that you are going to learn from this course:Learn the basic fundamentals of real time chat app and WebSocketLearn how WebSocket works specifically the interaction between server and clientLearn how to create new user and new chat on Chat Engine IOLearn how to connect your chat app with Chat Engine IO APILearn how to initialize React project on VS Code terminalLearn step by step on how to build a real time chat app using Chat Engine IOLearn how to customize chat app user interfaceLearn how to enable email notification for chat appLearn step by step on how to build a real time chat app using Socket IOConduct testing to make sure the chat app has been fully functioningLearn several testing methods for chat app, such as functionality, user experience, performance, and compatibility testingsGet to know several additional features that could be added to improve the chat app, such as end to end encryption, screen sharing, voice calling, video calling, and multi devices integrationAdditional ProjectsBuilding Basic User Authentication System Using JavaScript:In this project, you'll create a simple user authentication system using JavaScript, which allows users to securely sign up, log in, and manage their sessions. By utilizing tools like local storage or server-side authentication, you can ensure that user data is protected and securely handled, giving you a solid foundation in building web applications that require user authentication.Designing Chat App User Interface Using UX Pilot AI:In this project, you'll use UX Pilot AI, an AI-driven text-to-UI design generator, to create a sleek and functional chat app user interface. By inputting design requirements and features, the AI will help you generate a professional UI design quickly, providing you with a layout that's optimized for usability and enhancing the user experience, which you can then integrate into your chat application.