قیمت این دوره: 98,000 تومان
  • مدرس دوره : محمد مطواعی
  • تعداد ویدیوها : 31 ویدیو
  • مدت زمان دوره : 5:44:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/07/28
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش پیشرفته React Socket IO

آموزش پیشرفته React Socket IO

سلام خدمت همه ری اکت نویسا و نود جی اس زن ها

بالاخره انتظار ها به سر رسید و دوره پیشرفته socket IO رو ضبط کردم و الان در پیش روی شماست

این یه دوره پیشرفته React JS هست که با استفاده از کتابخانه socket IO شما یاد میگیرید که چطور میتونید یک ارتباط realtime با سرور برقرار کنید و داده های پروژه تون رو بدون api call اپدیت کنید

خب تقریبا میشه گفت همه مدرسین و همکارا وقتی میخان بیان سراغ آموزش Socket در React میرن سراغ پروژه چت و خب خود من هم تو دوره مقدماتی همینکار رو کردم ولی میخام تو دوره پیشرفته یه نوآوری به خرج بدم و یه پروژه دیگه رو واسه تسلط شما به سوکت انتخاب کنم یه پروژه ای که میشه گفت چند وقتی هم هست که خیلی رو بورسه ! میتونید حدس بزنید ؟؟ بورس ! بله خود بورس !

سایت های کارگزاری های بورس وب اپلیکیشن هایی هستند که نیاز دارن تا دیتاهاشون رو بصورت در لحظه به دید مشتری هاشون برسونن و نیاز هست این تغییرات خیلی سریع و در کمترین زمان انجام بشه من هم پروژه اول دوره رو یه اپ ساده تریدر بورس در نظر گرفتم و چندین تا کامپوننت داره و باید در لحظه دیتاشون از سمت سرور بیاد و اپدیت بشن

تو این پروژه من همه ابعاد یه ارتباط socket در react رو پوشش دادم و بوسیله این پروژه شما قادر خواهید بود تو پروژه های خودتون هم این ارتباط سوکت رو راه بندازید و دیتاتون رو بجای rest api توسط سوکت جابجا کنید

اما من تو دوره مقدماتی هم قول یه پروژه چت حرفه ای هم دادم که امکانات بیشتری نسبت به پروژه دوره مقدماتی داشته باشه ... پس تو این دوره علاوه بر پروژه تریدر بورس تو قسمت دوم پروژه چت روم دوره مقدماتی رو هم حرفه ای ترش میکنیم و امکاناتی مثل ارسال فایل ، ارسال ویس ، ویرایش پیام و چت های دونفره رو بهش اضافه میکنیم پس میشه دو تا پروژه عملی و واقعی در یک دوره که این واقعا خیلی عالیه از جهت بار آموزشی برای شما

یه نکته هم در اخر بگم که بکند این دوتا پروژه با Node js تو خود دوره زده میشه که این هم برای react نویسا و هم برای node js نویسا عالیه و قابل استفاده هست

یه ویژگی هم که دوره های من داره اینه که باز میمونن ... ینی اینکه مخاطبین دوره میتونن تو قسمت نظرات اپشن های درخواستی خودشون رو پیشنهاد بدن و من درصورت امکان حتی اگه دوره برچسب اتمام خورده باشه بازم قسمت درخواستی کاربران رو اضافه میکنم

راستی یه تخفیف سنگین هم برای شروع دوره خواهیم داشت که دوستان علاقمند میتونن با قیمت کمتر دوره رو تهیه کنن

امیدوارم که از دوره لذت ببرید و بحث socket ری اکت برای همیشه براتون بسته بشه

به امید دیدار

 

پیش نیاز این دوره آشنایی مقدماتی با React js میباشد




فهرستـــ ویدیوها

مدت زمان دوره 5:44:00
00:00
00:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:03:30

معرفی دوره

2
  • توضیحاتی در مورد بیس پروژه

00:09:00

تو این قسمت پروژه گرافیکی ای که داریم کدش رو توضیح میدیم

3
  • سورس اولیه دیزاین پروژه

00:00:00

دوستان این پروژه رو دریافت کنید و با دستور npm i موارد مربوط رو نصب کنید و ادامه آموزش رو با همین پروژه پیش ببرید

