إذا استخدمت كلمة "مادة" في العنوان ، فهذا مضمون لإعطاء الأماكن الأولى في تصنيف مكتبات واجهة المستخدم. مكونات مواد مكتبة الويب من Google هي نسخة من مكون الويب الخاص بمكتبة واجهة المستخدم المادية. يمكن دمج مكونات الويب هذه في مجموعة واسعة من السياقات والبيئات.
تمت ترجمة هذه المقالة بدعم من EDISON Software ، وهي شركة تعمل على تطوير نظام الفحص الطبي الإلكتروني وتشارك أيضًا في دعم البرامج .
تتيح لك مكتبة بوليمر من Google إنشاء مكونات ويب مغلفة قابلة لإعادة الاستخدام تعمل مثل عناصر HTML القياسية ، بنفس سهولة استيراد واستخدام أي عنصر HTML آخر. عناصر البوليمر هي مؤسسة في جيثب تحتوي على أكثر من 100 عنصر بوليمر قابل لإعادة الاستخدام كمستودعات قائمة بذاتها يمكنك عرضها واستخدامها كما هي. مثال:
<script src="https://unpkg.com/@polymer/paper-checkbox@next/paper-checkbox.js?module" type="module" ></script> <paper-checkbox>Web Components!</paper-checkbox>
3. مكونات شبكة فادين
هذه مكتبة جديدة إلى حد ما تحتوي على مجموعة من ما يقرب من 30 من مكونات الويب مفتوحة المصدر لتطوير واجهات المستخدم لتطبيقات الويب المحمولة وسطح المكتب في المتصفحات الحديثة.
العناصر السلكية هي عبارة عن مجموعة مرسومة باليد (مع 7000 نجوم). ويمكنك إنشاء إطارات سلكية من هذه العناصر ويتم رسمها بحيث لا يكون هناك أي تجسيدين متطابقين تمامًا - مثل شكلين منفصلين مرسمين باليد. يمكنك تجربة معهم
هنا ، وحتى على
رد الفعل و
Vue .
Elix عبارة عن مجموعة قابلة لإعادة الاستخدام يحركها المجتمع من مكونات الويب المخصصة لقوالب واجهة المستخدم الشائعة. لضمان معايير الجودة العالية ، تتم مقارنة
المكونات بقائمة مراجعة
مكون الويب القياسي الذهبي ، والتي تستخدم عناصر HTML المضمنة كمؤشر للجودة.
<local-time datetime="2014-04-01T16:30:00-08:00"> April 1, 2014 4:30pm </local-time> -- <local-time datetime="2014-04-01T16:30:00-08:00"> 1 Apr 2014 21:30 </local-time>
هذه المكتبة القديمة إلى حد ما (1500 ألف نجوم). يعد مكونًا أساسيًا يوفر أنواعًا فرعية مخصصة لعنصر HTML القياسي للوقت. من خلال تنسيق الطابع الزمني كسلسلة مترجمة أو نص نسبي يتم تحديثه تلقائيًا في متصفح المستخدم ، يمكنك إنشاء ملحقاتك الخاصة للاستخدام في أي مكان.
تم إنشاء هذه المكتبة بواسطة SAP. إنها مجموعة من عناصر واجهة المستخدم خفيفة الوزن وقابلة لإعادة الاستخدام ومستقلة. تظل المكونات غير المبنية على UI5 عناصر مستقلة. يمكنك استخدامه على قمة الأطر والتطبيقات. يتماشى تصميم المكونات مع
إرشادات تصميم SAP Fiori ويتضمن تصميم Fiori 3. اختبر
الملعب المباشر وواجهة برمجة التطبيقات .
تشغيل العرض التوضيحي: git clone git@github.com:patternfly/patternfly-elements.git cd patternfly-elements npm install # this will take a while due to lerna bootstrap npm run storybook
PatternFly Elements عبارة عن مجموعة مكونة من حوالي 20 من مكونات وأدوات الويب المرنة والخفيفة الوزن لإنشاءها. عناصر PatternFly خفيفة الوزن وبديهية (والتي تعتبر إلى حد كبير معيار مكون الويب) ، تعمل في React و Vue و Angular و vanilla JS ، أينما يتم استخدام عناصر HTML.
هذه ليست مكتبة ، ولكنها بوابة بحث لمكونات Google Web ، مبنية على عناصر Polymer وأصدقائها. أدرجها هنا ، لأنها طريقة مفيدة لتحديث مكونات الويب الجديدة من فريق Polymer وتوفر بعض الموارد المفيدة للقراءة عند بدء العمل مع مكونات الويب.
المزيد من الموارد الجديرة بالملاحظة
منشورات أكثر إثارة للاهتمام
اقرأ أيضا بلوق
شركة إديسون:
20 مكتبة لل
مذهلة تطبيق دائرة الرقابة الداخلية