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

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

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

قیمت این دوره: 400,000 160,000 تومان
  • مدرس دوره : فرزاد معصومی
  • تعداد ویدیوها : 153 ویدیو
  • مدت زمان دوره : 27:57:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1402/07/17
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش ساخت وب سایت خبری با React Node MySQL

آموزش ساخت وب سایت خبری با React Node MySQL

سلام

توی این دوره آموزشی با React Node Mysql یک وبسایت خبری رو میسازیم و همچنین پنل مدیریت وب سایت رو با هم پیاده سازی میکنیم ما توی این دوره سیستم authentication و authorization رو پیاده میکنیم و با ارسال خبر ساخت کاربر جدید ارسال ویدیو و موارد مختلف دیگه آشنا میشیم که همه موارد توی دمو دوره توضیح داده شده پس حتما برای آشنایی بیشتر با دوره دمو رو حتما ببینید

 

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

فصل اول - راه اندازی بک اند پروژه

1-1 ساخت سیستم احراز هویت و مجوز دسترسی کاربران

1-2 ساخت دسته بندی

1-3 ساخت بخش ارسال ویدیو خبری

1-4 ساخت بخش  ارسال خبر

1-5 ساخت بخش ارسال نظر برای خبرها

1-6 ساخت بخش ارسال ایمیل

 

فصل دوم - راه اندازی فرانت اند پروژه

 

2-1 راه اندازی فرانت اند

2-2 طراحی صفحه ورود و پنل ادمین

2-3 راه اندازی سیستم ورود مدیر

2-4 راه اندازی بخش کاربران

2-5 راه اندازی بخش اخبار ویدیویی

2-6 راه اندازی بخش نظرات

2-7 ویرایش پروفایل کاربر

2-8 طراحی صفحه اصلی سایت و داینامیک سازی

2-9 طراحی صفحه جزئیات خبر

2-10 طراحی بخش نظرات خبر

2-11 طراحی صفحه درباره ما و تماس با ما

2-12 ارسال فرم تماس با ما

2-13 رفع ایرادات اپلیکیشن



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

  1. node js
  2. html
  3. css
  4. react js

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

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

1
  • دمو دوره

00:08:51

دمو دوره

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

00:03:11

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

3
  • راه اندازی بک اند

00:12:03

راه اندازی بک اند

4
  • نصب nodemon و ایجاد دیتابیس پروژه

00:08:54

نصب nodemon و ایجاد دیتابیس پروژه

5
  • اتصال به دیتابیس

00:09:04

اتصال به دیتابیس

6
  • ساخت model و controller کاربری

00:13:48

ساخت model و controller کاربری

7
  • ایجاد جدول کاربران

00:05:20

ایجاد جدول کاربران

8
  • ساخت بخش ثبت نام کاربری

00:11:55

ساخت بخش ثبت نام کاربری

9
  • تکمیل بخش ثبت نام کاربری

00:09:10

تکمیل بخش ثبت نام کاربری

10
  • تغییرات در بخش ثبت نام و شروع بخش ورود کاربران

00:07:12

تغییرات در بخش ثبت نام و شروع بخش ورود کاربران

11
  • ادامه ساخت بخش ورود کاربران

00:10:13

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

12
  • بازگشت دیتا به کاربر و راه اندازی env

00:10:56

بازگشت دیتا به کاربر و راه اندازی env

13
  • شروع به کار با توکن و ساخت Access Token و Refresh Token

00:12:29

شروع به کار با توکن و ساخت Access Token و Refresh Token

14
  • ساخت verifyToken برای مجوز و محدودیت روت ها

00:14:06

ساخت verifyToken برای مجوز و محدودیت روت ها

15
  • تکمیل verifyToken برای مجوز و محدودیت روت ها

00:09:15

تکمیل verifyToken برای مجوز و محدودیت روت ها

16
  • ساخت Refresh Token و تکمیل Authorization

