So well organized! The examples were spot on and really helped solidify the concepts. Big thumbs up.
تخطيطات الويب المتجاوبة باستخدام CSS Flexbox
أتقن فن تخطيطات الويب المرنة باستخدام CSS Flexbox لبناء تصاميم مواقع ويب متجاوبة، سهلة الوصول، وعصرية.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
هل تواجه صعوبة في محاذاة عناصر موقع الويب أو سئمت من انهيار التخطيطات عبر أحجام الشاشات المختلفة؟ يتطلب تصميم الويب الحديث تخطيطات مرنة وموثوقة تبدو رائعة على أي جهاز دون الحاجة إلى حلول معقدة.
في هذه الدورة، ستنتقل من الارتباك في التخطيط إلى إتقانه من خلال فهم الآليات الأساسية لـ CSS Flexbox. ستتعلم كيفية هيكلة صفحات الويب بشكل نظيف، ومحاذاة العناصر بسهولة، وبناء واجهات عصرية ومتجاوبة باستخدام CSS القياسي.
ماذا ستتعلم:
- فهم المفاهيم الأساسية لحاويات flex وعناصر flex والمحاور الرئيسية مقابل المحاور المتقاطعة
- محاذاة وتوزيع المحتوى ديناميكيًا عبر أبعاد الشاشة المختلفة
- تطبيق استراتيجية تصميم تعتمد على "الهاتف أولاً" لضمان استجابة سلسة على جميع الأجهزة
- بناء مكونات واجهة عملية مثل قوائم التنقل وشبكات البطاقات وتخطيطات الشاشة المقسمة
- دمج ممارسات الوصول الأساسية لضمان أن تكون تخطيطاتك المرنة قابلة للاستخدام للجميع
ستبدأ بالأساسيات المطلقة، وتتعلم المصطلحات الرئيسية وخصائص الحاوية من خلال شروحات مكتوبة واضحة ومقتطفات برمجية. ثم، ستتقدم إلى تمارين مكتوبة عملية، وتطبق معرفتك على تحديات التخطيط الواقعية.
تم تصميم هذه الدورة للمبتدئين الذين لديهم فهم أساسي لـ HTML و CSS ولكنهم يرغبون في إتقان تقنيات التخطيط الحديثة. لا توجد خبرة سابقة في Flexbox مطلوبة.
ابدأ القراءة اليوم لفتح قوة تخطيطات CSS المرنة.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
3 ساعة من المحتوى التطبيقي
المراجعات (2)
أنا سعيد جداً لأنني أخذت هذا الطريقة التي تم بها تحليل المفاهيم جعلت من السهل الوصول إليها قيمة كبيرة للجهد
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
DH 150.00
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
DH 150.00
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
DH 150.00
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
DH 150.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع