آموزش ساخت اپلیکیشن چت بلادرنگ با Chat Engine IO و Socket IO
Building Real Time Chat App with Chat Engine IO & Socket IO
به دوره آموزشی ساخت برنامه چت بیدرنگ با موتور چت IO Socket IO خوش آمدید. این یک دوره آموزشی گسترده مبتنی بر پروژه است که در آن شما گام به گام نحوه ساخت و طراحی یک برنامه چت واقعی و کاملاً کارآمد مانند WhatsApp یا پیام رسان فیس بوک را یاد خواهید گرفت. برای ساخت برنامه چت، ما از زبان برنامه نویسی جاوا اسکریپت در کنار وب سوکت استفاده می کنیم که پیام های تحویل بلادرنگ را فعال می کند و همچنین Chat Engine IO که یک API چت است که توسعه دهندگان را قادر می سازد تا چت بلادرنگ را با وب سایت خود ادغام کنند. در جلسه معرفی، اصول اولیه سوکت وب را یاد می گیرید و با پروژه برنامه چت که می خواهید بسازید بیشتر آشنا می شوید. ما به طور خاص در مورد موارد استفاده و ویژگی های اصلی برنامه های چت بلادرنگ صحبت خواهیم کرد. سپس، در جلسه بعدی، به طور گسترده با نحوه عملکرد وب سوکت آشنا خواهید شد، به طور خاص، در مورد تعامل بین سرور و کلاینت خواهید آموخت. هنگامی که تمام دانش لازم را در مورد برنامه چت بلادرنگ و وب سوکت یاد گرفتید، سپس وارد بخش اصلی دوره می شوید که بخش پروژه است، ابتدا گام به گام با نحوه تنظیم IDE خود راهنمایی می شوید. در این مورد، ما قصد داریم از VS Code به عنوان IDE استفاده کنیم. پس از آن، همچنین گام به گام نحوه راه اندازی یک حساب کاربری Chat Engine IO را یاد خواهید گرفت و در مورد مستندات آن اطلاعات بیشتری کسب خواهید کرد. هنگامی که همه چیز آماده شد، ما می خواهیم شروع به ساخت برنامه چت واقعی کنیم، بخش پروژه از دو قسمت اصلی تشکیل شده است، در قسمت اول با استفاده از Chat Engine IO یک برنامه چت واقعی می سازید، در همین حال، در قسمت دوم بخش، شما با استفاده از Socket IO برنامه چت زمان واقعی خواهید ساخت. سپس، هنگامی که برنامه چت بلادرنگ ساخته شد، می‌خواهیم روی برنامه آزمایشی انجام دهیم تا مطمئن شویم که به طور کامل کار می‌کند و یک رابط کاربری دوستانه دارد. این دوره بر روی چهار هدف اصلی تست تمرکز خواهد کرد، آن ها تست عملکرد، تست تجربه کاربر، تست عملکرد و تست سازگاری. در پایان، در پایان دوره، می‌خواهیم در مورد بهبودهای آینده و ایده‌های ویژگی‌های اضافی برای بهبود برنامه چت صحبت کنیم، مانند افزودن ویژگی رمزگذاری انتها به انتها، افزودن ویژگی اشتراک‌گذاری صفحه، افزودن ویژگی‌های تماس صوتی و تصویری.
اول از همه، قبل از ورود به دوره، باید این سوال را از خود بپرسیم: چرا باید یک برنامه چت بلادرنگ بسازیم؟ آیا فکر نمی‌کنید بازار این محصول خاص بیش از حد اشباع شده است زیرا تقریباً همه پلتفرم‌های رسانه‌های اجتماعی نسخه‌های مخصوص به خود را از برنامه چت یا ویژگی پیام‌رسان مستقیم دارند؟ خب، این پاسخ من است، بدیهی است که ساخت برنامه چت واقعی خود برای رقابت با Whatsapp یا Facebook Messengers نیست، در عوض، برنامه چت با پروژه های دیگر یکپارچه خواهد شد، به عنوان مثال، در یک برنامه بازی، برنامه چت می تواند برای برقراری ارتباط بین بازیکنان، افزایش تجربه بازی آنها و تسهیل کار تیمی یا در فروشگاه تجارت الکترونیک، از برنامه چت می توان برای تسهیل پشتیبانی مشتری، پاسخ به سؤالات محصول و کمک به کاربران در تصمیم گیری خرید استفاده کرد. علاوه بر آن، شما همچنین می‌خواهید مجموعه‌های دانش و مهارت‌های ارزشمندی را از ساخت اپلیکیشن‌های چت بلادرنگ بیاموزید، به‌ویژه برای کسانی از شما که علاقه‌مند به توسعه اپلیکیشن هستند، داشتن این پروژه در مجموعه شما می‌تواند برای به نمایش گذاشتن برنامه‌های خود مورد استفاده قرار گیرد. توانایی ها برای کارفرمایان یا مشتریان آینده خود. آخرین اما نه کم اهمیت، دانستن نحوه ساخت یک برنامه چت به طور بالقوه می تواند فرصت های زیادی را هم در حرفه حرفه ای و هم به عنوان یک کارآفرین باز کند.
در زیر مواردی وجود دارد که قرار است از این دوره بیاموزید:
اصول اساسی برنامه چت بلادرنگ و WebSocket را بیاموزید
بیاموزید که چگونه WebSocket به طور خاص در تعامل بین سرور و مشتری کار می کند
با نحوه ایجاد کاربر جدید و چت جدید در Chat Engine IO آشنا شوید
با نحوه اتصال برنامه چت خود با Chat Engine IO API
آشنا شویدبا نحوه راه اندازی پروژه React در ترمینال VS Code آشنا شوید
نحوه ساختن یک برنامه چت واقعی با استفاده از Chat Engine IO را گام به گام بیاموزید
با نحوه سفارشی کردن رابط کاربری برنامه چت آشنا شوید
با نحوه فعال کردن اعلان ایمیل برای برنامه چت آشنا شوید
نحوه ساختن یک برنامه چت واقعی با استفاده از Socket IO را گام به گام بیاموزید
آزمایی انجام دهید تا مطمئن شوید برنامه چت به طور کامل کار کرده است
چند روش آزمایش برای برنامه چت، مانند عملکرد، تجربه کاربر، عملکرد، و آزمایش‌های سازگاری را بیاموزید
با چندین ویژگی اضافی که می‌توانند برای بهبود برنامه چت اضافه شوند، آشنا شوید، مانند رمزگذاری سرتاسر، اشتراک‌گذاری صفحه، تماس صوتی، تماس ویدیویی، و یکپارچه‌سازی چند دستگاه
معرفی Introduction
-
مقدمه دوره Introduction to the Course
-
فهرست مطالب Table of Contents
-
این دوره برای چه کسانی در نظر گرفته شده است؟ Whom This Course is Intended for?
ابزارها، IDE و کتابخانه ها Tools, IDE, and Libraries
-
ابزارها، IDE و کتابخانه ها Tools, IDE, and Libraries
مقدمه ای بر برنامه چت واقعی و وب سوکت Introduction to Real Time Chat App & WebSocket
-
مقدمه ای بر برنامه چت واقعی و وب سوکت Introduction to Real Time Chat App & WebSocket
WebSocket چگونه کار می کند؟ How WebSocket Works?
-
WebSocket چگونه کار می کند؟ How WebSocket Works?
آماده سازی پروژه Project Preparation
-
دانلود VS Code IDE و نصب برنامه های افزودنی Downloading VS Code IDE & Installing Extensions
ثبت نام در Chat Engine IO و ایجاد پروژه جدید Signing Up on Chat Engine IO & Creating New Project
-
ثبت نام در Chat Engine IO و ایجاد پروژه جدید Signing Up on Chat Engine IO & Creating New Project
ایجاد کاربر جدید و چت جدید در Chat Engine IO Creating New User & New Chat on Chat Engine IO
-
ایجاد کاربر جدید و چت جدید در Chat Engine IO Creating New User & New Chat on Chat Engine IO
ساخت اپلیکیشن چت بلادرنگ با Chat Engine IO Building Real Time Chat App with Chat Engine IO
-
راه اندازی React Project و نصب Chat Engine IO Initializing React Project & Installing Chat Engine IO
-
شناسه پروژه، نام کاربری و راز کاربر Project ID, Username, and User Secret
-
ساخت اپلیکیشن چت با Chat Engine IO Building Chat App with Chat Engine IO
-
سفارشی کردن رابط کاربری برنامه چت Customizing Chat App User Interface
-
فعال کردن اعلان‌های ایمیل Enabling Email Notifications
-
آزمایش برنامه چت و ورود به سیستم با استفاده از نام‌های کاربری مختلف Testing Chat App & Log In Using Different Usernames
ساخت اپلیکیشن چت بلادرنگ با سوکت IO Building Real Time Chat App with Socket IO
-
راه اندازی پروژه و نصب Socket IO Initializing Project & Installing Socket IO
-
ساخت اپلیکیشن چت با سوکت IO Building Chat App with Socket IO
-
ویرایش فایل HTML و رابط کاربری برنامه استایلینگ Editing HTML File & Styling App User Interface
-
آزمایش برنامه چت و ارسال پیام Testing Chat App & Sending Messages
روش های تست برای برنامه چت Testing Methods for Chat App
-
روش های تست برای برنامه چت Testing Methods for Chat App
ایده های ویژگی اضافی برای بهبود آینده Additional Feature Ideas for Future Enhancement
-
ایده های ویژگی اضافی برای بهبود آینده Additional Feature Ideas for Future Enhancement
نتیجه گیری و خلاصه Conclusion & Summary
-
نتیجه گیری و خلاصه Conclusion & Summary
https://donyad.com/d/8178aa
Christ Raharja
مشاور سابق ریسک فناوری و علاقه‌مند به تجارت الکترونیک
نمایش نظرات