مرحبًا بك في تعلم التصميم سريع الاستجابة!

دورة تستكشف جميع جوانب التصميم سريع الاستجابة. تعرَّف على كيفية إنشاء مواقع إلكترونية رائعة ومناسبة للجميع.

تأخذك هذه الدورة في رحلة عبر العديد من جوانب تصميم الويب سريع الاستجابة الحديث. ستساعد الوحدات القليلة الأولى في تيسيرك من خلال التعرف على تاريخ من أين أتى التصميم سريع الاستجابة وإلقاء نظرة على أساسيات التخطيطات سريعة الاستجابة. من هناك، ستتعرف على الصور سريعة الاستجابة وأسلوب الخط وإمكانية الوصول والمزيد.

بالإضافة إلى ذلك، ستتعرف على كيفية جعل مواقع الويب تستجيب لتفضيلات المستخدم وإمكانات الجهاز. بحلول النهاية، سيكون لديك أيضًا فهم لما قد يخبئه المستقبل للتصميم سريع الاستجابة.

وتحتوي كل وحدة على عروض توضيحية وتقييمات ذاتية تتيح لك اختبار معلوماتك.

هذه الدورة مخصصة للمصممين والمطورين المبتدئين والمتوسطين. يكفي الإلمام بأساسيات HTML وCSS. لست بحاجة إلى معرفة أي لغة JavaScript. إذا كنت لا تزال مبتدئًا في مجال إنشاء المواقع الإلكترونية، يمكنك الاطّلاع على مقدمة حول HTML ودورة تدريبية أخرى لمساعدتك في تعلُّم لغة CSS.

وإليك ما سوف تتعلمه:

المقدمة

اكتشاف مصدر التصميم سريع الاستجابة.

طلبات الوسائط

تكييف تصميماتك مع أحجام الشاشات المختلفة باستخدام استعلامات وسائط CSS.

نشر القناة على نطاق عالمي

إعداد تصميماتك للغات المختلفة وأوضاع الكتابة.

تنسيقات الماكرو

تصميم تخطيطات الصفحة باستخدام مجموعة مختارة من أساليب CSS.

تنسيقات مصغّرة

بناء مكونات مرنة يمكن وضعها في أي مكان.

أسلوب الخط

اجعل النص واضحًا وجميلاً، بغض النظر عن مكان ظهوره.

الصور المتجاوبة مع مختلف الأجهزة

امنح زوّار موقعك الصور الأكثر ملاءمةً لأجهزتهم وشاشاتهم.

عنصر الصورة

التحكّم في الصور بشكل أفضل

الرموز

استخدام SVG لأيقونات استجابة قابلة للتطوير.

التصميم

قم بتكييف تصميماتك لتتناسب مع تفضيلات المستخدم مثل الوضع الداكن.

تسهيل الاستخدام

تأكَّد من أنّ موقعك الإلكتروني متاح للجميع.

التفاعل

ويمكنك إعداد صفحاتك لآليات إدخال مختلفة، مثل الماوس ولوحة المفاتيح واللمس.

أنماط واجهة المستخدم

ضع في اعتبارك بعض عناصر واجهة المستخدم الشائعة التي تتكيف مع أحجام الشاشات المختلفة.

ميزات الوسائط

ملخص لجميع الطرق التي تتيح لك فيها ميزات الوسائط الاستجابة للأجهزة والتفضيلات.

إعدادات الشاشة

يمكنك إعداد المحتوى للتوافق مع الأجهزة ذات الشاشات المتعددة.

الخاتمة والخطوات التالية

موارد إضافية لمساعدتك في اتخاذ خطواتك التالية.

إذن، هل أنت مستعد لتعلم التصميم سريع الاستجابة؟