4
  • بررسی کد های بکند Node js و emit دارایی ها

00:12:00

تو این قسمت بکند کار رو بررسی میکنیم و سوکت رو راه میندازیم با node js

5
  • دریافت دیتای دارایی ها و توان خرید

00:14:00

تو این قسمت میریم سراغ فرانت اند و دیتای کاربر رو دریافت میکنیم و نشون میدیم

6
  • emit لیست سهام ها برای کاربران (Node JS)

00:10:00

تو این قسمت سمت بکند دیتای لیست سهام هارو امیت میکنیم براشون

7
  • دریافت لیست سهام ها در فرانت اند

00:06:00

تو این قسمت ایونت دریافت لیست سهام هارو مینویسیم

8
  • تغییر ترتیب سهام ها با انیمیشن

00:08:44

تو این قسمت سهام هارو به ترتیب قیمت مرتب میکنیم و یه انیمیشن های به این تغییر ترتیب میدیم

9
  • دریافت جزییات سهام

00:11:30

دریافت جزییات هرسهام و نشان دادن ان در کادر سمت چپ

10
  • تطبیق جزییات هرسهام روی اپ

00:18:39

تو این قسمت جزییات سهام هارو دریافت میکنیم و نشون میدیم

11
  • انتخاب سهام برای دریافت دیتای سهام

00:10:41

تو این قسمت ترتیبی میدیم که کاربر بتونه یه سهام رو انتخاب کنه و ما دیتاش رو براش فچ کنیم

12
  • رفع مشکلات فرانت اند

00:17:00

تو این قسمت یه چندتا مشکلی کوچیکی که بوجود اومد تا اینجای پروژه رو برطرف میکنیم

13
  • رفع مشکلات بکند

00:09:37

تو این قسمت یکی دوتا مشکل بکند رو هم حل میکنیم

14
  • مشکل disconnect شدن ازسرور سوکت

00:06:00

تو این قسمت مشکلی که برای کانکت شدن وجود داشته رو حل میکنیم

15
  • چارت تغییرات سهام ها

00:14:00

تو این قسمت چارت تغییرات هر سهام رو رسم میکنیم

16
  • سورس پروژه بورس

00:00:00

سورس پروژه بورس

17
  • سورس اولیه پروژه چت

00:00:00

این سورس رو دانلود کنید و ادامه کدنویسی روی این سورس کد انجام خواهد شد

18
  • شروع پروژه چت

00:14:50

تو این قسمت پروژه چتمون رو شروع میکنیم

19
  • دریافت لیست کاربران برای چت

00:10:50

تو این قسمت api دریافت لیست کاربران رو تو بکند مینویسیم و این طرف سمت فرانت نشون میدیم

20
  • ایجاد چت دونفره

00:13:00

تو این قسمت روم میسازیم و چت دونفرمون رو راه میندازیم

21
  • تمیز کاری های فرانت

00:11:11

تو این قسمت یکم تمیز کاری میکنیم

22
  • ویرایش پیام

00:23:00

تو این قسمت پیام ارسال شدمون رو ویرایش میکنیم

23
  • آپلود ویس

00:15:00

یه اپشن دیگه از اپ چت مون ... اپلود صدا

24
  • اپلود ویس - قسمت بکند

00:12:00

خب تو این قسمت بخش بکند کار رو مینویسیم کد بکند ضمیمه شده است منتها دقت کنید کد نهایی میباشد

25
  • آپلود ویس - نهایی سازی

00:13:30

تو این قسمت اپلود ویس رو تکمیل میکنیم

26
  • آپلود فایل در چت

00:24:00

تو این قسمت اپلود فایل رو آموزش میدم

27
  • پیاده سازی فیچر ...isTyping اپلیکیشن چت

00:30:38

تو این قسمت اپشن isTyping که اکثر مسنجر ها اون رو دارن رو پیاده سازی میکنیم

28
  • سین (seen) خوردن مسیج در چت

00:22:00

تو این قسمت اپشن سین خوردن یا همون دو تا تیک خوردن پیام رو پیاده میکنیم

29
  • سورس بکند پروژه بورس

