نحن نستخدم تقنيات مختلفة لتطوير الويب. قد تكون على دراية بمصطلح “الواجهة الأمامية” و “النهاية الخلفية” كثيرًا. فقط لتحديث الواجهة الأمامية يشير إلى ما تراه في مواقع الويب والواجهة الخلفية تدور حول وظائف الواجهة الأمامية.
إطار عمل الواجهة الأمامية
تطوير الويب للواجهة الأمامية ، المعروف أيضًا باسم التطوير من جانب العميل ، هو التطوير لتطوير عرض لموقع الويب الذي يمكن للمستخدم التفاعل معه بشكل مباشر أو كيف يبدو موقع الويب الخاص بك.
يحتوي إطار عمل الواجهة الأمامية على كود معياري مكتوب مسبقًا في الملفات والمجلدات. إطار عمل الواجهة الأمامية هو في الأساس حزمة من كود JavaScript التي يمكنك تضمينها في تطبيقك لمساعدتك على البناء بشكل أسرع. يمكننا أن نقول أن إطار عمل الواجهة الأمامية هو شيء يساعدك في بناء تقنية ويب للواجهة الأمامية بشكل أسرع مقارنة بما تفعله بنفسك.
إطار عمل الواجهة الأمامية العلوية
1. 
AngularJS هو إطار عمل JavaScript مفتوح المصدر تم تطويره بواسطة Google استنادًا إلى بنية وحدة التحكم في عرض النموذج. AngularJS هو أحد الأطر الشائعة في عام 2019 لتطوير تطبيق ويب ديناميكي. يستخدم هذا الإطار لإنشاء تطبيق من صفحة واحدة. Angular لديها أكبر مجتمع للمطور.
الايجابيات:
1. كود الوحدة القابلة للاختبار
2. رمز نظيف وقابل للصيانة
3. إعادة الاستخدام
السلبيات:
1. دعم JavaScript إلزامي.
2. وثائق CLI تفتقر إلى التفاصيل.
2. 
React هي مكتبة JavaScript مفتوحة المصدر تُستخدم لبناء واجهات المستخدم. يتم استخدامه لتطوير طبقة العرض لتطبيقات الويب والصفحة.
يتيح React للمطور تطوير التطبيق الكبير الذي يمكنه تغيير البيانات دون إعادة تحميل الصفحة.
يُطلق على ReactJS أيضًا اسم React أو React.js.
الايجابيات:
1. سهل التعلم.
2. الأداء وقابلية الاختبار
3. ربط البيانات.
السلبيات:
1. وثائق أقل
2. ارتفاع وتيرة التنمية
3. 
VueJS هو إطار عمل JavaScript متقدم ويستخدم لتطوير واجهة المستخدم. VueJS هو إطار شائع للواجهة الأمامية في عام 2019 ويستخدم على نطاق واسع في تطبيق الويب.
يستخدم VueJS DOM الظاهري جنبًا إلى جنب مع أطر أخرى مثل React.
الايجابيات:
1. سهولة التوجيه
2. المرونة
3. دعم TypeScript
السلبيات:
1. المجتمع الصغير
2. حاجز اللغة
4. 
Backbone هو إطار عمل خفيف الوزن يسمح للمطور بهيكلة كود JavaScript الخاص به في بنية MVC. أكبر ميزة للعمود الفقري هي أنه يمكنك التمييز بين النموذج والعرض ووحدة التحكم.
الايجابيات:
1. مكتبة مفيدة.
2. ربط الحدث سهل.
3. دعم التعليمات البرمجية المنهجية والمنظمة.
السلبيات:
1. تسرب الذاكرة
2. الإنتاجية
5. 
Bootstrap هو إطار عمل جاهز للواجهة الأمامية يستخدم لتطوير تطبيق الويب التفاعلي وتم تطويره بواسطة Twitter. إنه يوفر الطريقة المعيارية التي يمكننا من خلالها هيكلة ملفات CSS لكل جهاز وتطبيقها.
الايجابيات:
1. وفر الوقت.
2. استجابة أفضل.
3. نظام شبكة ممتاز
السلبيات:
1. تحميل ثقيل في بعض الأحيان
2. منحنى التعلم المحدود.
6. 
المؤسسة عبارة عن إطار عمل مفتوح المصدر للواجهة الأمامية يساعد في تصميم مواقع الويب والتطبيقات ورسائل البريد الإلكتروني سريعة الاستجابة. يتكون الأساس من نظام شبكة مكون من 12 عمودًا ، ويدعم مكونات CSS المنمقة ومتوافق مع العديد من المتصفحات.
الايجابيات:
1. التوافق
2. الحاجيات المضمنة
3. شبكات مرنة
السلبيات:
1. يستغرق التعلم وقتا.
2. لا يوجد دعم لاستكشاف الأخطاء وإصلاحها.
7. 
إذا كان لديك مشروع صغير ولا تحتاج إلى استخدام إطار عمل كبير ، فإن Skelton سيكون خيارًا جيدًا لك. يوفر إطار العمل أنماطًا لعناصر HTML القياسية ويتضمن شبكة.
الايجابيات:
1. رمز نظيف وجميل.
2. الأفضل للمبتدئين.
3. متوافق مع قرارات مختلفة.
السلبيات:
1. قوالب محدودة
2. وقت التطوير أعلى.
8. 
إطار العمل الخالص المستخدم على نطاق واسع في تطبيق الويب بوحداته الصغيرة التي يمكنك استخدامها في كل مشروع. يحتوي Pure على شبكة سريعة الاستجابة وفقًا لتخصيصك وحجم الملف الصغير 4.8 كيلو بايت.
الايجابيات:
1. خفيفة الوزن
2. المرونة
3. آمن
السلبيات:
1. مجتمع صغير
2. منحنى التعلم المحدود
9. 
Semantic هو إطار عمل لتطوير الويب يساعد في إنشاء تخطيطات جميلة وسريعة الاستجابة باستخدام HTML الصديق للإنسان. Semantic-UI التصحيح البسيط للتطبيق والإطار ينمو بسرعة في عام 2019.
الايجابيات:
1. محمول
2. سهل الاستعمال
3. سهولة التطوير
السلبيات:
1. المجتمع المحدود
2. حاجز اللغة.
10. 
واجهة المستخدم المادية صغيرة الحجم وبالتالي فهي تقوم بتحميل صفحات الويب بسرعة قدر الإمكان. واجهة المستخدم المادية ليست تبعيات خارجية.
الايجابيات:
1. للتخصيص.
2. لا تبعيات
3. البصمة الصغيرة
السلبيات:
1. مجتمع صغير
2. تتطلب مهارات من أجل التنمية
الخاتمة:
هناك الكثير من أطر العمل الأمامية التي يجب تعلمها ولكنها تعتمد كليًا على متطلبات مشروعك. سيكون من المفيد البحث في مشروعك بالكامل واختيار إطار العمل الأمامي وفقًا لذلك. الغرض الرئيسي من استخدام إطار العمل هو توفير الوقت وإنشاء التطبيق بشكل أسرع. إذا كانت لديك أي شكوك في هذه المقالة فلا تتردد في الاتصال بنا وإسقاط استفسارك. نريد أن نسمع منك.
