التصميم المرن والتكيفي لواجهات الويب سهلة الوصول
تعلم كيفية بناء تخطيطات ويب متجاوبة وعالية إمكانية الوصول تتكيف بسلاسة مع مختلف الأجهزة، وأحجام الشاشات، وإعدادات التكبير لدى المستخدم.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
تتطلب تطوير الويب الحديث واجهات لا تقتصر فقط على الجاذبية البصرية، بل تكون أيضًا متاحة بالكامل للجميع، بغض النظر عن أجهزتهم أو التقنيات المساعدة التي يستخدمونها. تتفكك العديد من التخطيطات عندما يقوم المستخدمون بتكبير الشاشة أو تغيير إعدادات الخط الافتراضية، مما يؤدي إلى تجارب مستخدم ضعيفة. يعلمك هذا الدورة النصية فقط كيفية تصميم وبناء تخطيطات مرنة وقوية تحافظ على سهولة الاستخدام وتلبي معايير إمكانية الوصول الحديثة.
ستبدأ بفهم أنواع وحدات CSS الأساسية، والطباعة المرنة، والمبادئ الجوهرية لهياكل التخطيط سهلة الوصول.
ما ستتعلمه:
- فهم الفرق بين التخطيطات المرنة والتكيفية ومتى تستخدم كل منها؛
- إتقان وحدات CSS الحديثة مثل em و rem و ch و vw لإنشاء طباعة قوية وصديقة للتكبير؛
- بناء تخطيطات متجاوبة باستخدام CSS Grid و Flexbox الحديثة مع مراعاة إمكانية الوصول؛
- تطبيق استعلامات الوسائط (media queries) واستعلامات الحاوية (container queries) لتكييف المكونات مع الحاويات الأبوية لها؛
- اختبار وتصحيح التخطيطات للتنقل باستخدام لوحة المفاتيح، والتوافق مع قارئات الشاشة، ومستويات التكبير العالية.
ستبدأ بالمفاهيم الأساسية والشروحات المكتوبة خطوة بخطوة، منتقلاً من قواعد التخطيط الأساسية إلى بناء أنماط مكونات متجاوبة بالكامل وسهلة الوصول. تم تصميم هذه الدورة للمطورين المبتدئين والمتوسطين في Front-end ومصممي الويب الذين يرغبون في بناء تجارب ويب شاملة للجميع. لا تتطلب الدورة خبرة برمجية متقدمة. ابدأ في بناء تخطيطات جميلة وسهلة الوصول اليوم.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
🎧
النسخة الصوتية مضمَّنة
تعلَّم أثناء تنقُّلك — دون شاشة -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 36 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
DH 500
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
DH 500
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
DH 500
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
DH 900
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع
×2
اشحن مرة واحدة وادفع النصف
أضف DH 1,000 واحصل على 200 رصيد، بحيث تكلف كل دورة حوالي DH 125.00. لا تنتهي صلاحية الأرصدة أبداً.
DH 1,000
200 رصيد
DH 125.00 / دورة
أفضل قيمة
DH 2,500
550 رصيد
DH 113.64 / دورة
DH 5,000
1200 رصيد
DH 104.17 / دورة
الرصيد يصلح لأي دورة ولا ينتهي.