00:00:00

دوستان سورس بکند پروژه بورس رو فراموش کردم که یکی از دوستان در کامنت ها این مورد یاداوری کرد که اینجا میزارم

30
  • جمع بندی دوره

00:04:00

تو این قسمت درباره پایان دوره صحبت میکنیم

31
  • سورس پروژه چت

00:00:00

سورس پروژه چت

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .

saeed-kasaee

ارسال شده در 1402/09/20

اموزش به شدت اماتوری و پر از اشتباه..اولا معلوم نیست اموزش سوکته یا استایلدهی! بعضی قسمتا پر از اشتباه مثلا برای قسمت حذف پیام فقط کافیه  قسمت سوکت جذف رو جدا تو یه یوزرف دیگه بزاری و مسیجز رو هم دپدنسیش قرار بدی نه این که یه هوک ده خطی براش بنویسی! ظاهرا خود قسمت بک اندش رو کپی کرده و چون فقط ساده ترین کار یعنی استایل دهی رو بلد بوده روش مانور داده..با اختلاف بدترین اموزشی که تا حالا دیدم!

amin da

ارسال شده در 1402/06/12

سلام

این دوره هنوز کاربردی هستش؟

بک اند پروژه روی لوکال ران میشه یا روی یک سرور هستش؟

محمدباقر آ

ارسال شده در 1401/12/16

سلام و عرض ادب

این پروژه رو میشه رو هاست لینوکس اجرا کرد؟

سید-مبین-موسوی

ارسال شده در 1401/11/12

سلام استاد خسته نباشید. 

من پیش نمایش این دوره رو دیدم و ازش خوشم اومد ولی مشکلی که دارم اینه که react بلد نیستم و از vue و nuxt استفاده میکنم 

خیلی ممنون میشم اگه بتونید یه دوره برای افرادی مانند من اماده کنید.

محسن خوب

محسن خوب

ارسال شده در 1401/04/06

سلام 

بنده این دوره رو از ابتدا تا اخر به دقت نگاه و گوش کردم دستتون درد نکنه خیلی خوب بود 

چندتا نظر و حرف و سوال به فرموده خودتون از شما دارم

البته ببخشید شما استاد ما هستید فقط یه چندتا ایراد داره شما وقتی یه چیزی رو آموزش دادید در قسمت بعد و اضافه کردن چند اپشن دیگه زدید قسمت قبلی رو خراب کردید 

#مثلا در دوره مقدماتی کاربران در عمومی میتونستن همه با هم چت کنند حرف بزنند ولی در دوره بعد و پیشرفته زدید اون قسمت رو بخاطر بخش خصوصی پی وی خراب کردید و دیگه کاربرا در عمومی نمیتونن پیام ارسال کنند و خودتون هم متوجه شدید اما اهمیت ندادید #بهتر بود که شما یک اتاق عمومی مجزا برای چت روم اضافه کنین#

#دیتابیس هم چت روم ندارد که نحوه ست پروژه با دیتابیس رو یاد بگیریم

#در قسمت اپشن ایزتایپینگ رو اضافه کردید در قسمت اخر که اپشن سین خوردن رو اضافه کردید با عث خرابی بخش ایزتایپینگ شد و شما تو ویدیو بهش توجه نکردید ک خراب شده و کار نمیکنه 

#بهتره که بعد از اتمام پروژه یه تست نهایی از عملکرد برنامه و اپشن ها و تداخل مطمئن میشدید 

@یه بخش مهم و اساسی و سوال بنده هم هست 

این پروژه  که شما نوشتید یا کلا نود جی اس و ری اکت تا چه حد از امنیت برخودار هست ؟ ایا قابل دور زدن هست؟ هک میشه؟ ای کاش در مورد امنیت پروژه هم صحبت میکردید که چیکار کنیم امنیت پروژه بهتر بشه 

#در صورت اضافه شدن مثلا ۱۰۰ نفر یا بیشتر به چت  و ارسال دریافت اطلاعات ،، سرعت پروژه پایین میاد ؟ در چه حد میتونه زیر فشار باشه و چه منابعی از سرور میتونه مصرف کنه 

 

خیلی ممنونم