Storybook Layouts with Parameters
Master Storybook parameters to define and customize component layouts for consistent rendering across various viewing contexts.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
Struggling to showcase your UI components effectively in Storybook? Learn how to precisely control their presentation to ensure they look great in any scenario. This course guides you through mastering Storybook parameters, enabling you to define, adjust, and optimize component layouts for clear and consistent display within your Storybook environment.
What you'll learn:
* Understand the fundamental role of Storybook parameters in component rendering
* Apply Storybook's built-in layout parameters to control spacing, alignment, and viewport
* Configure custom parameters to simulate diverse viewing conditions and responsive behaviors
* Practice organizing and presenting component stories for clarity and maintainability
* Leverage parameters to create a consistent and professional component documentation experience
* Explore modern Storybook features for enhanced component presentation and accessibility testing
The course begins with an introduction to Storybook parameters and their syntax, progressing to practical examples of configuring layout, responsive views, and custom story decorations. This course is designed for beginner front-end developers, UI engineers, and designers who want to effectively manage and present their components using Storybook, with no prior Storybook experience required. Enroll now to take full control over your Storybook component presentations.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 30 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
🌟 اختيار الطلاب
🎓 بشهادة
المبادئ التأسيسية للتصميم المرئي والتفاعلي
شهادة
تطبيق عملي
DH 150.00
→
🏆 الأكثر شعبية
🎓 بشهادة
أساسيات UX/UI لتصميم الواجهات الرقمية
شهادة
تطبيق عملي
DH 150.00
→
🔥 رائج
🎓 بشهادة
أنظمة تصميم Figma: إنشاء مكتبات مكونات قابلة لإعادة الاستخدام
شهادة
تطبيق عملي
DH 150.00
→
🔥 مطلوب
🎓 بشهادة
أساسيات تصميم تجربة المستخدم وواجهة المستخدم (UX/UI): البحث، التخطيط الهيكلي، وقابلية الاستخدام
شهادة
تطبيق عملي
DH 150.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع