قیمت این دوره: 700,000 تومان
  • مدرس دوره : عرفان میرزایی کلخوران
  • تعداد ویدیوها : 140 ویدیو
  • مدت زمان دوره : 20:44:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1403/09/19
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش ساخت اپلیکیشن Discord با MERN و WebRTC

آموزش ساخت اپلیکیشن Discord با MERN و WebRTC

در این دوره هیجان‌انگیز، شما یاد خواهید گرفت که چگونه یک اپلیکیشن ویدئو چت گروهی با استفاده از تکنولوژی‌های محبوب MERN Stack (MongoDB Express , React , , Node.js) بسازید، دقیقاً مانند  Discord ، اما با امکانات و ویژگی‌های منحصربه فرد خودتان .

 

آنچه در این دوره خواهید آموخت :

 

- ایجاد یک اپلیکیشن قدرتمند با MERN Stack

- پیاده‌سازی قابلیت ویدئو چت پیشرفته و گروهی

- طراحی سیستم ارتباط بلادرنگ برای تجربه‌ای بی‌نظیر

- فرآیند لاگین و رجیستر کاربران به صورت حرفه‌ای

- اتصال به پایگاه داده و مدیریت داده‌ها به شکل بهینه

- ایجاد اتاق‌های تماس ویدئویی گروهی مشابه Discord

- ادغام ReactJS با , Node.js Express و MongoDB

- توسعه کامل پروژه از ابتدا تا انتها با راهنمای قدم به قدم

در این دوره ، شما به دنیای جذاب MERN Stack WebRTC , و SocketIO قدم می‌گذارید و یاد می‌گیرید چگونه یک اپلیکیشن ویدئو چت گروهی شبیه Discord بسازید. ما قدم به قدم تمام مراحل ایجاد این اپلیکیشن را بررسی می‌کنیم . با پیاده‌سازی WebRTC یاد می‌گیرید چگونه به کمک simple-peer اپلیکیشن خود را توسعه دهید. همچنین از SocketIO  به عنوان سرور سیگنالینگ برای ارتباط  RealTimeاستفاده می‌کنیم. پس از این دوره ، شما می‌توانید به راحتی اپلیکیشن‌های RealTime خود را با WebRTC ایجاد کنید و فرآیند ارتباط بین کاربران را به طور کامل درک کنید .

 

ما تکنولوژی‌های MERN Stack را با WebRTC و SocketIO ترکیب می‌کنیم تا ارتباط RealTime را ممکن کنیم و تجربه‌ای بی‌نظیر برای کاربران خلق کنیم ، درست مثل Discord !

 

پیش‌نیازهای دوره :

 

- آشنایی اولیه با React

- آشنایی با اصول Node.js

- داشتن اطلاعات اولیه در مورد وب سوکت‌ها (SocketIO) بسیار مفید خواهد بود ، اما الزامی نیست. این دانش به شما کمک می‌کند تا عملکرد چت و ویدئو چت را بهتر درک کنید و با سهولت بیشتری پیاده‌سازی کنید.

این دوره یک فرصت بی‌نظیر برای ارتقاء مهارت‌های شما و ایجاد اپلیکیشن‌های پیشرفته ویدئو چت، مشابه Discord است.

برای دیدن پیش نمایش پروژه و همچنین اطلاعات بیشتر، ویدیو معرفی دوره رو تماشا کنید .

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

آماده سازی سرور و پیاده سازی احراز هویت

ایجاد پروژه ریکت با قابلیت لاگین و رجیستر

طراحی داشبورد در ریکت

پیاده سازی سیستم Friend Invitation

پیاده سازی سیستم چت با SocketIO  و MongoDB

معماری WebRTC

پیاده سازی سیستم Video Chat Room



پیش نیاز های دوره :

  1. nodejs
  2. mongodb
  3. express
  4. WebRTC
  5. React
  6. socketIO

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

مدت زمان دوره 20:44:00
00:00
00:00

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

1

  • معرفی دوره

00:11:07

معرفی و پیش نمایش پروژه

2

  • نصب Node js

00:03:38

نصب Node js

3

  • ایجاد ساختار پروژه

00:03:48

ایجاد ساختار پروژه

4

  • نصب پکیج های مورد نیاز پروژه

00:06:37

نصب پکیج های مورد نیاز پروژه

5

  • ایجاد سرور Express

00:09:30

ایجاد سرور Express

6

  • ایجاد DataBase در MongoDB Atlas

00:11:08

ایجاد DataBase در MongoDB Atlas

7

  • اتصال به DataBase از Server

00:06:05

اتصال به DataBase از Server

8

  • ایجاد ساختارهای Folder و مسیرهای Authentication

00:10:00

ایجاد ساختارهای Folder و مسیرهای Authentication

9

  • نصب Postman و تست مسیرها

00:06:39

نصب Postman و تست مسیرها

10

  • جابجایی Handler ها در Controllers Folder

00:08:22

جابجایی Handler ها در Controllers Folder

11

  • نحوه عملکرد module در Node js - (تئوری)

00:13:02

نحوه عملکرد module در Node js - (تئوری)

12

  • نحوه عملکرد module در Node js - (عملی)

00:17:35

نحوه عملکرد module در Node js - (عملی)

13

  • افزودن اعتبارسنجی درخواست با Joi

00:13:44

افزودن اعتبارسنجی درخواست با Joi

14

  • ایجاد مدل User

00:05:12

ایجاد مدل User

15

  • پیاده سازی بخش Register

00:13:01

پیاده سازی بخش Register

16

  • تست مسیر Register

00:05:00

تست مسیر Register

17

  • پیاده سازی بخش Login

00:08:42

پیاده سازی بخش Login

18

  • تست مسیر Login

00:03:07

تست مسیر Login

19

  • ایجاد توکن JWT

00:09:04

ایجاد توکن JWT

20

  • تست توکن

00:02:42

تست توکن

21

  • ایجاد middleware برای اعتبارسنجی توکن

00:08:49

ایجاد middleware برای اعتبارسنجی توکن

22

  • تست middleware

00:06:05

تست middleware

23

  • مقدمه فصل دوم

00:02:43

مقدمه فصل دوم

24

  • راه اندازی اپلیکیشن React

00:06:56

راه اندازی اپلیکیشن React

25

  • نصب پیش نیازهای پروژه

00:09:31

نصب پیش نیازهای پروژه

26

  • حذف فایل های غیر ضروری

00:05:00

حذف فایل های غیر ضروری

27

  • پیکربندی Redux/Toolkit

00:08:27

پیکربندی Redux/Toolkit

28

  • افزودن Route از طریق react-router-dom

00:11:25

افزودن Route از طریق react-router-dom

29

  • ایجاد کامپوننت authentication

00:11:25

ایجاد کامپوننت authentication

30

  • ایجاد Header صفحه Login

00:07:00

ایجاد Header صفحه Login

31

  • ایجاد کامپوننت input

00:18:46

ایجاد کامپوننت input

32

  • ایجاد button سفارشی

00:10:23

ایجاد button سفارشی به همراه سورس کد پروژه

33

  • ایجاد کامپوننت Redirect

00:10:00

ایجاد کامپوننت Redirect

34

  • ایجاد پیام راهنما روی mouse over

00:04:50

ایجاد پیام راهنما روی mouse over

35

  • ایجاد اعتبارسنجی سفارشی

00:11:47

ایجاد اعتبارسنجی سفارشی

36

  • ایجاد صفحه Register

00:14:42

ایجاد صفحه Register

37

  • آماده سازی برای اتصال به Server

00:04:27

آماده سازی برای اتصال به Server

38

  • ایجاد Thunk Middleware

00:16:14

ایجاد Thunk Middleware

