[MUSIC]
واجهة المستخدم الأمامية واجهة المستخدم أصبحت نهج الذهاب إلى
تصميم وتنفيذ مواقع الويب الأخيرة الخاصة بهم.
دعونا نسأل أنفسنا ما هي بالضبط واجهة المستخدم واجهة المستخدم الأمامية
، ومعرفة المزيد من التفاصيل عنها.
بعد ذلك، من الواضح
في هذا الدرس أننا سوف نسأل أنفسنا، ما هي الأطر الأمامية؟
ماذا تحتوي؟
ما هي بعض أطر واجهة المستخدم الأمامية الشائعة؟
ولماذا نحتاج إلى الاستفادة من أطر واجهة المستخدم الأمامية عند تصميم
مواقعنا الإلكترونية؟
فما هي أطر واجهة المستخدم الأمامية على شبكة الإنترنت؟
لنأخذ خطوة إلى الوراء،
ونتخيل أنك تعرف HTML و CSS و JavaScript فقط.
إذا طُلب منك تصميم موقع ويب جديد، فمن الواضح أنك ستذهب نحو بناء
وتنفيذ موقع الويب بأكمله باستخدام المهارات التقنية التي
لديك بناءً على معرفتك بـ HTML و CSS و JavaScript.
كنت غالبا ما تدرك أن هناك العديد من
المكونات المتكررة التي كنت تستخدم على موقع الويب الخاص بك.
وستنتهي إلى تصميم مجموعتك الخاصة من فئات CSS.
سوف تقوم بتصميم مكون يستند إلى جافا سكريبت.
وبعد ذلك بمجرد الحصول على مجموعة من هذه معا، في
كل مرة تحتاج إلى تصميم موقع جديد كنت تستخدم هذه
المجموعات المحددة مسبقا من فئات CSS
والمكونات القائمة على جافا سكريبت لتنفيذ موقع ويب جديد بسرعة.
لماذا لا تأخذ هذا إلى نهايتها المنطقية؟
ماذا عن، إذا قمنا بتصميم إطار عمل كامل يتكون من
مكونات واجهة المستخدم على شبكة الإنترنت جاهزة للاستخدام، CSS، وجافا سكريبت.
لذا، هنا،
قد يحدد إطار واجهة مستخدم الويب الأمامية مجموعة من فئات CSS التي
ستمكننا من تضمين مكونات مثل الأزرار
والجداول وأشرطة التنقل والقوائم المنسدلة والتنبيهات
والشروط وعلامات التبويب والأكورديون وغيرها الكثير.
وسرعان ما تمكننا من تصميم وتنفيذ موقع ويب.
لذلك هذا هو ما ينجزه إطار واجهة المستخدم الأمامية على شبكة الإنترنت.
وهو عبارة عن مجموعة من كل هذه المكونات.
ليس هذا فقط، فهو يمنحك طريقة لتحديد
الطباعة المتسقة التي يمكنك استخدامها لتصميم موقع الويب الخاص بك بأكمله.
ويمكنك من السقالة بسرعة
خارج موقع على شبكة الانترنت أو الملعب.
إذا كنت تبحث عن أطر الويب الأمامية،
فستجد مجموعة كبيرة منها في الإنترنت.
الآن قام العديد من الأشخاص بخدمتهم الخاصة
بكل أطر واجهة مستخدم الويب المختلفة هذه،
ونشروا قوائم العشرة الأوائل لأطر واجهة المستخدم الأمامية.
هذا هو واحد من تلك التي قد توافق أو
لا توافق مع هذا الترتيب، ولكن
Bootstrap يحدث أن يكون الأكثر شعبية بين جميع أطر واجهة المستخدم الأمامية على شبكة الإنترنت.
يصنف Bootstrap باستمرار كرقم واحد
في العديد من قوائم أطر واجهة مستخدم الويب الأمامية.
قد يختلف الباقي بين هذه القائمة، ولكنك غالبًا ما تجد واجهة المستخدم الدلالية، و
Foundation by Zerp، و Materialize، و Materialize، و Material UI، و
بعض هؤلاء الآخرين الذين يظهرون في العديد من تلك القوائم
السؤال الواضح التالي هو،
لماذا تريد استخدام أطر واجهة مستخدم الويب الأمامية؟
أولا وقبل كل شيء، أنها توفر لك مع طريقة متسقة لتصميم المواقع.
ومعظم هذه الأطر الأمامية
تدعم ما يسمى تصميم الويب المتجاوب.
سوف ندرس المزيد حول تصميم الويب المتجاوب في الدرس التالي، ولكن
تلخيصه بسرعة، فأنت لا تدرك أن موقعك الإلكتروني يمكن الوصول إليه
من أنواع مختلفة من أجهزة شاشات التوقف المختلفة
التي تتراوح بين الهواتف المحمولة الصغيرة على طول الطريق إلى سطح المكتب الكامل.
تريد أن تكون قادرا على تصميم موقع الويب الخاص بك للتكيف تلقائيا
لتلبية قيود حجم كل من هذه
الأجهزة المختلفة، والتي من خلالها يتم الوصول إلى موقع الويب الخاص بك.
لذا فإن تصميم الويب المتجاوب قلق حول هذا الجانب.
المشكلة الثانية التي تحاول معظم أطر Franken هذه
معالجتها هي التوافق عبر المتصفح.
إذا كنت قد لعبت مع المتصفحات بقدر ما فعلت،
وأنا متأكد من أنك قد أدركت أنه
لا يوجد اثنين من المتصفحات تجعل نفس الموقع بالضبط بنفس الطريقة.
لذلك عندما تقوم بتصميم موقع ويب لتقديم باستمرار عبر
العديد من المتصفحات المختلفة، فإنك ستواجه معركة شاقة.
الآن تمكنت هذه الأطر الأمامية من معالجة معظم هذه
الخصوصيات للمتصفحات المختلفة بحيث يمكنك
تقديم عرض متناسق لموقعك على متصفحات مختلفة.
لذلك هذا هو السبب الثاني لماذا قد ترغب في اللجوء إلى
استخدام إطار واجهة المستخدم الأمامية ويب.
والجانب الثالث بالطبع هو أنه عندما تحتاج إلى تصميم موقع على شبكة الانترنت،
سوف تكون دائما تحت ضغط زمني رهيب.
لذا قم بزيادة
إنتاجيتك بحيث لا تضيع طاقتك ووقتك على
مشكلات التهيئة الإسراف في تلك المكونات الفردية لموقع الويب الخاص بك.
بدلاً من ذلك، دع ذلك يعتني
به إطار واجهة مستخدم ويب أمامي مصمم باستمرار.
بحيث يوفر لك الكثير من الوقت من حيث تنفيذ موقع الويب الخاص بك.
لقد طردوا
وأخيرا، بطبيعة الحال، فإن
معظم هذه الأطر واجهة المستخدم الأمامية التي هي كلها هناك لديها مجتمعها الخاص.
هم المستخدمون الذين يستخدمون هذه الأطر لتنفيذ مواقع الويب.
لذلك فإن هذا المجتمع من المستخدمين سوف توفر لك
وسيلة فعالة جدا لتكون قادرة على حل القضايا التي قد
تواجهها عند تطبيق أي شخص من هذه الأطر لتصميم موقع الويب الخاص بك.
لذلك بالنظر إلى هذه المزايا المختلفة،
لماذا لا تريد اللجوء إلى استخدام إطار واجهة مستخدم ويب أمامي؟
من خلال هذا الفهم لأطر واجهة مستخدم الويب الأمامية،
دعنا نمضي الآن إلى الأمام لمعرفة المزيد عن Bootstrap،
وهو إطار واجهة مستخدم الويب الأكثر شيوعًا.
[ موسيقى]