00:13:20

ساخت Refresh Token و تکمیل Authorization

17
  • ساخت بخش خروج کاربران

00:14:08

ساخت بخش خروج کاربران

18
  • ساخت بخش حذف کاربری

00:10:35

ساخت بخش حذف کاربری

19
  • ساخت بخش ویرایش کاربر توسط مدیر

00:09:30

ساخت بخش ویرایش کاربر توسط مدیر

20
  • تکمیل بخش ویرایش کاربر توسط مدیر

00:08:17

تکمیل بخش ویرایش کاربر توسط مدیر

21
  • ساخت بخش ویرایش پروفایل کاربری

00:11:14

ساخت بخش ویرایش پروفایل کاربری

22
  • ادامه ساخت بخش ویرایش پروفایل کاربری

00:11:16

ادامه ساخت بخش ویرایش پروفایل کاربری

23
  • ادامه ساخت بخش ویرایش پروفایل کاربری

00:11:40

ادامه ساخت بخش ویرایش پروفایل کاربری

24
  • ادامه ساخت بخش ویرایش پروفایل کاربری

00:12:56

ادامه ساخت بخش ویرایش پروفایل کاربری

25
  • تکمیل بخش ویرایش پروفایل کاربری

00:08:32

تکمیل بخش ویرایش پروفایل کاربری

26
  • نمایش اطلاعات پروفایل کاربری

00:10:15

نمایش اطلاعات پروفایل کاربری

27
  • شروع به ساخت بخش دسته بندی

00:11:22

شروع به ساخت بخش دسته بندی

28
  • ادامه ساخت بخش دسته بندی

00:08:58

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

29
  • تکمیل بخش دسته بندی

00:07:03

تکمیل بخش دسته بندی

30
  • شروع به ساخت بخش ارسال ویدیو

00:09:43

شروع به ساخت بخش ارسال ویدیو

31
  • ادامه ساخت بخش ارسال ویدیو

00:12:54

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

32
  • ساخت بخش نمایش ویدیو

00:10:28

ساخت بخش نمایش ویدیو

33
  • ساخت بخش حذف ویدیو

00:13:44

ساخت بخش حذف ویدیو

34
  • شروع به ساخت مدل خبرها

00:10:43

شروع به ساخت مدل خبرها

35
  • ساخت کنترلر , روتر و جدول بخش خبرها

00:10:42

ساخت کنترلر , روتر و جدول بخش خبرها

36
  • ساخت بخش ارسال خبر

00:17:37

ساخت بخش ارسال خبر

37
  • ساخت بخش نمایش یک خبر

00:07:47

ساخت بخش نمایش یک خبر

38
  • ساخت بخش ویرایش یک خبر

00:11:21

ساخت بخش ویرایش یک خبر

39
  • تکمیل بخش ویرایش یک خبر

00:11:42

تکمیل بخش ویرایش یک خبر

40
  • ساخت بخش حذف یک خبر

00:08:57

ساخت بخش حذف یک خبر

41
  • ساخت بخش نمایش آخرین خبرها

00:10:45

ساخت بخش نمایش آخرین خبرها

42
  • ساخت رابطه مدل خبر

00:09:44

ساخت رابطه مدل خبر

43
  • ساخت بخش جزئیات خبر

00:08:23

ساخت بخش جزئیات خبر

44
  • ساخت بخش محبوب ترین خبرها

00:09:28

ساخت بخش محبوب ترین خبرها

45
  • دریافت آخرین خبرها و فیلتر آن

00:11:25

دریافت آخرین خبرها و فیلتر آن

46
  • ساخت مدل , کنترلر و روتر بخش نظرات

00:14:17

ساخت مدل , کنترلر و روتر بخش نظرات

47
  • ساخت بخش ارسال نظرات

00:09:11

ساخت بخش ارسال نظرات

48
  • ساخت بخش ویرایش و حذف نظر

00:10:50

