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