39

  • Dispatch کردن اکشن ها

00:12:34

Dispatch کردن اکشن ها

40

  • ایجاد هشدار سفارشی

00:08:37

ایجاد هشدار سفارشی

41

  • ایجاد store برای پیام های هشدار

00:18:23

ایجاد store برای پیام های هشدار

42

  • افزودن توکن به درخواست ها

00:12:00

افزودن توکن به درخواست ها

43

  • مقدمه فصل سوم

00:02:05

مقدمه فصل سوم

44

  • ایجاد ساختار Dashboard

00:12:43

ایجاد ساختار Dashboard

45

  • ایجاد دکمه صفحه اصلی

00:07:36

ایجاد دکمه صفحه اصلی

46

  • افزودن دکمه Friend

00:05:00

افزودن دکمه Friend

47

  • ایجاد ساختار Friend Sidebar

00:07:51

ایجاد ساختار Friend Sidebar

48

  • ایجاد Friend Dialog

00:18:19

ایجاد Friend Dialog

49

  • آماده سازی لیست Friends

00:15:14

آماده سازی لیست Friends

50

  • ایجاد online indicator

00:03:43

ایجاد online indicator

51

  • ایجاد لیست دعوت های ساختگی

00:13:04

ایجاد لیست دعوت های ساختگی

52

  • ایجاد دکمه های تصمیم گیری

00:08:30

ایجاد دکمه های تصمیم گیری

53

  • ایجاد منوی کشویی خروج

00:07:35

ایجاد منوی کشویی خروج

54

  • هندل کردن توکن در صفحه Dashboard

00:07:49

هندل کردن توکن در صفحه Dashboard

55

  • مقدمه فصل چهارم

00:01:29

مقدمه فصل چهارم

56

  • اتصال SocketIO به Server

00:06:09

اتصال SocketIO به Server

57

  • اتصال به SocketServer از سمت Client

00:06:31

اتصال به SocketServer از سمت Client

58

  • افزودن توکن به Socket کلاینت

00:05:11

افزودن توکن به Socket کلاینت

59

  • اعتبارسنجی توکن سمت Server

00:12:27

اعتبارسنجی توکن سمت Server

60

  • ایجاد ServerStore ذخیره کاربران متصل به Server

00:13:58

ایجاد ServerStore ذخیره کاربران متصل به Server

61

  • هندل کردن disconnect شدن یوزر ها

00:08:16

هندل کردن disconnect شدن یوزرها

62

  • ایجاد Reducer برای دوستان

00:06:18

ایجاد Reducer برای دوستان

63

  • آماده سازی Action برای ارسال درخواست دوستی

00:09:00

آماده سازی Action برای ارسال درخواست دوستی

64

  • هندل کردن دکمه Dialog

00:03:34

هندل کردن دکمه Dialog

65

  • ایجاد Route درخواست دوستی

00:09:03

ایجاد Route درخواست دوستی

66

  • ایجاد مدل درخواست دوستی

00:05:26

ایجاد مدل درخواست دوستی

67

  • اعتبارسنجی سفارشی درخواست دوستی (پارت اول)

00:05:45

اعتبارسنجی سفارشی درخواست دوستی (پارت اول)

68

  • اعتبارسنجی سفارشی درخواست دوستی (پارت دوم)

00:11:29

اعتبارسنجی سفارشی درخواست دوستی (پارت دوم)

69

  • ذخیره درخواست دوستی در Database

00:05:31

ذخیره درخواست دوستی در Database

70

  • آماده سازی Listener برای درخواست دوستی سمت Client

00:03:30

آماده سازی Listener برای درخواست دوستی سمت Client

71

  • آماده سازی Pending Friend در سمت Server

00:06:43

آماده سازی Pending Friend در سمت Server

72

  • Emit کردن Event به Client موردنظر

00:11:00

Emit کردن Event به Client موردنظر

