تصميم الدورة التدريبية رائع، والطريقة التي تبني بها المفاهيم بعضها على بعض سلسة، عملية للغاية وموضحة بشكل جيد.
تصميم الويب المتجاوب و 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)
Wow, I'm impressed. The real-world applications shown were super helpful. Made abstract ideas feel tangible. Great value!
مادة مفيدة، كان الهيكل منطقيا في معظمه، قد لا يكون للمبتدئين المطلقين.
مقدمة جيدة ، لقد أقدر الخطوات الواضحة ، على الرغم من أن بعض الوحدات اللاحقة كان يمكن أن تستخدم المزيد من الأمثلة.
It's a decent introduction. Could benefit from more diverse examples and a slightly better flow between modules.
This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.
This was exactly what I needed. The step-by-step approach worked wonders for my learning style. Feeling inspired!
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
DA 2,000.00
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
DA 2,000.00
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
DA 2,000.00
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
DA 2,000.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع