بناء أنظمة تصميم حقيقية باستخدام Storybook
إنشاء مكونات واجهة مستخدم قابلة للتوسع ومتسقة من خلال إتقان توثيق Storybook وأدوات إدارة المتغيرات الحديثة لتطوير الواجهات الأمامية.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
تتطلب تطبيقات الويب الحديثة واجهات مستخدم متسقة وقابلة لإعادة الاستخدام، ولكن إدارة عشرات من أنماط ومُتغيرات المكونات يمكن أن تؤدي سريعاً إلى قواعد أكواد غير منظمة يصعب صياانتها. بناء نظام تصميم منظّم يضمن بقاء فريقك متوافقاً وبقاء واجهة المستخدم متماسكة. هذه الدورة التدريبية النصية ترشدك خلال عملية بناء، وتنظيم، وتوثيق مكونات واجهة المستخدم. ستتعلم كيفية إعداد نظام تصميم قوي من الصفر، وإدارة الاختلافات المعقدة في الأنماط بنظافة، وتوثيق مكوناتك بحيث تكون سهلة الاستخدام لأي مطور.
ما ستتعلمه:
- فهم الهندسة الأساسية والمبادئ التأسيسية لنظام التصميم الحديث.
- تكوين Storybook لعزل، واختبار، وتوثيق مكونات واجهة المستخدم الخاصة بك في بيئة نظيفة.
- إدارة اختلافات أنماط المكونات بكفاءة باستخدام Class Variance Authority.
- تطبيق مبادئ التصميم المتاح لضمان أن تكون مكوناتك قابلة للاستخدام من قبل الجميع.
- تنفيذ الأمان النوعي لخصائص المكونات لمنع أخطاء وقت التشغيل.
- هيكلة مكونات قابلة لإعادة الاستخدام مع توثيق واضح وقابل للقراءة.
ستبدأ بالمفاهيم الأساسية لأنظمة التصميم قبل الانتقال إلى التكوين العملي للمكونات، وكتابة أنماط نظيفة، وتوثيق عملك في Storybook. هذه الدورة مصممة لمطوري الواجهات الأمامية المبتدئين، ومهندسي واجهات المستخدم، والمصممين الذين يرغبون في تعلم كيفية تنظيم واجهات الويب بشكل منهجي. لا مطلوب خبرة سابقة مع Storybook. ابدأ القراءة اليوم لبناء واجهات مستخدم أنظف وأكثر سهولة في الصيانة.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 36 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تقييم واجهة المستخدم واختبار قابلية الاستخدام
شهادة
تطبيق عملي
$14.99
→
🔥 مطلوب
🎓 بشهادة
أساسيات تصميم تجربة المستخدم وواجهة المستخدم (UX/UI): البحث، التخطيط الهيكلي، وقابلية الاستخدام
شهادة
تطبيق عملي
$14.99
→
🔥 رائج
🎓 بشهادة
أنظمة تصميم Figma: إنشاء مكتبات مكونات قابلة لإعادة الاستخدام
شهادة
تطبيق عملي
$14.99
→
🏆 الأكثر شعبية
🎓 بشهادة
أساسيات UX/UI لتصميم الواجهات الرقمية
شهادة
تطبيق عملي
$14.99
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع