شرح صفوف ومحتوى الفقرة
في منطقتنا العربية وفي المنصات العالمية متعددة اللغات، يُعد بناء واجهات تدعم العربية والإنجليزية معاً مهارة أساسية لكل مطور واجهة أمامية. فاللغة العربية تُقرأ وتُكتب من اليمين إلى اليسار ()، بينما تُقرأ الإنجليزية من اليسار إلى اليمين ()، مما يتطلب عكس تخطيط الشاشة أفقياً بذكاء عند تبديل اللغة:
- تحديد اتجاه المستند ( و): بمجرد وضع الخاصية على وسم الصفحة في النسخة العربية، يبدأ المتصفح بترتيب الأعمدة والجداول والنصوص من جهة اليمين تلقائياً.
- عكس القوائم وأسهم التنقل الاتجاهية: في الواجهة العربية ينتقل شعار الموقع إلى أقصى اليمين، وتشير أسهم مسار التنقل () وأزرار «التالي» نحو اليسار تماشياً مع اتجاه القراءة العربي.
- الحفاظ على اتجاه الأكواد والروابط (): حتى داخل الصفحة العربية، تُكتب الأكواد البرمجية والروابط بالإنجليزية من اليسار لليمين؛ ولذلك يعزلها المطور بوسم حتى لا تتداخل علامات الترقيم أو الأقواس مع النص العربي.
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
تعرّفنا في هذا الدرس على مبادئ تصميم واجهة المستخدم () وتجربة المستخدم ()، وكيف تتحول المخططات الأولية () إلى صفحات حية، وآلية التصميم المتجاوب () عبر ، وتوافق المتصفحات، وأساسيات إمكانية الوصول الرقمي ()، ودعم العربية () والإنجليزية (). الخطوة التالية: انتقل الآن إلى الدرس التالي أدوات مطور الواجهة الأمامية ونظام Git () لنتعرف على البرامج والأدوات اليومية التي يعتمد عليها مطور الواجهة الأمامية في عمله!