انتقل إلى محتوى الدرس

Why Libraries and Frameworks Exist لماذا ظهرت المكتبات وأطر العمل

افهم ببساطة لماذا ظهرت المكتبات وأطر العمل في الواجهة الأمامية، والفرق بين الكود الخام والمكتبة وإطار العمل، ومتى تكفي اللغات الأساسية وحدها، ومقارنة Bootstrap وTailwind CSS وReact وVue وAngular للمبتدئين.
3 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

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

قبل الغوص في تفاصيل هذا الدرس، استعرض جدول المصطلحات الأساسية التالية:

المصطلح بالعربية المصطلح بالإنجليزية النطق التقني المعنى المبسط
الكود الخام النقي فانيلا كود كتابة كود HTML وCSS وJavaScript القياسي مباشرة دون الاستعانة بأي مكتبات أو أطر عمل خارجية.
المكتبة البرمجية سوفتوير لايبرري مجموعة أدوات أو وظائف جاهزة يستدعيها المطور عند الحاجة مع بقاء هيكل المشروع تحت تحكمه.
إطار العمل المتكامل سوفتوير فريم وورك مخطط هندسي شامل يحدد طريقة تنظيم ملفات المشروع وقواعده مسبقاً ويستدعي كود المطور بداخله.
إطار تنسيق المظهر سي إس إس فريم وورك حزمة تنسيقات CSS جاهزة مثل Bootstrap أو Tailwind CSS لتسريع بناء الشاشات المتجاوبة.
مكون الواجهة القابل للتكرار ري يوزابل كومبوننت قطعة مرئية مستقلة (مثل زر أو بطاقة منتج) تُبنى مرة واحدة ويعاد استخدامها في عشرات الصفحات.
إفراط التعقيد الهندسي أوفر إنجنيرينج استخدام أطر عمل ضخمة ومعقدة لبناء موقع بسيط كان يمكن إنجازه باللغات الأساسية بسهولة.
الصف 2 شرح توضيحي

إذا كان متصفح الويب لا يفهم في النهاية سوى و و، فلماذا ابتكر المبرمجون المكتبات وأطر العمل أصلاً؟ مع تحول مواقع الويب من صفحات نصية بسيطة إلى تطبيقات ضخمة (مثل المتاجر الإلكترونية ولوحات التحكم البنكية ومنصات الفيديو)، واجهت فرق التطوير ثلاث مشكلات متكررة:

  • 1. عدم إعادة اختراع العجلة في كل مشروع: تحتاج معظم المواقع إلى قوائم متجاوبة، ونوافذ منبثقة، وجداول منظمة؛ وإعادة كتابتها من الصفر في كل مشروع تستنزف أسابيع من الوقت.
  • 2. إبقاء الشاشة متزامنة مع البيانات الحية: عندما يضيف المشتري منتجاً إلى سلة التسوق، يجب أن يتحدث رقم السلة في الأعلى، وقائمة المنتجات الجانبية، وإجمالي السعر في اللحظة نفسها دون تضارب أو نسيان.
  • 3. توحيد أسلوب العمل داخل الفريق: عندما يعمل عشرون مطوراً في شركة واحدة، يضمن إطار العمل الموحد أن يكتب الجميع الكود بنفس الترتيب والهيكلية؛ مما يسهل قراءته وصيانته.
الصف 3 ملاحظة هامة