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

Vanilla Code Library and Framework الكود الخام والمكتبة وإطار العمل

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

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

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

لتفهم الفرق الدقيق بين الكود الخام () والمكتبة () وإطار العمل () دون أي التباس، تخيل ثلاث طرق لبناء منزل وتأثيثه:

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

تأمل المخطط التوضيحي الآتي الذي يقارن بين المستويات الثلاثة ويوضح أشهر أدوات المظهر والتفاعل:

الصف 2 صورة توضيحية
مخطط يقارن بين الكود الخام والمكتبة وإطار العمل مع توضيح أطر تنسيق CSS وبناء المكونات التفاعلية
الصف 3 ملاحظة هامة