73

  • نشان دادن لیست واقعی درخواست ها سمت Front

00:09:00

نشان دادن لیست واقعی درخواست ها سمت Front

74

  • هندل کردن درخواست ها برای کلاینت های Offline

00:06:00

هندل کردن درخواست ها برای کلاینت های Offline

75

  • آماده سازی سمت Client برای پذیرش یا رد درخواست دوستی

00:09:25

آماده سازی سمت Client برای پذیرش یا رد درخواست دوستی

76

  • پیاده سازی Controllers سمت Server

00:08:41

پیاده سازی Controllers سمت Server

77

  • هندل کردن دکمه Reject سمت Server

00:10:17

هندل کردن دکمه Reject سمت Server

78

  • هندل کردن دکمه Accept سمت Server

00:13:27

هندل کردن دکمه Accept سمت Server

79

  • تست دکمه Accept

00:05:19

تست دکمه Accept

80

  • آماده سازی لیست دوستان سمت Client

00:05:08

آماده سازی لیست دوستان سمت Client

81

  • ارسال لیست دوستان سمت Client

00:13:24

ارسال لیست دوستان سمت Client

82

  • تست بروزرسانی لیست Friends

00:03:20

تست بروزرسانی لیست Friends

83

  • اتصال وضعیت آنلاین بودن کاربر سمت Server

00:10:44

اتصال وضعیت آنلاین بودن کاربر سمت Server

84

  • اتصال وضعیت آنلاین بودن کاربر سمت React

00:15:17

اتصال وضعیت آنلاین بودن کاربر سمت React

85

  • مقدمه فصل پنجم

00:03:18

مقدمه فصل پنجم

86

  • ایجاد Reducer برای قابلیت چت

00:06:19

ایجاد Reducer برای قابلیت چت

87

  • انتخاب مکالمه فعال

00:04:10

انتخاب مکالمه فعال

88

  • ایجاد Lable چت

00:04:29

ایجاد Lable چت

89

  • ایجاد پیام خوش آمدگویی

00:10:00

ایجاد پیام خوش آمدگویی

90

  • ایجاد message container

00:03:28

ایجاد message container

91

  • ایجاد Header پیام

00:09:00

ایجاد Header پیام

92

  • رندرینگ ساختگی پیام ها

00:17:00

رندرینگ ساختگی پیام ها

93

  • ساخت Input Field

00:07:20

ساخت Input Field

94

  • Emit کردن پیام سمت Server

00:05:03

Emit کردن پیام سمت Server

95

  • هندل کردن پیام ها سمت Server

00:18:34

هندل کردن پیام ها سمت Server

96

  • تست Handler ایجاد شده سمت Server

00:06:04

تست Handler ایجاد شده سمت Server

97

  • آماده سازی بروزرسانی های چت

00:14:11

آماده سازی بروزرسانی های چت

98

  • آماده سازی بروزرسانی های چت (پارت دوم)

00:07:00

آماده سازی بروزرسانی های چت (پارت دوم)

99

  • تست بروزرسانی های چت

00:10:10

تست بروزرسانی های چت

100

  • بروزرسانی پیام های Store

00:12:00

بروزرسانی پیام های Store

101

  • رندرینگ پیام های Store

00:18:00

رندرینگ پیام های Store

102

  • ایجاد جداکننده تاریخ پیام ها

00:14:00

ایجاد جداکننده تاریخ پیام ها

103

  • پیش نیاز شروع فصل ششم

00:02:26

پیش نیاز شروع فصل ششم

104

  • مقدمه فصل ششم

00:05:00

مقدمه فصل ششم

105

  • آماده سازی Store چت Room

00:06:37

آماده سازی Store چت Room

106

  • ایجاد دکمه Room

00:04:00

ایجاد دکمه Room

107

  • تغییر state درصورت وجود کاربر در Room

00:03:15

تغییر state درصورت وجود کاربر در Room

108

  • ایجاد کامپوننت اصلی Room