ساخت بخش ویرایش و حذف نظر

49
  • ساخت بخش فعال و غیرفعال کردن نظر

00:10:49

ساخت بخش فعال و غیرفعال کردن نظر

50
  • ساخت بخش نمایش نظرات خبرها

00:07:17

ساخت بخش نمایش نظرات خبرها

51
  • ساخت بخش ارسال ایمیل

00:09:43

ساخت بخش ارسال ایمیل

52
  • تکمیل بخش ارسال ایمیل

00:15:37

تکمیل بخش ارسال ایمیل

53
  • راه اندازی فرانت اند

00:09:07

راه اندازی فرانت اند

54
  • طراحی صفحه ورود

00:14:26

طراحی صفحه ورود

55
  • راه اندازی context

00:11:23

راه اندازی context

56
  • نصب و راه اندازی formik و yup

00:10:34

نصب و راه اندازی formik و yup

57
  • ساخت اعتبارسنجی فرم ورود

00:11:10

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

58
  • ساخت بخش ورود به حساب کاربری

00:10:48

ساخت بخش ورود به حساب کاربری

59
  • ادامه ساخت بخش ورود کاربری

00:12:04

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

60
  • ادامه ساخت بخش ورود کاربری

00:11:40

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

61
  • ادامه ساخت بخش ورود

00:10:25

ادامه ساخت بخش ورود

62
  • ساخت refresh token در فرانت

00:13:01

ساخت refresh token در فرانت

63
  • ادامه ساخت بخش refresh token در فرانت

00:10:33

ادامه ساخت بخش refresh token در فرانت

64
  • تکمیل بخش refresh token در فرانت

00:06:59

تکمیل بخش refresh token در فرانت

65
  • شروع به طراحی پنل ادمین

00:12:07

شروع به طراحی پنل ادمین

66
  • طراحی سایدبار پنل ادمین

00:11:27

طراحی سایدبار پنل ادمین

67
  • طراحی بخش information پنل ادمین

00:13:14

طراحی بخش information پنل ادمین

68
  • تکمیل طراحی پنل ادمین

00:12:04

تکمیل طراحی پنل ادمین

69
  • شروع به ساخت بخش خبرها

00:10:33

شروع به ساخت بخش خبرها

70
  • ساخت Layout بندی پنل ادمین

00:07:38

ساخت Layout بندی پنل ادمین

71
  • طراحی صفحه مشاهده خبر

00:11:08

طراحی صفحه مشاهده خبر

72
  • طراحی فرم ارسال خبر

00:09:25

طراحی فرم ارسال خبر

73
  • راه اندازی formik و yup در ارسال خبر

00:10:49

راه اندازی formik و yup در ارسال خبر

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

00:13:41

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

75
  • ساخت پیش نمایش عکس

00:09:47

ساخت پیش نمایش عکس

76
  • ساخت بخش ارسال فرم خبر

00:10:10

ساخت بخش ارسال فرم خبر

77
  • تکمیل ارسال فرم خبر به سرور

00:12:53

تکمیل ارسال فرم خبر به سرور

78
  • نمایش خبرها در پنل ادمین

00:12:43

نمایش خبرها در پنل ادمین

79
  • ساخت بخش حذف خبر

00:12:32

ساخت بخش حذف خبر

80
  • ادامه ساخت بخش حذف خبر

00:09:44

ادامه ساخت بخش حذف خبر

81
  • طراحی modal برای حذف خبر

00:13:40

طراحی modal برای حذف خبر

82
  • تکمیل ساخت modal حذف خبر

00:10:19

تکمیل ساخت modal حذف خبر

83
  • شروع به ساخت بخش ویرایش خبر

00:11:45

شروع به ساخت بخش ویرایش خبر

84
  • ادامه ساخت ویرایش خبر

00:13:04

ادامه ساخت ویرایش خبر

85
  • ادامه ساخت بخش ویرایش خبر

00:10:04

ادامه ساخت بخش ویرایش خبر

86
  • تکمیل ساخت ویرایش بخش خبر

00:11:25

تکمیل ساخت ویرایش بخش خبر

87
  • شروع به ساخت بخش دسته بندی

00:10:12

شروع به ساخت بخش دسته بندی

88
  • ادامه ساخت بخش دسته بندی

00:12:25

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

89
  • تکمیل ساخت دسته بندی و نمایش دسته بندی

00:12:19

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

90
  • ساخت بخش ویرایش دسته بندی

00:10:56

ساخت بخش ویرایش دسته بندی

91
  • تکمیل ویرایش دسته بندی و ساخت بخش حذف دسته بندی

00:11:57

تکمیل ویرایش دسته بندی و ساخت بخش حذف دسته بندی

92
  • شروع به ساخت بخش ویدیو

00:11:08

شروع به ساخت بخش ویدیو

93
  • ساخت بخش ارسال ویدیو

00:16:29

ساخت بخش ارسال ویدیو

94
  • ساخت بخش نمایش ویدیوها

00:10:29

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

95
  • ساخت بخش حذف ویدیو

00:10:27

ساخت بخش حذف ویدیو

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

00:12:41

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

97
  • ادامه ساخت ایجاد کاربر

00:10:18

ادامه ساخت ایجاد کاربر

98
  • تکمیل ساخت بخش ایجاد کاربر

00:13:09

تکمیل ساخت بخش ایجاد کاربر

99
  • ساخت بخش نمایش کاربران

00:10:13

ساخت بخش نمایش کاربران

100
  • ساخت بخش ویرایش کاربران

00:10:41

ساخت بخش ویرایش کاربران

101
  • ادامه ساخت بخش ویرایش کاربر

00:10:16

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

102
  • ساخت بخش حذف کاربر

00:08:57

ساخت بخش حذف کاربر

103
  • ساخت بخش خروج از پنل مدیریت

00:10:13

ساخت بخش خروج از پنل مدیریت

104
  • ساخت بخش ویرایش پروفایل

00:10:26

ساخت بخش ویرایش پروفایل

105
  • ادامه ساخت ویرایش پروفایل

00:09:06

ادامه ساخت ویرایش پروفایل

106
  • ادامه ساخت ویرایش پروفایل

00:12:33

ادامه ساخت ویرایش پروفایل

107
  • تکمیل بخش ویرایش پروفایل

00:09:26

تکمیل بخش ویرایش پروفایل

108
  • شروع به طراحی صفحه اصلی سایت

00:11:12

شروع به طراحی صفحه اصلی سایت

109
  • طراحی بخش top bar

00:11:12

طراحی بخش top bar

110
  • طراحی بخش خانه

00:09:00

طراحی بخش خانه

111
  • ادامه طراحی بخش خانه

00:11:20

ادامه طراحی بخش خانه

112
  • طراحی بخش whats news

00:10:26

طراحی بخش whats news

113
  • ادامه طراحی whats news

00:10:38

ادامه طراحی whats news

114
  • ادامه طراحی بخش whats news

00:12:11

ادامه طراحی بخش whats news

115
  • ریسپانسیو سازی بخش whats news

00:11:20

ریسپانسیو سازی بخش whats news

116
  • ساخت بخش محبوب ترین خبرها

00:10:47

ساخت بخش محبوب ترین خبرها

117
  • ادامه ساخت بخش محبوب ترین خبرها

00:10:59

ادامه ساخت بخش محبوب ترین خبرها

118
  • تکمیل طراحی بخش محبوب ترین خبرها

00:08:48

تکمیل طراحی بخش محبوب ترین خبرها

119
  • طراحی بخش فوتر

00:11:16

طراحی بخش فوتر

120
  • تکمیل طراحی فوتر

00:11:12

تکمیل طراحی فوتر

121
  • طراحی صفحه درباره ما

