مكتبة البوليمرات

Polymer هي مكتبة جافا سكريبت مفتوحة المصدر لبناء تطبيقات الويب باستخدام مكونات الويب . يتم تطوير المكتبة بواسطة مطوري جوجل ومساهمين على منصة GitHub . تُطبّق مبادئ التصميم الحديثة كمشروع منفصل باستخدام مبادئ تصميم Material Design من جوجل .

يُستخدم Polymer من قِبل عدد من خدمات ومواقع جوجل، بما في ذلك يوتيوب ، ويوتيوب للألعاب، وجوجل إيرث المُعاد تصميمه (منذ عام 2017)، ^{[ 7 ]} ومواقع جوجل I/O لعامي 2015 و2016، وجوجل بلاي ميوزك ، وإعادة تصميم مواقع جوجل ^{[ 8 ]،} و Allo للويب (حتى إيقاف تشغيله في عام 2019). ^{[ 9 ]}

ومن بين المستخدمين البارزين الآخرين Netflix و Electronics Arts و Comcast و Nuxeo و Coca-Cola و McDonald's و BBVA و IBM و Interxion و General Electric .

بدأ التطوير العام لـ Polymer في نوفمبر 2013 بإصدار Promises Polyfill . وتوسع هذا المشروع تدريجيًا ليصبح مكتبة تصميم مواقع ويب شاملة، تغطي إرشادات التصميم المرئي (عبر Material Design)، وربط البيانات ، وعددًا كبيرًا من مكونات الويب "الأساسية" و"الورقية". صُممت المكونات الأساسية في الأصل لتشمل وظائف عامة ضرورية لمعظم مواقع الويب، بينما صُممت المكونات الورقية لتوفير مكونات أكثر تخصصًا، حيث تُشكل مفاهيم Material Design جزءًا أساسيًا من تصميمها. وقد تحقق إنجاز هام بإصدار النسخة 0.5، التي اعتُبرت أول نسخة من المشروع جاهزة للاستخدام من قِبل المستخدمين الأوائل. ^{[ 10 ]}

واصلت جوجل مراجعة تصميم Polymer بعد إصدار النسخة 0.5، مع إيلاء اهتمام خاص لمشاكل الأداء التي واجهها عدد من المطورين. وبلغت هذه الجهود ذروتها بإصدار Polymer 1.0 في عام 2015، والذي كان أول إصدار جاهز للاستخدام في بيئات الإنتاج. ^{[ 11 ]} حسّن الإصدار 1.0 أداء Polymer بشكل ملحوظ، حيث قلّل أوقات التحميل بما يصل إلى 7 أضعاف. ^{[ 12 ]} مع الإصدار 1.0، فصلت جوجل العناصر عن مشروع Polymer لتمييز كتالوج العناصر بوضوح عن مكتبة Polymer polyfill ومكتبة webcomponents-sugaring.

في الفترة من 14 إلى 15 سبتمبر 2015، نظمت جوجل قمة البوليمر في أمستردام .

في الفترة من 17 إلى 18 أكتوبر 2016، نظمت جوجل قمة البوليمر في لندن .

في الفترة من 22 إلى 23 أغسطس 2017، نظمت جوجل قمة البوليمر في كوبنهاغن .

في 2 مايو 2018، أعلن فريق Polymer أن أي تطوير مستقبلي في Polymer سيتحول بعيدًا عن الربط ثنائي الاتجاه ونظام القوالب الخاص به، وسيركز على LitElement ^{[ 13 ]} (الذي لا يزال جزءًا من Polymer ^{[ 14 ]} ) والربط أحادي الاتجاه. ^{[ 15 ]}

يوفر Polymer عددًا من الميزات مقارنةً بمكونات الويب الأساسية :

• طريقة مبسطة لإنشاء عناصر مخصصة
• ربط البيانات أحادي الاتجاه وثنائي الاتجاه
• الخصائص المحسوبة
• القوالب الشرطية والمتكررة
• أحداث الإيماءات

بدأ بوليمر يكتسب شهرة متزايدة في السوق، مع ارتفاع ملحوظ في استخدامه خلال عامي 2015 و2016، كما وثّق ذلك موقع BuiltWith. ^{[ 16 ]} وقد حظيت عملية تصميمه المنظمة باهتمام خاص، مما يسمح ببنية "مكعبات ليغو" قابلة للتشغيل البيني . ^{[ 17 ]} طوّر فريق جوجل كروم إطار عمل LitElement كجزء من مشروع بوليمر في عام 2018. صُمم LitElement ليكون إطار عمل خفيف الوزن وسهل الاستخدام لإنشاء مكونات ويب يمكن استخدامها مع أي إطار عمل أو مكتبة للواجهة الأمامية.

يمكن إنشاء عناصر مخصصة باستخدام وحدات ES (ECMAScript، والأكثر شيوعًا JavaScript ) مع الفئات. يتضمن تعريف العنصر المخصص نمط CSS ، وقالب HTML لنموذج DOM المحلي للعنصر ، وخصائص العنصر، ووظائف رد الاتصال لدورة الحياة، وطرق JavaScript.

import { PolymerElement , html } from '@polymer/polymer'class HelloElement extends PolymerElement { // تعريف قالب العنصر static get template () { return html `  <style>  /* نمط CSS المحلي لـ DOM */  </style>  <!-- DOM المحلي -->  Hello {{name}}!  ` ; } static get is () { return 'hello-element' ; } // تعريف خصائص واجهة برمجة التطبيقات العامة static get properties () { return { name : { type : String } }; } } window . customElements . define ( HelloElement . is , HelloElement );

يمكن استخدام العنصر المحدد أعلاه في كود HTML:

< hello-element name = "World" ></ hello-element >

• ممشوق
• إطار عمل جافا سكريبت
• مقارنة بين أطر عمل الويب القائمة على جافا سكريبت
• مكونات الويب

• الموقع الرسمي
• بوليمر على جيت هاب
• www.webcomponents.org​​