1معرفی فصل – رونمایی از پروژه00:07:58
2آماده سازی Folder Structure پروژه00:06:20
3پیاده سازی Routing اولیه پروژه00:11:04
4توسعه کامپوننت های Navbar و Topbar00:16:19
5توسعه کامپوننت Landing + کار با ابزار svg2jsx00:07:47
6استفاده از پکیج TypeWriter برای ایجاد افکت متنی00:10:45
7توسعه کامپوننت SectionHeader00:15:06
8پیاده سازی کامپوننت Course Box00:06:32
9توسعه کامپوننت About Us00:09:45
10پیاده سازی افکت CountUp برای آمار و ارقام Landing00:16:13
11توسعه Header سکشن های اسلایدر00:13:31
12پیاده سازی کامپوننت ArticleBox00:08:55
13توسعه Footer پروژه سبزلرن00:11:47
14پیاده سازی صفحه دسته بندی دورهها00:13:04
15توسعه کامپوننت Breadcrumb برای نمایش مسیر صفحات00:14:32
16توسعه سکشن اطلاعات اصلی دوره00:03:43
17توسعه کامپوننت باکس جزئیات دوره00:10:06
18توسعه سکشن نمایش توضیحات دوره00:11:33
19توسعه سایدبار صفحه جزئیات دوره00:09:55
20توسعه صفحه جزئیات مقاله00:18:27
21توسعه کامپوننت ثبت کامنت برای دورهها و مقالات00:07:21
22پیاده سازی Accordion برای نمایش جلسات دوره00:11:02
23پیاده سازی صفحه تمامی دورهها00:13:49
24پیاده سازی صفحات لاگین و ثبت نام00:13:16
25اضافه کردن loader برای تصاویر پروژه00:09:02
26هوک useReducer چیه و کی استفاده میشه؟00:20:30
27داینامیک سازی فرم و توسعه کامپوننت Input00:13:25
28پیاده سازی reducer برای مدیریت استیت های Input00:11:43
29توسعه کامپوننت Button00:14:40
30پیاده سازی Validation Rules برای ارزیابی اینپوتها00:13:40
31پیاده سازی Validator برای تعیین نتیجه اعتبارسنجی اینپوتها00:22:16
32توسعه کاستوم هوک برای مدیریت فرمها00:30:34
33پیاده سازی RegEx برای اعتبارسنجی ایمیل00:12:33
34نصب دیتابیس Mongodb00:05:19
35نصب نرم افزار Robo 3T00:03:26
36ایمپورت دیتابیس پروژه و اجرای کد های بکاند00:08:50
37Postman چیه و چطور استفاده میشه؟00:11:25
38JWT چیه؟00:08:36
39روند ایدهآل برای احراز هویت با JWT چطوریه؟00:06:39
40تفاوت Authentication و Authorization چیه؟00:04:57
41ایمپورت Api Doc در Postman00:09:47
42اعتبارسنجی فرم ثبت نام با کاستوم هوک00:12:19
43توسعه ثبت نام کاربر جدید00:14:35
44getMe چطور کار میکنه؟00:09:44
45پیاده سازی AuthContext برای احراز هویت کاربر00:11:13
46ذخیره AccessToken کاربر در مرورگر00:10:25
47دریافت اطلاعات کاربر از سرور به کمک Token00:11:49
48نمایش نام کاربر لاگین شده در NavBar سبزلرن00:06:56
49توسعه قابلیت لاگین کاربر00:13:32
50ذخیره Access Token در مرورگر هنگام لاگین00:06:26
51نمایش نتیجه لاگین با پکیج SweetAlert00:09:12
52اضافه کردن Google reCaptcha به فرم لاگین00:12:26
53نمایش لینک های Topbar به شکل رندوم و داینامیک00:12:19
54دریافت منوها و سابمنوها از سرور بکاند و نمایش در Navbar00:13:24
55دریافت اطلاعات دوره مورد نظر از سرور00:11:04
56مدیریت و دسته بندی دیتا های Response00:07:00
57نمایش جلسات مربوط به دوره مورد نظر00:12:15
58نمایش کامنت های مربوط به دوره مورد نظر00:13:06
59قطع دسترسی کاربر به ثبت کامنت در صورت لاگین نبودن00:09:49
60ثبت کامنت جدید برای دوره مورد نظر توسط کاربر00:15:02
61نمایش آخرین دوره های برگزار شده00:15:06
62نمایش دورهها طبق Category00:07:54
63پیاده سازی شرایط عدم وجود دوره برای یک Category00:05:51
64فیکس مشکل re-render نشدن کامپوننت هنگام تغییر Route00:03:20
65نمایش تمام دوره های برگزار شده00:05:16
66پیاده سازی منطق Pagination00:21:04
67محاسبه تعداد صفحات لازم برای Pagination00:12:05
68اضافه کردن Pagination به صفحه Category00:07:26
69نمایش اطلاعات مدرس دوره00:04:05
70نمایش آخرین مقاله های منتشر شده00:09:36
71نمایش جزئیات مقاله00:11:48
72نمایش کل مقالات منتشر شده در صفحه AllArticles00:15:13
73نمایش دوره های در حال پیش فروش به کمک Swiperjs00:15:00
74نمایش محبوب ترین دورهها به کمک Swiperjs00:07:55
75نمایش دورهها طبق مرتب سازی دلخواه کاربر00:22:11
76پیاده سازی حالت عدم وجود دوره برای مرتب سازی کاربر00:05:24
77توسعه قابلیت سرچ بین دورهها00:08:21
78دیباگ و بهینه سازی کامپوننتها به کمک memoization00:07:37
79تغییر نحوه چیدمان دورهها به دلخواه کاربر00:14:04
80پیاده سازی Ui و ولیدیشن فرم ارتباط با ما00:19:53
81اتصال صفحه ارتباط با ما به سمت سرور پروژه00:13:26
82پیاده سازی قابلیت عضویت در خبرنامه00:13:27
83پیاده سازی قابلیت سرچ سراسری در سایت توسط کاربر00:21:04
84رونمایی از پنل مدیریت00:09:43
85پیاده سازی Router و Sidebar پنل مدیریت00:14:50
86پیاده سازی کامپوننت Topbar پنل مدیریت00:10:11
87نمایش اطلاعات ادمین وارد شده در پنل00:06:50
88نمایش نوتیفیکیشن های ادمین بصورت داینامیک00:09:59
89پیاده سازی قابلیت “مشاهده کردم” نوتیفیکیشنها توسط مدیر00:11:50
90پیاده سازی حالت عدم وجود نوتیفیکیشن برای نمایش00:03:30
91توسعه قابلیت Logout ادمین از پنل00:08:48
92توسعه کامپوننت DataTable برای نمایش اطلاعات دلخواه00:07:58
93نمایش لیست کاربران ثبت نام شده در پنل ادمین00:07:23
94توسعه قابلیت حذف کاربر توسط ادمین00:09:18
95اضافه کردن فیلد شماره تماس به فرم ثبت نام کاربر00:07:54
96پیاده سازی قابلیت بن کردن کاربر توسط ادمین00:05:08
97جلوگیری از ثبت نام کاربر ban شده در فرم ثبت نام00:09:34
98اضافه کردن کاربر جدید توسط ادمین داخل Cms00:19:03
99نمایش لیست دورههای برگزار شده در پنل ادمین00:12:08
100نمایش دسته بندی دوره های سایت در پنل ادمین00:09:19
101اضافه کردن Category جدید به سایت00:23:08
102پیاده سازی قابلیت حذف دسته بندی00:09:56
103پیاده سازی قابلیت ویرایش اطلاعات دسته بندی00:13:26
104توسعه قابلیت حذف دوره مورد نظر00:10:27
105نمایش دسته بندی های موجود هنگام اضافه کردن دوره جدید00:16:33
106آماده سازی فرم مربوطه برای ساخت دوره جدید00:21:55
107ساخت آپلودر و نهایی کردن ایجاد دوره جدید در سایت00:20:07
108نمایش لیست پیغام های ثبت شده از ارتباط با ما (در قالب تیکت)00:11:08
109نمایش متن پیغام های کاربر به مدیر سایت00:03:40
110توسعه قابلیت پاسخگویی به سوالات کاربران در قالب ارسال ایمیل00:14:02
111اعتبارسنجی سلکتباکس انتخاب دسته بندی00:06:35
112حذف اطلاعات کاربر صفحه ارتباط با ما00:07:03
113نمایش لیست مقاله های منتشر شده00:09:33
114حذف مقاله مورد نظر از سایت00:09:19
115آماده سازی و اعتبارسنجی فرم انتشار مقاله جدید00:19:27
116اضافه کردن تکست ادیتور به فرم انتشار مقاله جدید (CkEditor)00:12:06
117انتشار مقاله جدید در سایت00:13:08
118کار با dangerouslySetInnerHTML در ریاکت00:09:07
119نحوه sanitize کردن Html Template برای جلوگیری از باگ Xss00:05:30
120نمایش محتوای Sanitize شده مقاله00:12:09
121آماده سازی و اعتبارسنجی فرم انتشار جلسه جدید00:13:23
122اضافه کردن آپلودر ویدیوی جلسات به فرم00:03:59
123ایجاد جلسه جدید برای دوره موردنظر00:08:56
124نمایش لیست جلسات برگزار شده در پنل ادمین00:08:03
125توسعه قابلیت حذف جلسه00:06:18
126داینامیک کردن اطلاعات صفحه اصلی سایت (دریافت از سرور)00:15:35
127تعیین رایگان بودن یا نبودن جلسات قبل از آپلود00:09:16
128قطع دسترسی کاربر به جلسات غیررایگان دورهها00:06:45
129آماده سازی صفحه جزئیات جلسات00:11:15
130مشاهده ویدئو و فایل پیوست هر جلسه توسط کاربر00:14:56
131تعیین رسیدگی یا عدم رسیدگی به پیغام های کاربران00:08:40
132نمایش منوها و زیرمنوهای سایت در پنل ادمین00:10:55
133پیاده سازی قابلیت حذف منو و زیرمنو00:08:14
134آماده سازی و اعتبارسنجی فرم ساخت منوی جدید00:11:35
135نهایی کردن قابلیت ساخت منو و زیرمنوی جدید00:08:56
136نمایش کامنت های ثبت شده در پنل ادمین00:08:42
137پیاده سازی قابلیت حذف کامنت00:07:25
138نمایش متن کامنت ثبت شده به مدیر00:02:09
139توسعه قابلیت بن کردن کاربر در صورت ثبت کامنت غیر اخلاقی00:06:49
140تعیین ثبت یا عدم ثبت پاسخ به کامنت های کاربران00:03:18
141توسعه قابلیت پاسخدهی به کامنتها از پنل ادمین00:10:24
142نمایش پاسخ هر کامنت زیر همون کامنت00:13:05
143عدم نمایش کامنتها قبل از تایید مدیر00:07:23
144توسعه قابلیت رد کامنت و عدم نمایش کامنت های رد شده00:06:17
145اماده سازی فرم ساخت کد تخفیف برای دورهها توسط مدیر00:11:42
146محدود کردن کد تخفیف برای دوره های مورد نظر00:05:43
147تولید کد تخفیف با درصد دلخواه برای دوره مورد نظر00:08:16
148نمایش کد های تخفیف ساخته شده با جزئیات00:10:56
149حذف کد تخفیف مورد نظر00:05:25
150توسعه قابلیت ذخیره سازی مقاله بعنوان پیشنویس00:11:28
151پیاده سازی قابلیت ادامه نوشتن مقاله ذخیره شده در پیش نویس00:10:35
152پیاده سازی صفحه اصلی پنل مدیریت00:12:27
153دریافت آمار ماهانه سایت از سرور و نمایش در صفحه اصلی پنل مدیر00:06:11
154پیاده سازی قابلیت ثبت نام در دوره های رایگان00:13:26
155ثبت نام در دوره های پولی بدون کد تخفیف00:10:57
156ثبت نام در دوره های پولی با اعمال کد تخفیف00:19:09
157امتیازدهی به دوره توسط کاربر هنگام ثبت کامنت00:12:29
158مشاهده امتیاز هر کاربر توسط مدیر سایت00:06:10
159نمایش امتیاز کل دوره با آیکون های Star00:05:58
160نمایش دوره های مرتبط در صفحه جزئیات هر دوره00:11:17
161شروع توسعه پنل کاربری – راه اندازی روتر و صفحه اول پنل00:13:17
162توسعه صفحه پیشخوان پنل کاربری سبزلرن00:11:30
163پیاده سازی قابلیت Logout پنل کاربر00:07:17
164نمایش سفارش های کاربر00:15:53
165نمایش جزئیات سفارش – نحوه پیاده سازی00:06:17
166نمایش دوره های خریداری شده کاربر00:13:12
167ساخت Tab Menu برای فیلترینگ دوره های ثبت نام شده00:20:02
168پیاده سازی حالت عدم وجود دوره برای فیلترینگ انتخاب کاربر00:04:24
169توسعه قابلیت ارسال تیکت (نمایش دپارتمانها)00:18:02
170نمایش دوره های کاربر هنگام ارسال تیکت00:09:29
171پیاده سازی ثبت تیکت توسط کاربر00:18:24
172دریافت تیکت های ثبت شده هر کاربر از سرور00:12:25
173نمایش تیکت های ثبت شده هر کاربر در پنل کاربریاش00:10:01
174نمایش پاسخ های داده شده به تیکت توسط مدیر در پنل کاربر00:22:43
175نمایش نتیجه ثبت تیکت به کمک پکیج SweetAlert00:05:33
m.firouzzadeh (خریدار محصول) –
سلام مرسی از دوره عالیتون خواستم خواهش کنم اگر ممکنه کلین کد در ریکت رو به عنوان اولین اپدیت به دوره اضافه کنید و دوره جدا اگر ممکنه برای تست نویسی هم در نظر بگیرید دیگه عالی میشه
محمدامین سعیدی راد –
سلام عزیز.
این دو کانسپت تو دوره 20 کتابخونه ریاکت آموزش داده میشن ❤️
Papymankan –
سلام خسته نباشین
به نظرتون قبل از شروع ریکت لازمه جی کوری یاد بگیریم؟
می تونیم بدون جی کوری بعد از دوره ریکت وارد بازار کار بشیم؟
محمدامین سعیدی راد –
سلام عزیز.
میشه گفت تو سال 2023 نیازی به جیکوئری ندارین.
بله میتونین. برای ورود به بازار کار نیازی به جیکوئری نیست.
mohammad (خریدار محصول) –
ممنونم از استاد عزیزم آقای سعیدی راد و سبزلرن که انقدر جامع و کامل و دقیق آموزشا رو آماده کردن عالی و بی نظیر بود از هر نظری این دوره عالیه
محمدامین سعیدی راد –
سلام عزیز.
خوشحالم که دوره براتون مفید بوده و رضایت کافی داشتین.
پر قدرت ادامه بدین ✌️❤️
payam007 –
سلام ببخشید یک سوال داشتم
اگر آپدیت واسه این دوره یا کلا واسه ریکت بیاد آیا خریدارا رایگان اونو دریافت میکنن؟
محمدامین سعیدی راد –
سلام عزیز.
مسلما بله.
اگه آپدیتی برای ریاکت ارائه بشه، آپدیت های دوره برای دانشجویان دوره رایگان خواهند بود.
Amir –
سلام ، من میخوام دوره رو با تخفیف 60 درصد بگیرم و کمتر از یک ساعت مونده به اتمام ، موقع انتقال به درگاه به مشکل میخورم و وارد درگاه نمیشه
محمدامین سعیدی راد –
سلام عزیز.
پیوی بهم پیام بده.
آیدی من: AminKhoy78@
mojtaba fallah –
سلام استاد خسته نباشید
بیخشید ما یه پروژه کوچیک زدیم با react فقط سه تا کامپوننت header,main,footer داره مثل تمرین هاتون اما وقتی کامپوننت main رو میدم به فانکشن app که خود app هم export میشه به صفحه index.js دیگه کدهای قبل مثل header نمایش داده نمیشه؟!!
و اگر هم footer رو استفاده کنم تو صفحه اصلی اونوقت صفحه main از بین میره و footer جاشو میگیره استاد مشگلش چی میتونه باشه؟
محمدامین سعیدی راد –
سلام عزیز.
لطفا سوالات فنی مربوط به دوره ریاکت رو تو گروه پشتیبانی دوره بپرسید.
mojtaba fallah –
استاد ما به این گروه دسترسی نداریم تو کدوم پیام رسان هستش ؟
و اینکه استاد ایده برای پروژه نداریم میتونید کمکمون کنید ؟
محمدامین سعیدی راد –
سلام عزیز.
پشتیبانی دوره ریاکت تو گروه تلگرامی انجام میشه.
برای دریافت لینک عضویت گروه پشتیبانی، از طریق پنل کاربریتون تیکت ارسال کنید.