توضیحات
در این دوره آموزشی، به صورت پروژهمحور، یک پنل مدیریت را طراحی و پیادهسازی خواهیم کرد. تمرکز اصلی این دوره بر روی توسعه سریع، قابلیت توسعهپذیری و استفاده مجدد از کامپوننتها است، به گونهای که بتوانید پروژههای مدیریت داده و داشبوردهای پیشرفته را به راحتی پیادهسازی کنید. این دوره برای افرادی طراحی شده که با مبانی Rect.js آشنایی دارند و حالا قصد دارند مهارت خود را در ساخت رابطهای مدیریتی کاربردی، ریسپانسیو و قابل نگهداری به سطح بالاتری برسانند.
آنچه در این دوره خواهید آموخت
- طراحی ساختار کلی یک پنل مدیریت قابل توسعه و منعطف، بهگونهای که بتوانید به راحتی قابلیتها و ماژولهای جدید به آن اضافه کنید.
- پیادهسازی تم تاریک (Dark Mode) برای بهبود تجربه کاربری، مخصوصاً در محیطهای کمنور یا هنگام استفاده طولانی مدت از پنل.
- استفاده از TailwindCSS برای طراحی سریع و مدرن با حداقل نیاز به نوشتن کد CSS و تمرکز بر قابلیت سفارشیسازی.
- ساخت مجموعهای از کامپوننتهای آماده و قابل استفاده مجدد در پروژههای مختلف.
- طراحی فرمهای قابل تنظیم برای دریافت انواع دادهها، شامل فیلدهای متنی، انتخابی، تاریخ و آپلود فایل.
- ایجاد جدولهای پیشرفته با قابلیت مرتبسازی، فیلتر کردن و صفحهبندی دادهها.
- رعایت اصول طراحی ریسپانسیو، تا پنل در تمامی اندازههای صفحه نمایش و دستگاهها به درستی نمایش داده شود.
- در نهایت، تبدیل این پنل به نسخه دسکتاپ با استفاده از Electron.js، تا کاربران بتوانند بدون نیاز به مرورگر از آن استفاده کنند.
ویژگیهای برجسته این دوره
- مناسب برای افرادی که با React.js کار کردهاند و قصد دارند پروژههای واقعی و کاربردی بسازند.
- تمرکز بر سازماندهی صحیح پروژه و رعایت اصول نگهداری و گسترش آسان کدها.
- طراحی ماژولار و کاملاً قابل استفاده در پروژههای دیگر، به طوری که بخشهای مختلف پنل بتوانند به صورت مستقل و مجزا توسعه یابند.