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
فرزاد (خریدار محصول) –
استاد vite رو به آپدیت دوره اضافه کنین، توی داکیومنت خود ریاکت هم جدیدا بهش اشاره شده!
محمدامین سعیدی راد –
سلام عزیز دل.
چشم. راجع بهش اطلاع رسانی میکنم.
مجتبی احمدزاده (خریدار محصول) –
سلام استاد سال نو بر شما و خانواده محترمون مبارک باشه
استاد یه سوال کتابخونه graphql رو اموزش میدین؟
محمدامین سعیدی راد –
سلام مجتبی جان، مخلصم.
عید شما هم مبارک.
تو این دوره نه. صحبتی راجع به GraphQL نشده.
مجتبی احمدزاده (خریدار محصول) –
استاد تو برنامه تون هست GraphQL آموزش بدین؟
محمدامین سعیدی راد –
تو این دوره نه، تو دوره متخصص Nodejs یه فصل جامع براش در نظر گرفتم.
شاید در آینده یه دوره واسه خود GraphQL هم داشته باشیم.
jafari313 (خریدار محصول) –
جز سرفصل های دوره NodeJS هست
mustafa1384IR –
سلام استاد مدرک دهی به چه صورت انجام می شود؟
فقط یک بار میشود آزمون داد؟
اگر خریدار دوره نباشیم میتونیم در آزمون شرکت کنیم؟
محمدامین سعیدی راد –
سلام عزیز.
فعلا سیستم ارائه مدرک تو سبزلرن هندل نشده.
در آینده این قابلیت برای دورهها لانچ میشه و راجع به این موضوعات تصمیم گیری های لازم گرفته میشه.
جواد –
استاد عزیز سلام و عرض ادب ، برای ساخت پروژه react به من Error میده که ورژن node شما پایین هست و باید بالای 14 باشه و وقتی ورژن بالا رو دانلود می کنم که نصب کنم اخطار میده که این ورژن برای ویندوز 8 به بعد هست در حالی که ویندوز من 7 هستش . آیا حتما باید ویندوز رو عوض کنم ؟؟
محمدامین سعیدی راد –
سلام جواد جان.
میتونین ورژن های پایین رو نصب کنین اما اگه ویندوز رو عوض کنین بهتره.
چون در غیر این صورت بخاطر پایین بودن ورژن Nodejs ممکنه در آینده هم اذیت بشید.
Fatemeh (خریدار محصول) –
با سلام و احترام
در صورت امکان ممنون میشم یه آموزش درباره نحوه ساخت پکیج ریکتی که توی سایت npmjs قابل publish باشه ارائه کنید
محمدامین سعیدی راد –
سلام عزیز.
در آینده چشم. در قالب مقاله یا دوره کوتاه تو سبزپلاس (سرویسی که بزودی در کنار سبزلرن لانچ میشه) به این موضوع میپردازم.
Fatemeh (خریدار محصول) –
با سلام و احترام
یه سوال داشتم میخواستم بدونم برای ساخت پکیجهای ریکتی که با npm قابل نصب هستن آیا باید به زبان typescript نوشته بشه؟
و اینکه میتونیم پکیجهای typescript رو توی کدهای جاوا اسکریپتی و بلعکس استفاده کنیم؟
محمدامین سعیدی راد –
سلام عزیز.
نه، لزومی نداره که حتما باید با تایپ اسکریپت نوشته بشن. بدون تایپ اسکریپت هم میشه.
بستگی به پروژه و توسعه دهنده داره.
بله میتونین.
محمد حسین (خریدار محصول) –
سلام و وقت بخیر
خیلی ممنونم از تدریس عالی و حرفه ایتون، انشالله همیشه تنتون سلامت باشه
میخواستم درخواست کنم هر چقدر ممکنه آپدیت “ریاکت تیلویند” رو زودتر قرار بدین، سپاسگزارم
محمدامین سعیدی راد –
سلام عزیز، ممنونم از لطفتون.
به این دوره کانسپتی اضافه نمیشه.
این مورد رو سعی میکنم تو دوره 20 کتابخونه پرکاربرد ریاکت ردیف کنم براتون.
atenaei –
سلام در اتمام گواهی پایان دوره هم داده میشه؟
محمدامین سعیدی راد –
سلام عزیز، نه.
سبزلرن فعلا برنامهای برای گواهی نداره.
در آینده نزدیک قابلیت ارائه مدرک برای دورهها فعال میشه و انتهای دورهها طی یک آزمون گواهی هم ارائه میشه 👌❤️
Alii__as –
سلام استاد وقت بخیر. اسکرول بار پروژه آقای مرتضی (قسمت 52) چطور طراحی و شخصی سازی شده؟ میشه لطفا راهنمایی کنین؟
محمدامین سعیدی راد –
سلام عزیز.
راستش بابت پروژه ایشون حضور ذهن ندارم.
لطفا اسکرول مدنظرتون رو تو گروه پشتیبانی دوره ارسال کنید، بررسی میکنم براتون.
rozzzzzz (خریدار محصول) –
یکی از بهترین دوره های ریکت
چقدر مفاهیم پروژه محور و ساده توضیح داده می شه
دم شما گرم اقای سعیدی راد و ممنون از سبزلرن
محمدامین سعیدی راد –
ممنونم عزیز.
پر قدرت ادامه بدید ✌️❤️
AFROOZ.sh.71 –
سلام استاد وقتتون بخیر
من دوره بوت استرپ رو گذاشتم تا زمانی که شما تدریس کنید
برای ری اکت استاد به مشکل نمی خورم چون شما با بوت استرپ انجام دادید؟؟؟
محمدامین سعیدی راد –
سلام عزیز.
نه به مشکل نمیخورید.
فقط تو یه فصل بوت استرپ استفاده شده.
تو این دوره میتونید فصل بوت استرپ رو بذارید برای بعد.
علیرضا (خریدار محصول) –
سلام.استاد به نظرتون این هوش مصنوعی جدید که اومده (چت جی پی تی )و میگن کد هم میتونه بزنه و حتی من دیدم یه بازی ماری رو با کیفیت پایین ولی خیلی سریعتر از یه برنامه نویس سنیور ساخت بدون اینکه طرف بخواد کدی بزنه از برنامه نویس زودتر ساخت و خب همش کار همین هوش مصنوعی بود سوالم اینجاست که این هوش مصنوعی ها میتونن جای ما دولوپرها رو بگیرن یا نه و ایا ادامه دادن برنامه نویسی برای من اینده ای داره یا خیر چون دارم این دوره رو تازه شروع میکنم ممنون میشم تخصصی جواب بدین
محمدامین سعیدی راد –
سلام علیرضا جان.
هوش مصنوعی ChatGPT اتفاقا کمکی هست واسه برنامهنویسا، نه این که جاشونو بگیره!
همچین اتفاقی قرار نیست بیفته.
SamiraV –
سلام استاد وقت بخیر اول ازتون بابت اموزش بینظیر تون در js بیتهایت سپاسگزارم و ی درخواست ازتون داشتم اگ ممکن باشه …
ارزش دوره ی ریکت شما خیلی بیشتر از این قیمتی هست ک براش مشخص کردین واقعا از صمیم قلب میگم موفق ترین هستین و ممنونم ک صادقانه تجربیاتتون رو در اختیار دیگران قرار میدین اما درخواستم لطفا برا عید ی تخفیف بزارین ک کسایی ک مشکل مالی دارن هم بتونن تهیه کنند ان شالله بیشترین سودها و دعای خیر کسایی ک با اموزش شما ب رفاهی میرسن نصیبتون بشه .
محمدامین سعیدی راد –
سلام عزیز.
ممنونم از لطفتون و خوشحالم که تونستم مفید باشم براتون.
چشم. پسفردا تخفیفات بهاره به مناسبت سال جدید استارت میخورن.
amirreza (خریدار محصول) –
سلام
ببخشید شما تا الان ری اکت ورژن ۱۷ رو درس دادید یا ورژن ۱۸؟
اخه تو یوتیوب دیدم که تو ری اکت ورژن ۱۸ تحولات عظیمی اتفاق افتاده
محمدامین سعیدی راد –
سلام عزیز.
نکات و تغییرات لازم گفته شدن.
اگه باز موردی باشه در قالب آپدیت به دوره اضافه میشه.
amirhajizadeh –
سلام و خسته نباشید؛
آقای سعیدی راد دو تا سوال داشتم :
1 – منی که به html , css , flex , cssgrid , bootstrap , js , vue تسلط دارم ولی و تعداد خیلی کمی پروژه دارم اگه بخوام توی یه شرکت برنامه نویسی استخدام بشم به عنوان برنامه نویس جونیور استخدام میشم یا کارآموز؟
2 – برای استخدام شدن در یه شرکت به عنوان برنامه نویس نیاز به نمونه کار است یا فقط مهارت کافیه؟
محمدامین سعیدی راد –
سلام عزیز.
1. شرکت از کجا بفهمه چقد مهارت و تسلط داری؟ اگه نمونهکارت کمه، به همون اندازه شانس استخدامیت هم میاد پایین.
اگه نمونه کارای خوبی داشته باشی اصلا نیازی به کارآموزی نداری. میتونی واسه پوزیشن جونیور هم اپلای کنی.
2. یعنی چی؟ :/ خب نمونه کار و مهارت مکمل همدیگه هستن.
اگه مهارت نداشته باشی نمیتونی نمونه کار بزنی.
اگه هم نمونه کار نزنی یعنی مهارت نداری.
نمونه کار تنها اثبات بر مهارتته.