مخصوص اعضای ویژه 
قیمت این دوره با تخفیف 30% : 560,000 تومان مهلت استفاده از این تخفیف تا :
قیمت این دوره: 800,000 560,000 تومان
- مدرس دوره : یونس قربانی ( رزومه )
- تعداد ویدیوها : 314 ویدیو
- مدت زمان دوره : 76:42:00
- سطح دوره : متوسط
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1403/05/29
آموزش صفر تا صد ReactJs
امروزه ReactJs به سرعت در حال تبدیل شدن به یک ابزار بسیار قدرتمند برای ساخت وب اپلیکیشن ها است و خیلی از معروفترین سایت ها از جمله فیسبوک , توییتر, نتفلیکس , یاهو , اینستاگرام و غیره همه در حال استفاده از این ابزار بسیار قدرتمند برای هرچه سریعتر و کارآمدتر کردن سایت و وب اپلیکیشن های خود هستند.
ری اکت برخلاف سایر رقبای خود که فریم ورک هستند یک کتابخانه جاوااسکریپت است پس نسبت به رقبای خود روند یادگیری کوتاه تری را دارد و یکی از بهترین ویژگی های ری اکت دادن قدرت انتخاب به توسعه دهندگان برای انتخاب ابزارهای مورد علاقه آنهاست برخلاف رقبای خود که توسعه دهندگان تنها باید از ابزارهای قرار داده شده استفاده کنند و در شرایطی با یک بروزرسانی کوچک باید اکثر مواردی که استفاده شده دوباره بعد یادگیری مجدد بازنویسی کنند.
ری اکت بسیار سریع و کارآمد و محبوبترین کتابخانه جاوااسکریپت می باشد به این معنی است که تعداد توسعه دهندگان بسیار زیادی دارد که این باعث می شود خیلی از ابزارهای مورد نیاز موجود باشد و مهمتر از همه هر سوالی که براتون پیش بیاد از قبل برای کسی پیش آمده و جوابش موجود هست.
در این دوره سعی میکنیم از صفر (مباحث پایه) شروع کنیم تا با ریتمی آهسته به همراه مثال و تمرینات به بخش های پیشرفته برسیم .این دوره دانشجو محور خواهد بود و تمامی نظرات شما دانشجویان عزیز درنظر گرفته می شود تا در کنار هم یک دوره کامل بسازیم.این دوره طوری طراحی شده است که بعد از اتمام بتوانید بدون نیاز به آموزش های دیگر راه خودتان را برای ورود به بازار کار و حرفه ایی شدن پیدا کنید.
سرفصل های دوره :
معرفی دوره
مباحث پایه ری اکت
آشنایی با ContextAPI و Hooks
یادگیری React Router
یادگیری Material UI
نحوه Build و آنلاین کردن اپلیکیشن ری اکتی
یادگیری Redux و Redux Thunk
یادگیری مباحث پایه NextJs
آشنایی با PWA
تست نویسی در ری اکت توسط کتابخانه Jest
پیش نیاز های دوره :
- آشنایی با جاوااسکریپت
- آشنایی با Html و Css
فهرستـــ ویدیوها
مدت زمان دوره 76:42:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
2
مسیر دوره
00:05:27
در این قسمت درباره مسیری که در این دوره به همراه هم طی خواهیم کرد صحبت میکنیم که قرار هست با چه مواردی آشنا بشیم و چه پروژه هایی در کنار هم بسازیم.
3
آماده سازی محیط توسعه در سیستم عامل مک
00:06:20
در این قسمت در مورد نحوه آماده سازی محیط توسعه در سیستم عامل مک صحبت خواهیم کرد.
4
آماده سازی محیط توسعه در سیستم عامل ویندوز
00:07:16
در این قسمت در مورد آماده سازی محیط توسعه در سیستم عامل ویندوز صحبت خواهیم کرد.
5
آماده سازی محیط توسعه در سیستم عامل لینوکس
00:10:03
در این قسمت در مورد آماده سازی محیط توسعه در سیستم عامل لینوکس صحبت خواهیم کرد.
7
نحوه گرفتن بهترین نتیجه از این دوره
00:06:34
در این قسمت درباره اینکه به چه صورت میتونیم بهترین نتیجه رو با دیدن این دوره بگیریم صحبت خواهیم کرد.
9
دلیل متولد شدن ری اکت
00:10:42
در این قسمت در اینباره صحبت میکنیم که ری اکت چرا به وجود آمده و چه مشکلاتی رو حل میکنه.
13
کتابخانه رابط کاربری
00:03:30
در این قسمت درباره مبحث آخر این فصل کتابخانه رابط کاربری صحبت خواهیم کرد.
14
معرفی فصل دوم
00:02:22
در این قسمت در مورد تمامی مباحثی که در فصل دوم خواهید آموخت صحبت خواهیم کرد.
15
آشنایی با ابزار CRA و Vite
00:10:30
در این قسمت با ابزارهای create-react-app و vite جهت ساخت محیط توسعه ری اکت آشنا خواهیم شد.
16
ساخت اولین پروژه ری اکتی
00:10:13
در این قسمت با نحوه ساخت اولین پروژه ری اکت توسط ابزار create-react-app به همراه توضیح فلگ های مورد استفاده صحبت خواهیم کرد.
17
آشنایی با ساختار پروژه ری اکتی
00:15:17
در این قسمت با ساختار یک پروژه ری اکتی ساخته شده توسط ابزار create-react-app آشنا خواهید شد.
20
معرفی فصل سوم
00:01:26
در این قسمت به معرفی فصل سوم خواهیم پرداخت و در مورد مواردی که در کنار هم خواهیم آموخت صحبت خواهیم کرد.
26
معرفی فصل چهارم
00:01:34
در این قسمت در مورد تمامی مباحثی که در فصل چهارم خواهید آموخت صحبت خواهیم کرد.
30
تفاوت کامپوننت های کلاسی با تابعی
00:05:27
در این قسمت درباره تفاوت کامپوننت های کلاسی و تابعی صحبت خواهیم کرد.
32
Props ها تغییر ناپذیر هستند
00:04:07
در این قسمت درباره تغییر ناپذیر بودن Props ها صحبت خواهیم کرد.
33
انواع نوع داده Props
00:03:45
در این قسمت با انواع نوع داده ایی که میتونیم توسط Props بفرستیم صحبت خواهیم کرد.
35
تعریف مقدار پیش فرض Props
00:06:58
در این قسمت با نحوه تعریف مقدار پیش فرض برای Props ها آشنا خواهیم شد.
37
State در کامپوننت های کلاسی
00:10:03
در این قسمت با نحوه پیاده سازی State در کامپوننت های کلاسی آشنا خواهیم شد.
38
State در کامپوننت های تابعی
00:08:09
در این قسمت با نحوه پیاده سازی State در کامپوننت های تابعی آشنا خواهیم شد.
39
رویداد ها و مدیریت آنها در کامپوننت های تابعی
00:07:22
در این قسمت با رویداد ها و مدیریت آنها در کامپوننت های تابعی آشنا خواهیم شد.
40
رویداد ها و مدیریت آنها در کامپوننت های کلاسی
00:08:40
در این قسمت با رویداد ها و مدیریت آنها در کامپوننت های کلاسی آشنا خواهیم شد.
41
اعتبار سنجی Props توسط PropTypes
00:10:22
در این قسمت با نحوه اعتبار سنجی Props توسط ابزار فوق العاده PropTypes آشنا خواهیم شد.
43
استایل دهی داینامیک در ری اکت
00:09:26
در این قسمت با نحوه استایل دهی داینامیک در ری اکت آشنا خواهیم شد.
44
آشنایی با CSS Module
00:08:10
در این قسمت با Css Module جهت استایل دهی در Scope یک کامپوننت آشنا خواهیم شد.
45
آشنایی با ابزار Classnames
00:05:36
در این قسمت به معرفی ابزار فوق العاده Classnames خواهیم پرداخت.
46
معرفی فصل ششم
00:05:33
در این قسمت با تمامی مباحثی که در این فصل در کنار هم خواهیم آموخت صحبت خواهیم کرد.
48
پیاده سازی Bootstrap و Font Awesome
00:17:14
در این قسمت با نحوه پیاده سازی Bootstrap به همراه FontAwesome در پروژه آشنا خواهیم شد.
49
اضافه کردن فونت فارسی سفارشی به پروژه
00:11:16
در این قسمت با نحوه اضافه کردن فونت های سفارشی به پروژه ری اکتی آشنا خواهیم شد.
50
ساخت کامپوننت های Navbar و Search
00:15:05
در این قسمت کامپوننت های Navbar و SearchContact را خواهیم ساخت .
51
پیاده سازی پلت رنگ های پروژه و استایل های سفارشی
00:18:56
در این قسمت به پیاده سازی پلت رنگ های پروژه به همراه استایل های سفارشی خواهیم پرداخت.
53
ساخت کامپوننت های مخاطبین و مخاطب
00:23:36
در این قسمت به ساخت کامپوننت های مخاطبین و مخاطب ها خواهیم پرداخت .
55
پیاده سازی Spinner
00:10:14
در این قسمت با نحوه پیاده سازی Spinner ها و PreLoader ها در ری اکت آشنا خواهیم شد.
56
راهکاری بهتر جهت Import کردن کامپوننت ها
00:09:34
در این قسمت با روشی بهتر جهت Import کردن کامپوننت ها آشنا خواهیم شد.
57
معرفی فصل هفتم
00:02:00
در این قسمت در مورد تمامی مباحثی که در فصل هفتم خواهید آموخت صحبت خواهیم کرد.
58
آشنایی با React Router و پیکربندی مسیرها
00:08:22
در این قسمت با کتابخانه معروف مسیردهی در ری اکت به نام React Router آشنا خواهیم شد و در مورد پیکربندی و نصب اولیه صحبت خواهیم کرد.
60
پیاده سازی Routes و Route
00:09:02
در این قسمت با نحوه پیاده سازی Routes و Route در ری اکت توسط React Router آشنا خواهیم شد.
61
نمایش لیست کتاب ها و Link دادن با پارامتر
00:10:20
در این قسمت کتاب ها را لیست خواهیم کرد که هر کدام حاوی Link با پارامتر خواهند بود.
62
خواندن پارامتر از آدرس URL
00:16:09
در این قسمت با نحوه خواندن پارامترها از آدرس URL آشنا خواهیم شد.
63
ساخت و پیاده سازی مسیر Not Found
00:06:36
در این قسمت با نحوه ساخت و پیاده سازی مسیر Not Found آشنا خواهیم شد.
64
آشنایی و پیاده سازی NavLink در React Router
00:05:36
در این قسمت با نحوه پیاده سازی NavLink در React Router آشنا خواهیم شد.
65
آشنایی با هوک های useSearchParams و useLocation
00:15:30
در این قسمت با نحوه پیاده سازی جستجو توسط هوک های فوق العاده useSearchParams و useLocation آشنا خواهیم شد.
66
آشنایی با هوک useNavigate
00:07:43
در این قسمت با یکی از هوک های فوق العاده React Router به نام useNavigate آشنا خواهیم شد.
69
آشنایی با چرخه حیات کامپوننت ها
00:12:41
در این قسمت در مورد چرخه حیات کامپوننت ها صحبت خواهیم کرد.
70
چرخه حیات ساخت در کامپوننت های نوع کلاسی
00:15:56
در این قسمت در مورد چرخه حیات ساخت در کامپوننت های نوع کلاسی صحبت خواهیم کرد.
71
چرخه حیات بروزرسانی و از نصب خارج شدن در کامپوننت های نوع کلاسی
00:25:13
در این قسمت در مورد چرخه حیات بروزرسانی و از بین رفتن در کامپوننت های کلاسی صحبت خواهیم کرد.
72
چرخه حیات در کامپوننت های نوع تابعی توسط هوک useEffect
00:13:06
در این قسمت در مورد چرخه حیات در کامپوننت های تابعی توسط هوک useEffect صحبت خواهیم کرد.
74
دریافت و نمایش مخاطبین به همراه گروه ها از سرور JSON
00:13:57
در این قسمت با نحوه دریافت مخاطبین و گروه ها از سرور JSON به همراه نمایش مخاطبین آشنا خواهید شد.
75
ساخت سرویس های ارتباط با سرور JSON توسط Axios
00:11:46
در این قسمت با نحوه ساخت سرویس های ارتباط با سرور توسط ابزار فوق العاده axios آشنا خواهید شد.
76
پیاده سازی کامپوننت ساخت مخاطب
00:27:48
در این قسمت با نحوه پیاده سازی کامپوننت ساخت مخاطب جدید آشنا خواهیم شد.
77
پیاده سازی کامپوننت اطلاعات کامل مخاطب
00:17:21
در این قسمت با نحوه ساخت و پیاده سازی کامپوننت اطلاعات کامل مخاطب آشنا خواهید شد.
78
پیاده سازی کامپوننت ویرایش مخاطب
00:13:36
در این قسمت با نحوه پیاده سازی و ساخت کامپوننت ویرایش مخاطب آشنا خواهید شد.
79
پیاده سازی Alert برای حذف مخاطب
00:23:21
در این قسمت با نحوه ساخت Alert تایید برای حذف مخاطب آشنا خواهید شد.
83
استفاده از Context API در پروژه مدیریت کننده مخاطبین بخش اول
00:30:01
در این قسمت به ریفکتور کردن پروژه مدیریت کننده مخاطبین خواهیم پرداخت و همچنین از Context API بهره خواهیم برد.
84
استفاده از Context API در پروژه مدیریت کننده مخاطبین بخش دوم
00:21:50
در این قسمت به ریفکتور کردن پروژه مدیریت کننده مخاطبین خواهیم پرداخت و همچنین از Context API بهره خواهیم برد.
85
استفاده از Context API در پروژه مدیریت کننده مخاطبین بخش سوم
01:03:44
در این قسمت به ریفکتور کردن پروژه مدیریت کننده مخاطبین خواهیم پرداخت و همچنین از Context API بهره خواهیم برد.
87
هوک useMemo
00:26:30
در این قسمت با یکی از هوک های فوق العاده ری اکت با نام useMemo آشنا خواهید شد.
88
هوک useCallback
00:14:23
در این قسمت با هوک useCallback یکی از هوک هایی که بسیار توسط توسعه دهندگان ری اکت مورد استفاده قرار میگیره آشنا خواهیم شد.
89
هوک useReducer
00:37:29
در این قسمت با یکی از هوک های فوق العاده ری اکت به نام useReducer آشنا خواهیم شد.
90
هوک useLayoutEffect
00:18:44
در این قسمت با یکی دیگر از هوک های ری اکت به نام useLayoutEffect آشنا خواهید شد.
91
هوک useImperativeHandle
00:17:18
در این قسمت با یکی دیگر از هوک های فوق العاده ری اکتی به نام useImperativeHandle آشنا خواهیم شد.
92
هوک useDeferredValue
00:20:11
در این قسمت با یکی دیگر از هوک های فوق العاده ری اکتی با نام useDeferredValue آشنا خواهیم شد که این هوک به همراه هوک useTransition در ورژن ۱۸ ری اکت معرفی شدن.
93
هوک useTransition
00:15:02
در این قسمت با یکی از هوک های فوق العاده دیگه به نام useTransition آشنا خواهیم شد که یکی از هوک های جدید هست که در ورژن ۱۸ ری اکت معرفی شد.
95
هوک های useDebugValue و useId
00:16:20
در این قسمت با هوک های useDebugValue و useId آشنا خواهیم شد به همراه صحبت های پایانی این فصل.
98
آشنایی با Debounce
00:20:18
در این قسمت با Debounce کردن و منطق و پیاده سازی آن در ری اکت آشنا خواهید شد.
100
کتابخانه Lodash
00:15:29
در این قسمت با یکی از کتابخانه های معروف و فوق العاده به نام Lodash آشنا خواهیم شد.
101
اعتبارسنجی فرم ها توسط YUP
00:30:58
در این قسمت با یک کتابخانه فوق العاده به نام Yup جهت اعتبارسنجی فرم ها در ری اکت و ری اکت نیتیو آشنا خواهیم شد.
102
ساخت و اعتبارسنجی فرم ها توسط Formik بخش اول
00:24:39
در این قسمت با یکی از کامپوننت های بسیار پرطرفدار و کاربردی برای ساخت و اعتبارسنجی فرم ها به نام Formik آشنا خواهیم شد.
103
ساخت و اعتبارسنجی فرم ها توسط Formik بخش دوم
00:31:03
در این قسمت با یکی از کامپوننت های بسیار پرطرفدار و کاربردی برای ساخت و اعتبارسنجی فرم ها به نام Formik آشنا خواهیم شد.
104
آشنایی با Shallow Copy و Deep Copy
00:18:10
در این قسمت با مباحث مهمی از جمله Shallow Copy و Deep Copy آشنا خواهیم شد.
105
آشنایی و استفاده از ImmerJs
00:28:19
در این قسمت با یک کتابخانه فوق العاده به نام ImmerJs آشنا خواهیم شد.
106
آشنایی و استفاده از React Toastify
00:18:10
در این قسمت با یکی از کامپوننت های فوق العاده برای نمایش Toast در اپلیکیشن به نام React Toastify آشنا خواهید شد.
107
آشنایی و استفاده از React Hot Toast
00:11:26
در این قسمت با یکی از کامپوننت های فوق العاده برای نمایش Toast در اپلیکیشن با نام React Hot Toast آشنا خواهید شد.
108
معرفی فصل یازدهم
00:02:41
در این قسمت با تمامیه مواردی که در فصل یازدهم تدریس خواهد شد صحبت میکنیم.
110
آشنایی با Concurrently
00:13:20
در این قسمت با یک ابزار فوق العاده جهت اجرای همزمان چندین اسکریپت آشنا خواهیم شد.
111
Build کردن پروژه مخاطبین و آشنایی با Serve
00:17:39
در این قسمت با نحوه Build کردن پروژه مخاطبین و مراحلی که باید قبل از Build کردن به آنها توجه کنیم صحبت خواهیم کرد و همچنین با ابزاری فوق العاده جهت اجرا کردن پروژه بعد از Build کردن آشنا خواهیم شد.
112
آنلاین کردن وب اپلیکیشن مخاطبین در هاست سی پنل
00:16:43
در این قسمت با نحوه آنلاین کردن وب اپلیکیشن های ری اکتی در هاست های سی پنل آشنا خواهید شد.
113
آنلاین کردن JSON Server در هاست سی پنل NodeJs
00:19:01
در این قسمت با نحوه آنلاین کردن بک اند پروژه مخاطبین JSON Server در هاست سی پنل NodeJs آشنا خواهید شد.
114
آنلاین کردن پروژه مخاطبین در گیت هاب
00:34:55
در این قسمت با نحوه آنلاین کردن رایگان پروژه مخاطبین در پلتفرم پرطرفدار گیت هاب آشنا خواهیم شد.
115
آنلاین کردن پروژه مخاطبین در پلتفرم ابری Heroku
00:26:33
در این قسمت با نحوه آنلاین کردن پروژه مخاطبین در پلتفرم ابری فوق العاده Heroku آشنا خواهیم شد.
116
آنلاین کردن پروژه مخاطبین در پلتفرم Vercel
00:15:25
در این قسمت با نحوه آنلاین کردن پروژه مخاطبین در پلتفرم فوق العاده Vercel آشنا خواهیم شد.
117
معرفی فصل دوازدهم
00:01:41
در این قسمت به معرفی تمامیه مباحثی که قرار هست در این فصل آموزش داده بشه خواهیم پرداخت.
118
کامپوننت های مرتبه بالا HOC
00:14:19
در این قسمت با کامپوننت های مرتبه بالا Higher Order Component آشنا خواهید شد.
120
آشنایی با کامپوننت های Controlled و Uncontrolled
00:21:05
در این قسمت با کامپوننتهای کنترل شده Controlled و همچنین با کامپوننتهای کنترل نشده Uncontrolled آشنا خواهید شد.
121
آشنایی با Code Splitting و Async Importing برای Export های Default و Named
00:20:50
در این قسمت با یکی از مباحث فوق العاده دنیای ری اکت به نام Code Splitting آشنا خواهیم شد که باهم یاد خواهیم گرفت به چه صورتی کدهای نوشته شده را به صورت Async وارد کنیم توسط import
122
آشنایی با Code Splitting و React Lazy Import
00:14:22
در این قسمت با نحوه Load کردن کامپوننت ها به صورت Async توسط React Lazy آشنا خواهیم شد.
123
آشنایی با Error Boundary
00:19:19
در این قسمت با یکی از نکات مهم جهت مدیریت خطاها به نام Error Boundary آشنا خواهید شد.
124
آشنایی با React Helmet Async
00:11:40
در این قسمت با یکی از کامپوننت هایی که در تمامی وب اپلیکیشن هایی که میسازید یکی از الزامات هست به نام React Helmet آشنا خواهید شد.
125
آشنایی با React Icons
00:10:09
در این قسمت با یکی از کامپوننت های فوق العاده جهت دسترسی به تمامیه آیکون ها موجود در طراحی فرانت اند به نام React Icons آشنا خواهید شد.
126
معرفی فصل سیزدهم
00:09:37
در این قسمت درباره تمامیه مباحثی که در این فصل قرار هست یاد بگیرید صحبت خواهیم کرد.
127
ساخت محیط توسعه و نصب وابستگی های پروژه
00:07:02
در این قسمت به آماده سازی محیط توسعه و نصب وابستگی ها پروژه خواهیم پرداخت.
129
اضافه کردن فونت فارسی سفارشی به Material UI
00:10:25
در این قسمت با نحوه اضافه کردن فونت فارسی به Material UI آشنا خواهیم شد.
130
آشنایی با کامپوننت های AppBar و Toolbar
00:23:05
در این قسمت با کامپوننت هایی که بی شک در هر وب اپلیکیشنی مورد استفاده قرار میگیره برای ساخت Navbar آشنا خواهیم شد .
133
آشنایی با Layout ها
00:10:52
در این قسمت با یکی از ساختارهای فوق العاده به نام Layout آشنا خواهیم شد.
134
سفارشی سازی استایل کامپوننت ها
00:11:32
در این قسمت در مورد نحوه سفارشی سازی کامپوننت ها آشنا خواهیم شد.
136
پیدا کردن استایل پیش فرض و تغییر آن
00:14:29
در این قسمت با نحوه پیدا کردن استایل های پیش فرض آشنا خواهیم شد و همچنین در مورد برخی مشکلاتی که در پروژه هست صحبت خواهیم کرد.
137
کامپوننت Button
00:10:13
در این قسمت در مورد کامپوننت Button و تمام قابلیت های آن صحبت خواهیم کرد.
138
آشنایی با SX Prop
00:09:35
در این قسمت با یکی از پراپ های فوق العاده در MUI که در اکثر کامپوننت ها مورد استفاده قرار میگیره آشنا خواهیم شد.
139
آشنایی با کامپوننت Grid
00:17:36
در این قسمت با یکی از مهمترین کامپوننت های MUI به نام Grid آشنا خواهید شد.
141
آشنایی با کامپوننت Avatar
00:12:55
در این قسمت ساخت سایدبار پروژه رو شروع خواهیم کرد و با کامپوننت ها Avatar و Divider آشنا خواهیم شد.
142
آشنایی با کامپوننت Hidden
00:07:49
در این قسمت با یکی از کامپوننت های فوق العاده به نام Hidden آشنا خواهیم شد.
143
آشنایی با کامپوننت Tabs
00:22:21
در این قسمت با یکی از کامپوننت های فوق العاده MUI با نام Tabs آشنا خواهید شد.
144
پیاده سازی Tabs در Sidebar
00:30:01
در این قسمت در مورد پیاده سازی Tabs در سایدبار ساخته شده صحبت خواهیم کرد.
145
پیاده سازی کامپوننت سفارشی TabPanel بخش اول
00:18:23
در این قسمت برای نمایش کامپوننت ها در زمان کلیک بر روی Tab ها نیازمند ساخت یک کامپوننت سفارشی هستیم که در این قسمت به ساخت این کامپوننت خواهیم پرداخت.
146
پیاده سازی کامپوننت سفارشی TabPanel بخش دوم
00:21:40
در این قسمت برای نمایش کامپوننت ها در زمان کلیک بر روی Tab ها نیازمند ساخت یک کامپوننت سفارشی هستیم که در این قسمت به ساخت این کامپوننت خواهیم پرداخت.
147
آشنایی با کامپوننت Navigation Drawer
00:17:17
در این قسمت با کامپوننت محبوب Drawer آشنا خواهید شد.
148
نحوه پیاده سازی Navigation Drawer
00:25:46
در این قسمت با نحوه پیاده سازی کامپوننت محبوب Drawer آشنا خواهید شد.
149
آشنایی با کامپوننت Floating Action Button
00:14:23
در این قسمت با کامپوننت FAB یا Floating Action Button آشنا خواهیم شد .
150
استفاده از پراپ sx به جای کامپوننت Hidden
00:07:42
کامپوننت Hidden در ورژن جدید MUI منسوخ شده چون کاری که انجام میداد توسط پراپ sx قابل انجام هست و در این قسمت در این مورد صحبت خواهیم کرد که به جای استفاده از کامپوننت Hidden توسط پراپ sx عملیات مخفی سازی رو انجام بدیم.
151
نحوه تغییر ارتفاع Tabها
00:13:55
در این قسمت به حل چندین مشکل خواهیم پرداخت از جمله حل مشکل ارتفاع Tabها در Sidebar به همراه حل مشکل رنگ پس زمینه Floating Action Button.
152
مخفی کردن Drawer با کلیک روی Tab
00:06:17
یکی از مواردی که نیاز بود انجام بشه این هست که در زمان باز شدن Drawer با کلیک یا انتخاب یکی از گزینه ها یا یک Tab باید کاری کنیم Drawer اتوماتیک بسته بشه.
153
آشنایی با ساختاردهی بهتر فولدرها و ریفکتور کردن کامپوننت ها بخش اول
00:25:08
در این قسمت با نحوه ساختار دهی بهتر فولدر ها آشنا خواهیم شد و همچنین به ریفکتور کردن کامپوننت های نوشته شده خواهیم پرداخت.
154
آشنایی با ساختاردهی بهتر فولدرها و ریفکتور کردن کامپوننت ها بخش دوم
00:15:14
در این قسمت با نحوه ساختار دهی بهتر فولدر ها آشنا خواهیم شد و همچنین به ریفکتور کردن کامپوننت های نوشته شده خواهیم پرداخت.
155
آشنایی با ساختاردهی بهتر فولدرها و ریفکتور کردن کامپوننت ها بخش سوم
00:25:20
در این قسمت با نحوه ساختار دهی بهتر فولدر ها آشنا خواهیم شد و همچنین به ریفکتور کردن کامپوننت های نوشته شده خواهیم پرداخت.
156
پیاده سازی Context API
00:19:54
در این قسمت با نحوه پیاده سازی Context API در پروژه وب سایت شخصی آشنا خواهیم شد.
159
پیاده سازی انیمیشن توسط Swipeable Views
00:17:12
در این قسمت با استفاده از react-swipeable-views برای جابه جایی بین صفحات انیمیشن قرار خواهیم داد.
160
پیاده سازی انیمیشن تایپ متن در صفحه اصلی
00:31:39
در این قسمت روی صفحه اصلی کار خواهیم کرد و در مورد نحوه پیاده سازی متن متحرک با انیمیشن تایپ صحبت خواهیم کرد.
161
پیاده سازی Particles یا ذرات متحرک در پس زمینه صفحه اصلی
00:20:53
در این قسمت درباره نحوه پیاده سازی ذرات متحرک انیمیشن دار در پس زمینه توسط react-particles صحبت خواهیم کرد.
162
پیاده سازی و نمایش اطلاعات توسعه دهنده در صفحه درباره من
00:30:00
در این قسمت به نحوه پیاده سازی اطلاعات توسعه دهنده در صفحه درباره من خواهیم پرداخت.
163
پیاده سازی و نمایش مهارت های توسعه دهنده در صفحه درباره من
00:30:05
در این قسمت با نحوه نمایش مهارت های توسعه دهنده با استفاده از LinearProgress آشنا خواهیم شد.
164
نحوه متحرک سازی Linear Progress در زمان Mount شدن
00:15:08
در این قسمت با نحوه انیمیشن دادن به صورت دستی به Linear Progress جهت نمایش مهارت توسعه دهنده آشنا خواهیم شد.
165
قابلیت Scroll کردن بدون نمایش Scrollbar
00:07:44
در این قسمت در مورد سرریز شدن درون Card در صفحه درباره من صحبت خواهیم کرد که به چه صورت کنترل کنیم و با نحوه مخفی کردن scrollbar آشنا خواهیم شد.
166
اضافه کردن Particle و فونت جدید به همراه ریفکتور آیکون ها
00:18:44
در این قسمت یک فونت جدید و یک Particle جدید به پروژه اضافه خواهیم کرد و همچنین چندین ریفکتور هم برای بهتر شدن خوانایی کدها خواهیم داشت.
167
آشنایی با کامپوننت react-text-transition
00:16:20
در این قسمت با یک کامپوننت جدید به نام react-text-transition آشنا خواهیم شد.
168
آشنایی با کامپوننت react-random-reveal
00:17:36
در این قسمت با کامپوننت react-random-reveal آشنا خواهیم شد.
169
پیکربندی React Helmet
00:06:08
در این قسمت در مورد پیکربندی Helmet برای این پروژه صحبت خواهیم کرد.
170
اضافه کردن شبکه های اجتماعی
00:14:51
در این قسمت با نحوه اضافه کردن شبکه های اجتماعی توسعه دهنده به صورت آیکون در سایدبار آشنا خواهیم شد.
171
اضافه کردن اطلاعات بیشتر به درباره من و آشنایی با react-countup
00:21:23
در این قسمت با کامپوننت react-countup آشنا خواهیم شد و به صفحه درباره من توضیحات بیشتری جهت یادگیری موارد جدید اضافه خواهیم کرد.
172
آشنایی با هوک های useMediaQuery و useTheme
00:09:00
در این قسمت با هوک های useMediaQuery و useTheme جهت مخفی کردن Drawer آشنا خواهیم شد.
173
آشنایی با کامپوننت Timeline
00:35:10
در این قسمت با کامپوننت Timeline آشنا خواهیم شد و به ساخت صفحه رزومه من خواهیم پرداخت.
174
آشنایی با Transitions در MUI
00:13:28
در این قسمت درباره Transition های آماده در Material UI صحبت خواهیم کرد.
175
پیاده سازی صفحه دوره های من
00:24:51
در این قسمت با نحوه پیاده سازی صفحه دوره های من آشنا خواهیم شد.
176
پیاده سازی صفحه نظرات دانشجویان و آشنایی با react-slick
00:22:16
در این قسمت به پیاده سازی صفحه نظرات دانشجویان خواهیم پرداخت و همچنین با کامپوننت فوق العاده react-slick برای ساخت carousel نیز آشنا خواهیم شد.
177
نحوه مدیریت تم تیره و روشن
00:21:23
در این قسمت درباره نحوه مدیریت تم تیره و روشن صحبت خواهیم کرد.
178
نحوه تشخیص تم مورد پسند کاربر
00:14:24
در این قسمت با نوشتن تکه کدی بررسی میکنیم که تم مورد پسند کاربر تیره هست یا روشن بر اساس تم سیستم عامل و مرورگر کاربر
180
نحوه استفاده از Formik و Yup در MUI
00:13:33
در این قسمت با نحوه پیکربندی Formik و Yup جهت پیاده سازی form در MUI آشنا خواهیم شد.
181
نحوه پیاده سازی Google Recaptcha
00:13:46
در این قسمت با نحوه قرار دادن Google Recaptcha در فرم ارتباط با من و همچنین با اعتبار سنجی آن توسط Formik و Yup آشنا خواهید شد.
182
متغییرهای محیطی در ری اکت
00:14:56
در این قسمت درباره نحوه نگهداری ایمن کلیدها و توکن ها صحبت خواهیم کرد و همچنین درباره ایجاد متغییر محیطی در ری اکت آشنا خواهیم شد.
183
ریفکتور نهایی پروژه وب سایت شخصی بخش اول
00:18:35
در این قسمت به ریفکتور نهایی پروژه وب سایت شخصی خواهیم پرداخت .
184
ریفکتور نهایی پروژه وب سایت شخصی بخش دوم
00:21:32
در این قسمت به ریفکتور نهایی پروژه وب سایت شخصی خواهیم پرداخت.
185
ریفکتور نهایی پروژه وب سایت شخصی بخش سوم
00:20:00
در این قسمت به ریفکتور نهایی پروژه وب سایت شخصی خواهیم پرداخت.
186
آنلاین کردن پروژه وب سایت شخصی
00:11:46
در این قسمت با نحوه پابلیش و آنلاین کردن پروژه وب سایت شخصی آشنا خواهیم شد.
187
سخنان پایانی فصل و قرار دادن پروژه در انباره گیت هاب
00:27:35
در این قسمت در مورد ادامه مسیر صحبت خواهیم کرد و همچنین پروژه وب سایت شخصی را در انباره گیت هاب قرار خواهیم داد.
189
آشنایی با ابزار ساخت فوق العاده ViteJs
00:21:35
در این قسمت با ابزار ساخت فوق العاده ViteJs آشنا خواهید شد.
190
ریداکس چیست و چرا باید استفاده شود
00:16:38
در این قسمت در مورد ریداکس صحبت خواهیم کرد که چیست و چرا باید مورد استفاده قرار بگیرد.
194
آشنایی با Redux Slice
00:19:39
در این قسمت با یکی از موارد جدید به نام Slice ها در ریداکس آشنا خواهیم شد.
195
نحوه Provide کردن Store
00:13:26
در این قسمت با نحوه Provide کردن Store در اپلیکیشن های ری اکتی آشنا خواهیم شد.
196
آشنایی با هوک های useSelector و useDispatch
00:19:25
در این قسمت با ۲ هوک useSelector و useDispatch جهت ارتباط برقرار کردن با store آشنا خواهیم شد.
197
آشنایی با Redux Thunk
00:20:39
در این قسمت با قابلیت ناهمزمانی در ریداکس توسط Redux Thunk آشنا خواهید شد.
198
آماده سازی محیط پروژه وبلاگ ساده ریداکسی
00:25:33
در این قسمت به آماده سازی محیط توسعه پروژه جدید این فصل برای درک بهتر ریداکس توسط استفاده از json-server خواهیم پرداخت.
199
پیکربندی مسیرها توسط RRD
00:14:59
در این قسمت به پیکربندی مسیرها توسط react-router-dom خواهیم پرداخت.
200
ساخت ریداکس Store و BlogSlice
00:13:10
در این قسمت درباره ساخت ریداکس Store و همچنین blogSlice صحبت خواهیم کرد.
201
ساخت کامپوننت نمایش پست ها BlogsList
00:09:49
در این قسمت کامپوننت نمایش پست ها BlogsList را خواهیم ساخت.
202
ساخت کامپوننت SingleBlogPage
00:09:56
در این قسمت کامپوننت SingleBlogPage را در کنار هم خواهیم ساخت.
203
ساخت کامپوننت ایجاد پست جدید createBlogForm
00:20:51
در این قسمت با ساخت کامپوننت برای ساخت پست جدید آشنا خواهیم شد.
205
ساخت کامپوننت ویرایش پست EditBlogForm
00:18:59
در این قسمت با نحوه ساخت کامپوننت برای ویرایش پست آشنا خواهید شد.
206
پیاده سازی پاک کردن پست
00:14:42
در این قسمت با نحوه پاک کردن پست ها و همچنین با Selector ها نیز آشنا خواهید شد.
207
نمایش تاریخ در هر پست
00:14:02
در این قسمت با استفاده از کتابخانه date-fns-jalali با نمایش تاریخ در پست ها آشنا خواهیم شد.
208
نحوه مرتب سازی پست ها بر اساس تاریخ
00:06:40
در این قسمت با نحوه مرتب سازی پست ها بر اساس تاریخ آشنا خواهیم شد.
209
پیاده سازی userSlice و نمایش نویسنده ها در هر پست
00:12:37
در این قسمت با نحوه نمایش نویسنده ها در هر پست و همچنین با نحوه ساخت userSlice آشنا خواهیم شد.
210
نمایش نویسنده ها در کامپوننت ساخت پست جدید
00:12:29
در این قسمت با نحوه نمایش نویسنده ها در کامپوننت ساخت پست جدید و ثبت آن در Store ریداکس آشنا خواهیم شد.
211
ساخت کامپوننت ReactionButtons
00:20:07
در این قسمت با نحوه ساخت دکمه هایی برای ثبت بازخورد کاربران آشنا خواهیم شد.
212
آشنایی با createAsyncThunk Api
00:31:56
در این قسمت با createAsyncThunk Api و همچنین با نحوه دریافت کاربران از Api آشنا خواهیم شد.
213
آشنایی با تابع extraReducer
00:14:55
در این قسمت برای رسیدگی به اکشن های ارسالی توسط Thunk های ساخته شده توسط createAsyncThunk از تابع extraReducer استفاده خواهیم کرد.
214
گرفتن پست ها از سرور و نمایش آنها در BlogsList
00:16:18
در این قسمت با نحوه دریافت پست ها از Api آشنا خواهیم شد.
215
ساخت کامپوننت Spinner
00:07:36
در این قسمت به ساخت کامپوننت Spinner جهت نمایش در زمان دریافت اطلاعات از سرور خواهیم پرداخت.
216
نحوه ساخت پست جدید در سرور
00:11:59
در این قسمت با نحوه ارسال و ساخت پست جدید در سرور آشنا خواهیم شد.
217
آشنایی با تابع Current و پاک کردن پست
00:17:55
در این قسمت با نحوه پاک کردن پست از سرور و همچنین تابع current آشنا خواهیم شد.
218
ویرایش پست در سرور و ریفکتور BlogsList
00:14:36
در این قسمت با نحوه ویرایش پست در سرور و همچنین ریفکتور کامپوننت BlogsList آشنا خواهیم شد.
220
ساخت کامپوننت نمایش پست های نویسنده
00:11:22
در این قسمت با نحوه نمایش پست های نویسنده در کامپوننت UserPage آشنا خواهیم شد
221
پیاده سازی ساخت و حذف نویسنده در کامپوننت UsersList
00:16:59
در این قسمت با نحوه ساخت و حذف نویسنده ها در کامپوننت UsersList آشنا خواهیم شد.
222
آشنایی با تابع createSelector
00:16:49
در این قسمت با یکی از توابع کتابخانه Reselect به نام createSelector برای ساخت Selector های Memoize شده آشنا خواهیم شد.
223
نحوه بررسی رندرهای مجدد اضافه
00:18:20
در این قسمت با نحوه پیدا کردن رندرهای مجدد اضافه با استفاده از Profiler افزونه React DevTools آشنا خواهیم شد
224
آشنایی با نحوه عادی سازی داده ها Normalizing
00:16:23
در این قسمت با Normalizing Data یا عادی سازی داده ها آشنا خواهید شد.
225
آشنایی با createEntityAdaptor
00:18:19
در این قسمت با یکی از توابع RTK با نام createEntityAdaptor جهت عادی سازی داده ها آشنا خواهیم شد.
226
تبدیل userSlice به استفاده از createEntityAdaptor
00:11:43
در این قسمت به ادامه قسمت قبلی خواهیم پرداخت و userSlice رو تبدیل خواهیم کرد
228
پیکربندی Store برای Api
00:07:23
در این قسمت به پیکربندی Store برای قرار دادن apiSlice خواهیم پرداخت
229
نمایش پست ها توسط کوئری ها
00:11:33
در این قسمت با نحوه نمایش تمامی پست ها توسط کوئری ها آشنا خواهیم شد
231
ساخت پست ها توسط Mutations
00:09:17
در این قسمت با نحوه ساخت پست جدید توسط Mutation ها آشنا خواهیم شد
233
آشنایی با برچسب ها و بی اعتبار سازی کش ها
00:06:44
در این قسمت با نحوه بی اعتبار سازی کش ها توسط برچسب ها آشنا خواهیم شد.
234
ویرایش پست با استفاده از RTK Query
00:13:44
در این قسمت با نحوه ویرایش پست ها توسط RTK Query آشنا خواهیم شد
236
مدیریت User Data
00:10:17
در این قسمت با نحوه مدیریت داده های کاربران توسط RTK Query آشنا خواهیم شد
237
استفاده از تابع Select برای User Data
00:08:38
در این قسمت با استفاده از تابع Select از RTK Query آشنا خواهیم شد
240
آشنایی با نحوه انتخاب مقادیر از Response
00:10:00
در این قسمت با نحوه انتخاب مقادیر از درون response برگشتی آشنا خواهیم شد
241
تغییرات نهایی و ادامه مسیر
00:15:19
در این قسمت روی برخی تغییراتی مه نیاز هست کار خواهیم کرد و همچنین در مورد ادامه مسیر نیز صحبت میکنیم
244
آشنایی با TailwindCss
00:11:03
در این قسمت با TailwindCss و نحوه پیکربندی آن در پروژه آشنا خواهیم شد
249
ساخت MainLayout و NavBar
00:06:56
در این قسمت با نحوه ساخت کامپوننتهای MainLayout و NavBar آشنا خواهید شد
252
آشنایی با React Number Format
00:05:49
در این قسمت در مورد نحوه فرمت کردن اعداد توسط react-number-format آشنا خواهیم شد
256
پیاده سازی افزایش و کاهش و حذف محصول در سبد خرید
00:10:14
در این قسمت به هرچه کاملتر کردن سبد خرید خواهیم پرداخت
257
حل مشکل کاهش و افزایش تعداد محصولات
00:14:11
در این قسمت به حل مشکل کاهش و افزایش تعداد محصولات خواهیم پرداخت
258
آشنایی با نحوه صفحه بندی Pagination
00:26:47
در این قسمت با نحوه صفحه بندی Pagination آشنا خواهید شد.
259
استفاده از EntityAdapter
00:26:37
در این قسمت با نحوه پیاده سازی EntityAdapter در سبد خرید آشنا خواهیم شد.
262
آشنایی با مفاهیم اولیه نکست جی اس بخش اول
00:17:54
در این قسمت با مفاهیم اولیه نکست جی اس آشنا خواهیم شد.
263
آشنایی با مفاهیم اولیه نکست جی اس بخش دوم
00:22:48
در این قسمت با مفاهیم اولیه نکست جی اس آشنا خواهیم شد
264
تبدیل محیط توسعه ری اکتی به نکست جی اس
00:13:04
در این قسمت با نحوه ساخت محیط توسعه نکست جی اس به صورت دستی آشنا خواهیم شد
265
ساخت محیط توسعه نکست جی اس توسط CNA
00:08:11
در این قسمت با نحوه ساخت محیط توسعه نکست جی اس توسط create-next-app آشنا خواهید شد
266
آشنایی با ساختار پروژه NextJs
00:11:05
در این قسمت با ساختار پروژه ساخته شده توسط create-next-app آشنا خواهیم شد
268
آشنایی با کامپوننت Link
00:12:08
در این قسمت با کامپوننت Link که جهت پیمایش در نکست جی اس مورد استفاده قرار میگیره آشنا خواهیم شد
269
آشنایی با کامپوننت های سرور و کلاینت
00:16:50
در این قسمت درباره کامپوننت های سرور و کلاینت که برای ادامه یادگیری نکست جی اس بسیار مهم هست صحبت خواهیم کرد
270
آشنایی با Metadata Api
00:12:15
در این قسمت در مورد Metadata Api صحبت خواهیم کرد تا به چگونه به بهترین شکل ممکن Metadata اپلیکیشن خودمون رو مدیریت کنیم
271
آشنایی با هوک useRouter
00:04:24
در این قسمت با هوک useRouter که برای پیمایش از طریق کد در اپلیکیشن پیاده سازی میشه آشنا خواهیم شد
272
آشنایی با Route Groups
00:16:36
در این قسمت با نحوه گروه بندی مسیرها توسط Route Groups آشنا خواهیم شد
274
آشنایی با Generating Static Params
00:16:10
در این قسمت با نحوه تولید Param های استاتیک صحبت خواهیم کرد
275
آماده سازی محیط توسعه اپلیکیشن Quiz
00:09:30
در این قسمت به آماده سازی محیط توسعه اپلیکیشن آزمون خواهیم پرداخت
276
کامپوننت Font گوگل فونت
00:14:00
در این قسمت با کامپوننت Font و نحوه استفاده از گوگل فونت آشنا خواهیم شد
277
کامپوننت Font لوکال فونت
00:05:50
در این قسمت با کامپوننت Font و نحوه استفاده از فونت لوکال آشنا خواهیم شد
278
اپلیکیشن آزمون ساخت UI نمایش سوالات
00:18:36
در این بخش به ساخت بخش نمایش سوالات در اپلیکیشن آزمون خواهیم پرداخت
279
اپلیکیشن آزمون ساخت UI نمایش نتایج
00:06:02
در این قسمت به ساخت بخش نمایش نتایج آزمون اپلیکیشن آزمون خواهیم پرداخت
280
اپلیکیشن آزمون داینامیک سازی و اتمام
00:21:56
در این قسمت به کامل کردن پروژه اپلیکیشن آزمون خواهیم پرداخت
281
آشنایی با Loading UI
00:15:30
در این قسمت در مورد نحوه پیاده سازی Loading UI در نکست جی اس آشنا خواهیم شد
282
آشنایی با React Loading Skeleton
00:19:41
در این قسمت با نحوه نصب و پیاده سازی Loading Skeleton در نکست جی اس آشنا خواهیم شد
284
کنترل خطا توسط فایل error.js
00:20:00
در این قسمت با قابلیت کنترل خطا در نکست جی اس آشنا خواهید شد
285
فصل شانزدهم : کنترل خطا در RootLayout
00:07:19
در این قسمت با نحوه کنترل خطای پیش آمده در RootLayout آشنا خواهیم شد
289
آشنایی با Intercepting Routes
00:16:13
در این قسمت با یکی از قابلیت های فوق العاده نکست جی اس به نام Intercepting Routes آشنا خواهیم شد
290
پیکربندی و استفاده از TailwindCss
00:07:22
در این قسمت در مورد نحوه پیکربندی و استفاده از TailwindCss در نکست جی اس صحبت خواهیم کرد.
291
ساخت Modal توسط Intercepting Routes
00:19:41
در این قسمت با نحوه ساخت Modal توسط Intercepting Routes و Parallel Routes آشنا خواهیم شد
292
پیاده سازی صفحه NotFound
00:07:40
در این قسمت با نحوه نمایش UI سفارشی برای صفحه ۴۰۴ یا NotFound آشنا خواهیم شد.
293
آشنایی با Route Handlers بخش اول
00:16:56
در این قسمت با کنترل کننده های مسیر در نکست جی اس آشنا خواهیم شد
294
آشنایی با Route Handlers بخش دوم
00:13:00
در این قسمت با کنترل کننده های مسیر در نکست جی اس آشنا خواهیم شد
295
آشنایی با Route Handlers بخش سوم
00:18:22
در این قسمت با کنترل کننده های مسیر در نکست جی اس آشنا خواهیم شد
296
آشنایی با Middleware
00:18:03
در این قسمت در مورد Middleware ها و نحوه پیاده سازی آنها صحبت خواهیم کرد
297
آشنایی با Matching Paths
00:16:18
در این قسمت با نحوه Match کردن مسیرها در Middlewareها آشنا خواهیم شد
298
استفاده و تنظیم کوکی و هدرها در Middleware
00:15:31
در این قسمت با نحوه استفاده و تنظیم کوکی ها و هدرها در Middleware آشنا خواهیم شد
299
سازماندهی پروژه بخش اول
00:21:43
در این قسمت درباره سازماندهی پروژه و محل یابی فایل ها در نکست جی اس صحبت خواهیم کرد
300
سازماندهی پروژه بخش دوم
00:22:28
در این قسمت درباره سازماندهی پروژه و محل یابی فایل ها در نکست جی اس صحبت خواهیم کرد
301
پیاده سازی اپلیکیشن چندزبانه بخش اول
00:20:47
در این قسمت در مورد بین المللی سازی در نکست جی اس برای پیاده سازی اپلیکیشن های چند زبانه صحبت خواهیم کرد
302
پیاده سازی اپلیکیشن چندزبانه بخش دوم
00:32:52
در این قسمت در مورد بین المللی سازی در نکست جی اس برای پیاده سازی اپلیکیشن های چند زبانه صحبت خواهیم کرد
303
پیاده سازی اپلیکیشن چندزبانه بخش سوم
00:11:05
در این قسمت در مورد بین المللی سازی در نکست جی اس برای پیاده سازی اپلیکیشن های چند زبانه صحبت خواهیم کرد
304
احراز هویت توسط Next Auth بخش اول
00:31:50
در این قسمت در مورد نحوه احراز هویت Credentials توسط Next Auth صحبت خواهیم کرد
305
احراز هویت توسط Next Auth بخش دوم
00:33:59
در این قسمت در مورد نحوه احراز هویت Credentials توسط Next Auth صحبت خواهیم کرد
306
احراز هویت با گیت هاب توسط Next Auth
00:11:30
در این قسمت در مورد نحوه احراز هویت با گیت هاب توسط Next Auth صحبت خواهیم کرد
307
آنلاین کردن پروژه NextJs در سی پنل
00:28:50
در این قسمت در مورد نحوه آنلاین کردن پروژه نکست جی اس در سی پنل هاست نود جی اس آشنا خواهیم شد
نظرات کاربران در رابطه با این دوره