https://www.polymer-project.org
هو مشروع جديد رائع , و يتلخص فى أنه يمكنك إنشاء Tags جديده لل HTML تسهل عليك أعمالك و تختصر عليك ما تقوم به فى ساعات إلى دقائق
سأبدأ بضرب مثال على ذلك :
هذا كود iframe لفيديو يوتيوب يستخدم لوضع الفيديو فى أحد المواقع
|
1 |
<iframe width="560" height="315" src="//www.youtube-nocookie.com/embed/XtFfpRvMcXw" frameborder="0" allowfullscreen></iframe> |
يمكن بعد إنشاء Polymer object من نوع ytube مثلاً إستخدام هذا الكود لآداء نفس الغرض
|
1 |
<ytube w="560" h="315" hash="XtFfpRvMcXw" ></ytube> |
كيف يكون ذلك مهماً ؟
لديك موقع أو مشروع يعتمد على ال HTML ما انت بصدد إنشاؤه و لديك تصميم يحتوى على الكثير من العناصر التى تتكرر و تريد أن تناديها بشكل سريع و تقوم بإجراء تغييرات عليها بأقل ما يمكن من كود
يمكنك مثلاً أن تقوم بإنشاء widget تحمل إسم المستخدم و صورته و بريده الإلكترونى و رقم هاتفه
إذا قمت بتحويل ذلك إلى Polymer object يمكنك أن تجعل هناك عدة إمكانيات مثل :
إظهار الصورة
أبعادها
لون خلفية ال widget
هل لها إطار أم لا
هل تظهر ال widget بشكل عرضى أم طولى
و كل ذلك من خلال ال Attributes الموجوده فى ال HTML Tag و ذلك كأن تقول :
|
1 |
<user-widget show-img="true" img-w="128" img-h="128" file="photo.png" bg="#eeeeee" border="none" position="vertical" ></user-widget> |
سيكون ذلك رائعاً لأنك ستضطر فقط إلى كتابة الدوال المعبره عن العنصر element-declaration مرة واحده فقط .. و تستخدمها فى أماكن مختلفه بأشكال مختلفه و إعدادات مختلفه .
التوثيق أو ال Docs الخاص به :
https://www.polymer-project.org/docs/polymer/polymer.html