00:09:15

طراحی صفحه درباره ما

122
  • طراحی صفحه تماس با ما

00:08:46

طراحی صفحه تماس با ما

123
  • طراحی صفحه جزئیات خبرها

00:11:29

طراحی صفحه جزئیات خبرها

124
  • ادامه طراحی صفحه جزئیات خبر

00:11:58

ادامه طراحی صفحه جزئیات خبر

125
  • تکمیل طراحی بخش جزئیات خبر

00:12:23

تکمیل طراحی بخش جزئیات خبر

126
  • راه اندازی reducer

00:10:27

راه اندازی reducer

127
  • ادامه راه اندازی reducer

00:10:24

ادامه راه اندازی reducer

128
  • دریافت اطلاعات ویدیو با reducer

00:10:54

دریافت اطلاعات ویدیو با reducer

129
  • نمایش ویدیو در صفحه اصلی

00:11:50

نمایش ویدیو در صفحه اصلی

130
  • ساخت لودینگ

00:09:00

ساخت لودینگ

131
  • دریافت آخرین ویدیوها با reducer

00:10:12

دریافت آخرین ویدیوها با reducer

132
  • ادامه ساخت بخش آخرین خبرها

00:11:46

ادامه ساخت بخش آخرین خبرها

133
  • نمایش اطلاعات آخرین خبرها

00:10:18

نمایش اطلاعات آخرین خبرها

134
  • شروع به ساخت بخش فیلتر خبرها

00:11:09

شروع به ساخت بخش فیلتر خبرها

135
  • ادامه ساخت فیلتر خبرها

00:11:15

ادامه ساخت فیلتر خبرها

136
  • ادامه ساخت فیلتر خبرها

00:11:52

ادامه ساخت فیلتر خبرها

137
  • تکمیل ساخت فیلتر خبرها

00:13:49

تکمیل ساخت فیلتر خبرها

138
  • داینامیک سازی بخش محبوب ترین خبرها

00:10:19

داینامیک سازی بخش محبوب ترین خبرها

139
  • تکمیل داینامیک سازی محبوب ترین خبرها

00:10:41

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

140
  • نمایش جزئیات خبرها

00:13:41

نمایش جزئیات خبرها

141
  • ساخت بخش ارسال نظرات

00:11:13

ساخت بخش ارسال نظرات

142
  • ادامه ساخت ارسال نظر و ساخت بخش دریافت نظرات

00:13:08

ادامه ساخت ارسال نظر و ساخت بخش دریافت نظرات

143
  • ساخت بخش نمایش نظرات

00:10:45

ساخت بخش نمایش نظرات

144
  • نمایش نظرات در پنل مدیریت

00:10:24

نمایش نظرات در پنل مدیریت

145
  • تکمیل نمایش و ساخت بخش حذف نظرات

00:09:29

تکمیل نمایش و ساخت بخش حذف نظرات

146
  • ساخت بخش فعال و غیر فعال کردن نظرات

00:12:44

ساخت بخش فعال و غیر فعال کردن نظرات

147
  • ساخت بخش بازدید خبرها

00:12:46

ساخت بخش بازدید خبرها

148
  • ساخت بخش ارسال ایمیل در تماس با ما

00:14:09

ساخت بخش ارسال ایمیل در تماس با ما

149
  • تکمیل بخش ارسال ایمیل کاربر

00:10:50

تکمیل بخش ارسال ایمیل کاربر

150
  • محدود سازی پنل ادمین

00:10:44

محدود سازی پنل ادمین

151
  • مدیریت مسیرهای اشتباه

00:11:53

مدیریت مسیرهای اشتباه

152
  • ریسپانسیو سازی پنل

00:09:39

ریسپانسیو سازی پنل

153
  • محدود سازی نویسنده در پنل (پایان دوره)

00:12:07

محدود سازی نویسنده در پنل (پایان دوره)

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

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

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

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