حدثنا مسار مسار تطوير لوحة تحكم في دورة واجهات المستخدم ليواكب أحدث الإصدارات والتقنيات. يشمل هذا التحديث 46 درسًا موزعة على 6 ساعات وربع. يركّز هذا المسار على بناء واجهة ويب احترافية بأسلوب معماري صحيح، باستخدام أدوات تطوير حديثة مثل Vite ومنهجيات CSS متقدمة. سيتعلّم الطالب كيفية تهيئة المشروع من الصفر، بناء مكونات قابلة لإعادة الاستخدام، تنظيم الشيفرة بطريقة احترافية، ثم إنشاء صفحات كاملة ومتجاوبة، وصولًا إلى حفظ المشروع ونشره بأسلوب مناسب لسوق العمل.
سيتعلم الطالب خلال هذا المسار على:
- التعرف على فكرة المشروع، محتواه، وأدوات العمل الأساسية، مع فهم دور Vite في التطوير الحديث
- تثبيت Node.js، إعداد المحرر، تجهيز ملفات المشروع، وضبط Vite وإعداداته الأساسية
- تطبيق منهجية BEM وهيكلية ITCSS لكتابة تنسيقات واضحة وقابلة للتوسع
- تهيئة Vite لمعالجة Sass، استخدام PostCSS، وكتابة التنسيقات الأساسية للمشروع
- إنشاء مكونات مثل button، card، tabs، table، sidebar، chart وغيرها، باستخدام Handlebars وتنظيمها بشكل احترافي
- تحويل الهياكل إلى مكونات فعالة وتفاعلية مثل upload، tabs، banner، وchart
- إعداد layout عام، بناء الصفحة الرئيسية، صفحات المحتوى، وصفحات إضافة المنتجات والمستخدمين
- جعل المكونات والصفحات متجاوبة مع مختلف الشاشات، تجهيز الشيفرة النهائية، وحفظ المشروع على GitHub