بازگشت وجه بدون شرط!
دسترسی به بروزترین محتوا
دسترسی سریع به دوره !
بروزرسانی مادام العمر آموزش
مشاوره مستقیم با استاد!
پشتیبانی فنی مادام العمر
دوره آموزش ساخت داشبورد حرفه ای با ری اکت به ما یاد میده چطور تو کمترین زمان ممکن، به بهترین و اصولی ترین روش یک داشبورد مدیریتی حرفه ای با کتابخانه React بسازیم 🙂
داشبورد های مدیریتی امکانات زیادی دارن و اگه نتونیم توسعه داشبورد رو اصولی انجام بدیم، با چالش ها و مشکلات خیلی زیادی مواجه میشیم. ما قصد داریم تو این دوره آموزشی به کمک جدیدترین کتابخانه ها و پکیج های ری اکتی یک Dashboard مدیریتی زیبا، حرفه ای و کاربردی بسازیم.
هدفمون صرفا تمرین نیست!
ما میخوایم این داشبورد مدیریتی رو با این هدف توسعه بدیم که انگار یک پروژه واقعی هست و قراره تحویل کارفرما بدیم!
ما این شرایط رو برای خودمون شبیه سازی میکنیم که انگار قراره از این داشبورد مدیریتی استفاده بشه، پس به کوچکترین موارد هم خواهیم پرداخت 🙂
داشبورد مدیریتی در ری اکت چیست ؟
تقریبا هر وبسایت از 2 بخش اصلی تشکیل میشه :
- بخش قابل مشاهده توسط کاربر ( شامل وبلاگ، فروشگاه، صفحه اصلی و .. )
- پنل مدیریت که صرفا مختص ادمین هست
تو پنل مدیریتی، ادمین وبسایت امکانات خیلی زیادی داره و میتونه محتوای وبسایت خودش رو مدیریت کنه.
تو پروژه هایی که ما به عنوان یک React Developer میگیریم معمولا وظیفه پیاده سازی پنل ادمین ( داشبورد ) رو هم خواهیم داشت. پس لازمه که این پنل ادمین رو بصورت اصولی، تمیز ( Clean Code ) و با صرف زمان کم توسعه بدیم.
اگه پروسه پیاده سازی پنل مدیریتی در ری اکت رو ندونیم، باعث میشه زمان خیلی زیادی بابت تست و خطا و دست و پنجه نرم کردن با مشکلات رایج صرف کنیم! اما ما میخوایم با یک درک درست از این مشکلات و چالش ها، در کمترین زمان ممکن پنل مدیریتی خودمون رو توسعه بدیم.
کاملا پروژه محور !
تو این دوره آموزشی قراره بصورت پروژه محور، ساخت داشبورد مدیریتی در React رو یاد بگیریم:)
همچنین علاوه بر پیاده سازی پروژه، مابقی مباحث ری اکت برای ما مرور میشن تا مهارت خودمون در React رو هم تقویت کنیم.
مواردی مثل :
یادگیری و مرور هوک های مختلف مثل useEffect,useState,useContext,useReducer و ..
یادگیری و مرور کتابخانه های محبوب و پر استفاده ریکت
سرفصل های دوره آموزشی ساخت داشبورد حرفه ای با ری اکت
فصل اول معرفی دوره و مرور هدف ما ( ساخت داشبورد مدیریتی حرفه ای، کاربردی و زیبا )
فصل دوم آماده شدن برای شروع یه پروژه خفن !
فصل سوم کانفیگ پروژه و انجام تنظیمات اولیه مورد نیاز
فصل چهارم ساخت Layout داشبورد
فصل پنجم اضافه کردن Routing به داشبورد و ساخت صفحات مختلف مورد نیاز
پنل مدیریتی ما چه امکاناتی داره؟
پنل مدیریتی که ما میخوایم تو این دوره آموزشی توسعه بدیم، کاملا ریسپانسیو ( Responsive ) هست و از حالت دارک مود ( Dark Mode ) پشتیبانی میکنه. همچنین تمامی امکانات یک داشبورد تو این پروژه پیاده سازی میشه. مواردی مثل:
احراز هویت ( Authentication )
گارد ( Guard )
حالت دارک مود ( Dark Mode )
صفحه بندی ( Routing )
و …
پیاده سازی در کمترین زمان ممکن!
ما پیاده سازی این پنل مدیریتی حرفه ای در ری اکت رو در 8 جلسه مختلف انجام میدیم و در هر جلسه یک Task ( وظیفه ) مشخص رو انجام میدیم.
به همین دلیل پروسه و مراحل پیاده سازی این داشبورد مدیریتی برای ما روشن و واضح هست و میتونیم تو کمترین زمان ممکن ( چندین ساعت ) پنل مدیریتی خودمون رو تکمیل کنیم 🙂
نکات طلایی در پیاده سازی داشبورد در React !
تو این پروژه ما به چندین نکته خیلی مهم در مورد توسعه داشبورد های ری اکتی میپردازیم که شاید ضروری نباشن، اما با رعایت کردن این نکات داشبورد ما با سایر داشبورد ها متمایز خواهد بود!
پشتیبانی 24 ساعته و ارتباط مستقیم با مدرس
تو حین انجام پروژه شاید سوالی براتون پیش بیاد یا به مشکلاتی بر بخورید که براتون چالش ایجاد کنه. اما اصلا نگران نباشید 🙂
شخصا به عنوان مدرس دوره 24 ساعته پاسخگوی سوالات و مشکلات شما هستم. اگر سوال یا مشکلی در حین پیاده سازی پروژه براتون پیش اومد، از پنل کاربری خودتون در فِرانت اِندی تیکت ثبت کنید.
من تمام تلاشم رو کردم که محتوای این دوره آموزشی مفید و کاربردی باشه اما اگه خدایی نکرده از کیفیت محتوای این دوره راضی نبودید، وجه پرداختی شما با احترام عودت میشه:)
قیمت 190,000 تومان
Nima
خیلییی دوره کاربردی هست لطفا بیشتر از این دوره های کوتاه پروژه محور عملی بزارید
احمد احمدنژاد
سلام نیما جان
ممنونم از نظرت و امیدوارم که برات مفید واقع بشه 🙂
aminda
سلام
از چه کتابخونه هایی برای این داشبورد استفاده کردین؟
احمد احمدنژاد
سلام امین جان
تو این دوره آموزشی قراره از Ant Design برای پیاده سازی کامپوننت هایی که نیاز داریم و Tailwind CSS برای Customize ( شخصی سازی کردن ) کامپوننت های Antd استفاده کنیم.
برای آیکن از React Icons و برای صفحه بندی از React Router استفاده میکنیم.
همچنین axios رو کانفیگ میکنیم تا بتونیم خیلی راحت تر با Back-End ارتباط برقرار کنیم و ازش دیتا بگیریم ( اگه نیاز داشته باشیم)
برای انیمیشن و قشنگ تر کردن داشبورد خودمون هم از Lottie Files استفاده میکنیم.
بیشتر از این از کتابخانه های جانبی استفاده نمیکنیم، ولی شاید در قالب بروزرسانی و جلسه هایی که درآینده اضافه میشه، نیاز داشته باشیم از کتابخانه های دیگه ای هم استفاده کنیم ( مثل State Management ها و .. )
البته پروسه ضبط دوره تا چند روز آینده تکمیل میشه و امکان استفاده از دوره وجود داره.