دورات تصميم الويب
32 دورة تصميم الويب تشمل الفئات الفرعية.
32 نتائج
1 فلاتر مطبقة
تصميم واجهة المستخدم وتجربة المستخدم
تصميم واجهة المستخدم وتجربة المستخدم هو مجال متعدد التخصصات يركز على إنشاء منتجات رقمية تلبي احتياجات المستخدمين وتحقق أهداف العمل.
- يحلل احتياجات المستخدمين من خلال تطبيق أساليب البحث النوعي و...
- يصمم هيكلة المعلومات وتنظيم المحتوى لتحسين قابلية التصفح وال...
- +6 مخرجات إضافية
تطوير الواجهة الأمامية للويب
تطوير الواجهة الأمامية للويب هو فرع من هندسة البرمجيات يهتم بكل ما يراه المستخدم ويتفاعل معه مباشرة في المتصفّح.
- إعداد بيئة تطوير متكاملة تشمل محرر الأكواد وأدوات المتصفح لب...
- بناء مستندات HTML دلالية باستخدام العناصر المناسبة لتعزيز إم...
- +6 مخرجات إضافية
أساسيات تصميم الويب
تشير أساسيات تصميم الويب إلى مجموعة المعارف والمهارات التأسيسية التي تمكن الفرد من إنشاء صفحات ومواقع إنترنت فعّالة وجذابة بصرياً.
- يحلل بنية مواقع الويب وبيئة العمل لفهم كيفية تنظيم المحتوى و...
- يبني صفحات ويب باستخدام لغة HTML مع عناصر هيكلية صحيحة ووسوم...
- +6 مخرجات إضافية
تصميم مواقع احترافي مع EmDash
تصميم مواقع احترافي مع EmDash هو مجال يركز على إنشاء واجهات ويب جذابة وعملية باستخدام أداة EmDash، التي تتيح للمصممين بناء الصفحات بسرعة وكفاءة.
- يُصمم هيكل صفحة ويب متكامل باستخدام واجهة EmDash وإعدادات ال...
- يُطبق تنسيقات النصوص والخطوط مع التحكم في الأحجام والأوزان و...
- +6 مخرجات إضافية
Tailwind CSS تصميم سريع
Tailwind CSS هو إطار عمل CSS قائم على فئات الأدوات (utility-first) يتيح لك بناء تصاميم مخصصة بسرعة دون الحاجة إلى كتابة CSS تقليدي.
- تحليل أساسيات Tailwind CSS ومنهجية الفئات الوظيفية في تصميم...
- تطبيق فئات المسافات والألوان والخطوط لتصميم عناصر الصفحة بشك...
- +6 مخرجات إضافية
تخصيص قوالب Shopify من الصفر للاحتراف
تخصيص قوالب Shopify هو عملية تعديل وتطوير القوالب الجاهزة أو إنشاء قوالب جديدة كلياً لمنصة Shopify باستخدام لغة القوالب Liquid، وهي لغة برمجة قالبية تعتمد على Ruby.
- تحليل بنية ملفات قوالب Shopify وتحديد دور كل ملف في تخصيص ال...
- تطبيق متغيرات وكائنات لغة Liquid لإنشاء محتوى ديناميكي في ال...
- +5 مخرجات إضافية
بناء تطبيقات Full-Stack بـ Next.js 15
بناء تطبيقات Full-Stack بـ Next.js 15 يعني استخدام إطار العمل Next.js في إصداره الخامس عشر لتطوير تطبيقات ويب تجمع بين طبقة العرض الأمامية والمنطق الخلفي في قاعدة شيفرة و...
- تهيئة بيئة تطوير Next.js 15 وتكوين مشروع متكامل باستخدام App...
- تصميم نظام توجيه ديناميكي يشمل المسارات المتداخلة والمجموعات...
- +6 مخرجات إضافية
بناء متجر Shopify
بناء متجر Shopify هو عملية إنشاء وإدارة متجر إلكتروني متكامل باستخدام منصة Shopify، وهي واحدة من أبرز منصات التجارة الإلكترونية في العالم.
- تحليل أساسيات التجارة الإلكترونية ودور منصة شوبيفاي في بناء...
- بناء متجر شوبيفاي متكامل مع إعداد الإعدادات الأساسية والتفضي...
- +6 مخرجات إضافية
تصميم تجربة المستخدم بفيجما وأدوات الذكاء الاصطناعي
تصميم تجربة المستخدم بفيجما وأدوات الذكاء الاصطناعي هو ممارسة معاصرة تمزج بين المنهجية المتمحورة حول الإنسان في صياغة المنتجات الرقمية، وبين الإمكانيات الأتمتة والتوليد ا...
- أسس تجربة المستخدم: يحلّل الطالب احتياجات المستخدمين ويطبّق...
- إتقان فيجما: يصمّم الطالب الإطارات الشبكية والنماذج الأولية...
- +6 مخرجات إضافية
بناء نظم التصميم الاحترافية
بناء نظم التصميم الاحترافية هو مجال يركز على إنشاء مجموعة موحدة من المبادئ والمكونات والقواعد التي تحكم تصميم المنتجات الرقمية.
- يُحلِّل مبادئ أنظمة التصميم لتحديد العناصر الأساسية اللازمة...
- يُصمِّم رموزًا توثيقية موحدة لتوجيه فرق التطوير في استخدام م...
- +6 مخرجات إضافية
نماذج التصميم المتجاوب
نماذج التصميم المتجاوب هي مجموعة من الأنماط والتقنيات التي تهدف إلى جعل واجهات المستخدم تتكيف ديناميكياً مع مختلف أحجام الشاشات ودقات العرض، بدءاً من الهواتف الذكية وصولا...
- تحليل مبادئ نماذج التصميم المتجاوب وتطبيقها في إنشاء واجهات...
- تطبيق استعلامات الوسائط ونقاط التوقف لتكييف التخطيط مع أحجام...
- +5 مخرجات إضافية
تصميم مواقع Framer
تصميم مواقع Framer هو مجال متخصص في إنشاء واجهات رقمية تفاعلية باستخدام أداة Framer، التي تجمع بين سهولة التصميم المرئي وقوة البرمجة النصية.
- تصميم أشكال ونصوص وصور باستخدام أدوات Framer الأساسية وتعديل...
- تطبيق نظام Auto Layout وFlexbox لبناء تخطيطات مرنة وقابلة لل...
- +6 مخرجات إضافية
أساسيات تصميم صفحات الهبوط
تصميم صفحات الهبوط هو مجال متخصص يركز على إنشاء صفحات ويب مستقلة تهدف إلى تحقيق هدف محدد، مثل جمع بيانات الزوار أو بيع منتج أو تسجيلهم في خدمة.
- يعرّف صفحة الهبوط ويحدد أهدافها الأساسية مثل جمع البيانات أو...
- يطبق مبادئ الإقناع النفسي مثل الندرة والإثبات الاجتماعي لتحف...
- +6 مخرجات إضافية
التوافق مع معايير WCAG لتسهيل الوصول
التوافق مع معايير WCAG هو إطار عمل دولي يضمن إتاحة المحتوى الرقمي للأشخاص ذوي الإعاقات المختلفة، بما في ذلك الإعاقات البصرية والسمعية والحركية والإدراكية.
- تحليل متطلبات إتاحة الوصول الرقمي وفقًا للمبادئ الأربعة لمعا...
- تطبيق بدائل نصية مناسبة للصور والعناصر غير النصية لتحقيق مبد...
- +6 مخرجات إضافية
تصميم بنية المعلومات
تصميم بنية المعلومات هو علم وفن تنظيم المحتوى والمعلومات في بيئة رقمية أو مادية بطريقة تسهل على المستخدمين العثور على ما يحتاجون إليه وفهمه.
- تحليل احتياجات المستخدمين وتطبيق أساليب البحث لتحديد متطلبات...
- تصميم أنظمة تنظيم وتسمية وتنقل فعالة للمحتوى الرقمي وفقاً لم...
- +5 مخرجات إضافية