00:08:11

ایجاد کامپوننت اصلی Room

109

  • افزودن قابلیت سایز بندی Room

00:05:13

افزودن قابلیت سایز بندی Room

110

  • ایجاد ساختار Room Dialog

00:05:28

ایجاد ساختار Room Dialog

111

  • ایجاد دکمه های Room

00:11:28

ایجاد دکمه های Room

112

  • ایجاد Room سمت Server

00:16:36

ایجاد Room سمت Server

113

  • اطلاع رسانی Room های فعال به همه کاربران Online

00:11:00

اطلاع رسانی Room های فعال به همه کاربران Online

114

  • ذخیره Room های فعال در Store

00:09:26

ذخیره Room های فعال در Store

115

  • رندرینگ Room های فعال

00:15:00

رندرینگ Room های فعال

116

  • پیوستن به Room سمت Server

00:12:00

پیوستن به Room سمت Server

117

  • تست قابلیت پیوستن به Room

00:05:39

تست قابلیت پیوستن به Room

118

  • ایجاد قابلیت ترک Room

00:16:11

ایجاد قابلیت ترک Room

119

  • تست قابلیت ترک Room

00:05:24

تست قابلیت ترک Room

120

  • هندل کردن ترک Room در زمان قطع اتصال

00:08:14

هندل کردن ترک Room در زمان قطع اتصال

121

  • بروزرسانی اولیه Room های فعال

00:06:13

بروزرسانی اولیه Room های فعال

122

  • دریافت Local Stream

00:08:20

دریافت Local Stream

123

  • دریافت پیش نمایش Local Stream

00:10:14

دریافت پیش نمایش Local Stream

124

  • دریافت پیش نمایش Local Stream هنگام پیوستن به Room

00:02:05

دریافت پیش نمایش Local Stream هنگام پیوستن به Room

125

  • افزودن قابلیت پیوستن با Voice

00:08:32

افزودن قابلیت پیوستن با Voice

126

  • آزاد کردن فضای RAM هنگام ترک Room

00:03:07

آزاد کردن فضای RAM هنگام ترک Room

127

  • انواع پیاده سازی WebRTC

00:09:21

انواع پیاده سازی WebRTC

128

  • نصب پکیج simple peer

00:05:33

نصب پکیج simple peer

129

  • سناریو پیاده سازی Room

00:08:14

سناریو پیاده سازی Room

130

  • آماده سازی برای اتصال WebRTC

00:09:11

آماده سازی برای اتصال WebRTC

131

  • آماده سازی آبجکت Peer Connection

00:14:16

آماده سازی آبجکت Peer Connection

132

  • Emit کردن Event برای راه اندازی اتصال

00:08:21

Emit کردن Event برای راه اندازی اتصال

133

  • تبادل دیتا Signaling

00:08:35

تبادل دیتا Signaling

134

  • رندرینگ استریم های Remote

00:07:46

رندرینگ استریم های Remote

135

  • بستن اتصال RTC

00:19:09

بستن اتصال RTC

136

  • هندل کردن دکمه های Camera و Microphone

00:10:05

هندل کردن دکمه های Camera و Microphone

137

  • پیاده سازی بخش اشتراک گذاری صفحه نمایش (پارت اول)

00:10:10

پیاده سازی بخش اشتراک گذاری صفحه نمایش (پارت اول)

138

  • پیاده سازی بخش اشتراک گذاری صفحه نمایش (پارت دوم)

00:12:44

پیاده سازی بخش اشتراک گذاری صفحه نمایش (پارت دوم)

139

  • هندل کردن دکمه ها براساس پیوستن از طریق Microphone

00:07:00

هندل کردن دکمه ها براساس پیوستن از طریق Microphone

140

  • جلسه پایانی - THE END

00:15:16

جلسه پایانی - THE END

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

مشاهده همه دوره ها
اینستاگرام
تلگرام

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

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