تصميم الدورة التدريبية رائع، والطريقة التي تبني بها المفاهيم بعضها على بعض سلسة، عملية للغاية وموضحة بشكل جيد.
تصميم الويب المتجاوب و UI/UX: من Figma إلى HTML و CSS و Bootstrap
تعلم تصميم واجهات مستخدم جميلة في Figma وترجمتها إلى صفحات ويب متجاوبة وسهلة الوصول باستخدام HTML و CSS و JavaScript و Bootstrap.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
يعد سد الفجوة بين التصميم المرئي الإبداعي وكود الواجهة الأمامية النظيف أحد أهم المهارات في تطوير الويب الحديث. يرشدك هذا المساق المكتوب عبر المسار الكامل لإنشاء واجهات مستخدم مذهلة وتحويلها إلى مواقع ويب متجاوبة.
ستنتقل من فهم مبادئ التصميم الأساسية إلى كتابة كود منظم. من خلال تعلم كيفية التفكير كمصمم ومطور، ستكتسب الثقة لتصور التخطيطات في Figma وبنائها باستخدام معايير الويب الحديثة.
ما ستتعلمه:
- فهم مبادئ تصميم UI/UX الأساسية، والطباعة، ونظرية الألوان، وتخطيط الإطارات (wireframing).
- إنشاء تخطيطات مرنة في Figma باستخدام أدوات حديثة مثل Auto Layout ومكتبات المكونات.
- ترجمة التصميمات المرئية إلى HTML نظيف ودلالي و CSS منسق باستخدام Flexbox و Grid.
- بناء تخطيطات متجاوبة بالكامل ومتوافقة مع الجوّال أولاً باستخدام نظام شبكة Bootstrap.
- تطبيق معايير الوصول الأساسية لضمان أن تكون تصميماتك وكودك شاملة.
- تطبيق JavaScript أساسي للتعامل مع أحداث DOM وإضافة انتقالات تفاعلية إلى صفحات الويب الخاصة بك.
تبدأ الرحلة بمفاهيم التصميم الأساسية وأساسيات Figma قبل الانتقال إلى البرمجة العملية. ستقرأ شروحات مفصلة، وتدرس مقتطفات كود واضحة، وتتدرب على بناء تخطيطات متجاوبة خطوة بخطوة.
تم تصميم هذه الدورة خصيصًا للمبتدئين الذين ليس لديهم خبرة سابقة في التصميم أو البرمجة.
ابدأ رحلتك نحو أن تصبح مصممًا-مطورًا متعدد الاستخدامات اليوم.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 54 دقيقة من المحتوى التطبيقي
المراجعات (7)
مقدمة جيدة ، لقد أقدر الخطوات الواضحة ، على الرغم من أن بعض الوحدات اللاحقة كان يمكن أن تستخدم المزيد من الأمثلة.
This was exactly what I needed. The step-by-step approach worked wonders for my learning style. Feeling inspired!
This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.
مادة مفيدة، كان الهيكل منطقيا في معظمه، قد لا يكون للمبتدئين المطلقين.
It's a decent introduction. Could benefit from more diverse examples and a slightly better flow between modules.
Wow, I'm impressed. The real-world applications shown were super helpful. Made abstract ideas feel tangible. Great value!
المتعلمون أخذوا أيضًا
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
SR 50.00
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
SR 50.00
→
🔥 رائج
🎓 بشهادة
بناء مواقع ويب متجاوبة مع Webflow
شهادة
تطبيق عملي
SR 50.00
→
🏆 الأكثر شعبية
🎓 بشهادة
إنشاء مواقع شبكية ميسرة باستخدام معايير WCAG
شهادة
تطبيق عملي
SR 50.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع