آموزش ReactJs ( مقدماتی تا پیشرفته )

ری اکت , یک کتابخانه open-source جاوا اسکریپت برای ایجاد رابط کاربری به خصوص برای برنامه های تک صفحه ای است. با ترکیب سرعت و کارایی جاوا اسکریپت با روشی کارآمدتر برای دستکاری DOM، موجب می‌شود تا صفحات وب‌سایت‌ها به‌صورتی سریع‌تر در دسترس قرار بگیرند. ایجاد برنامه های React نیاز به استفاده از کتابخانه های اضافی برای مدیریت state و تعامل با API دارد نمونه مربوط به چنین کتابخانه هایی ری داکس است. با استفاده از ریداکس، State های اپلیکیشن در یک مخزن نگهداری می‌شوند و دسترسی هر کامپوننت به تمامی State ها نیز امکان پذیر است.  

افراد علاقه مند به توسعه و برنامه نویسی فرانت اند می توانند ری اکت را در برنامه نویسان به طور کامل بیاموزند.

قیمت این دوره: 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
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

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

سورس پروژه چت

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

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

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

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