آموزش Intermediate React JS: ساخت یک React Chatbot

سرفصل ها و درس ها

React Chatbot: مبانی رابط کاربری React Chatbot: User Interface Basics

• بررسی اجمالی Overview

• معرفی Introduction

• ایجاد یک چت بات اولیه Creating a Basic Chatbot

• اجزای اصلی چت بات Basic Chatbot Subcomponents

• اجرای دکمه "شناور". Implementing a "Floating" Button

• نتیجه Conclusion

React Chatbot: تکمیل رابط کاربری React Chatbot: Completing the User Interface

• بررسی اجمالی Overview

• معرفی Introduction

• ایجاد کامپوننت "فهرست پیام". Creating a "Messages List" Component

• ایجاد کامپوننت "فرم پیام جدید". Creating a "New Message Form" Component

• بهبود پیام های جدید New Message Improvements

• افزودن لوازم رنگی Adding Color Props

• نتیجه Conclusion

React Basics Websocket با Socket.io React Websocket Basics with Socket.io

• بررسی اجمالی Overview

• معرفی Introduction

• مبانی وب سوکت ها Basics of Websockets

• راه اندازی Socket.io در Back-end Setting Up Socket.io on the Back-end

• راه اندازی Socket.io در Front-end Setting Up Socket.io on the Front-end

• نتیجه Conclusion

React Chatbot: اضافه کردن Websockets React Chatbot: Adding Websockets

• بررسی اجمالی Overview

• معرفی Introduction

• ایجاد سرور و افزودن Socket.io Creating a Server and Adding Socket.io

• ارسال پیام با سوکت های وب Sending Messages with Web-Sockets

• بهبود تعامل پنجره چت Improving Chat Window Interactivity

• نتیجه Conclusion

React Chatbot: ردیابی مکالمه و سایر بهبودها React Chatbot: Conversation Tracking and Other Improvements

• بررسی اجمالی Overview

• معرفی Introduction

• پیگیری مکالمات Keeping Track of Conversations

• ذخیره شناسه ها و استفاده از آنها برای اتصال Storing IDs and Using Them to Connect

• بهبود تجربه کاربر User Experience Improvements

• نتیجه Conclusion

React Chatbot: ایجاد یک پورتال خدمات مشتری React Chatbot: Create a Customer-Service Portal

• بررسی اجمالی Overview

• معرفی Introduction

• مبانی پورتال خدمات مشتری Customer Service Portal Basics

• راه اندازی یک پروژه جدید Setting Up a New Project

• بارگیری همه مکالمات Loading All Conversations

• تکمیل لیست مکالمات Completing the Conversations List

• نتیجه Conclusion