esl

مكتبة Exadel الذكية

Exadel Smart Library ( ESL ) هي مكتبة مكونات واجهة مستخدم خفيفة الوزن ومرنة المصدر تعتمد على مكونات الويب. قم بزيادة أداء موقعك عن طريق إنشاء نماذج UX مع مكونات مخصصة من مكتبتنا. تتوافق مكتبة مكونات واجهة المستخدم ESL Web UI مع أي إطار عمل ، مما يجعل ESL مثاليًا للمشاريع بغض النظر عن مكدسها التقني.

★ تحقق من مكتبة مكونات واجهة المستخدم الخاصة بنا ودعمها بنجمة ★

• ملخص
• هيكل المكتبة
• دليل التثبيت
• معلومات تطوير المساهمين

ملخص

مكتبة Exadel الذكية ، أو ESL لفترة قصيرة ، هي مكتبة مجانية لمكونات واجهة المستخدم على شبكة الإنترنت تقلل من المهام الروتينية وتتيح لك إنشاء مواقع ويب بكفاءة مع مكونات ويب متعددة في متناول اليد. عندما تقرر ما هي أفضل مكتبة مكونات واجهة المستخدم لموقعك ، ضع في اعتبارك أنه يجب أن يكون متوافقًا مع المكتبات والأطر الأخرى - مثل ESL!

تتيح لك مكتبة مكون ESL UI الوصول إلى مجموعة أدوات مليئة بالمكونات القابلة لإعادة الاستخدام. يمكنك الاستفادة من مكونات الويب هذه لاستكمال المشاريع أو بناء البنية التحتية الخاصة بك من الألف إلى الياء باستخدام ESL وحده. مكتبة مكونات واجهة المستخدم الخاصة بنا عالية الجودة ، وبالتالي فإن الشيء الوحيد الذي يجب عليك التركيز عليه هو تطبيق أنماط لتلبية احتياجات مشروعك.

تعتمد ESL فقط على ميزات API و ECMASCript 6 ، والتي تتيح لمكتبة مكونات واجهة المستخدم الخاصة بنا تعمل بشكل جيد عبر جميع المتصفحات الحديثة مثل Firefox و Chrome و Safari و Opera و Edge. يمكن أن تعمل ESL أيضًا على IE11 عندما يتم توفير القائمة الكاملة للمسلسلات (انظر دعم المتصفح و polyfills لمزيد من التفاصيل).

هيكل المكتبة

أثناء بناء مكتبة مكونات واجهة المستخدم ، قمنا بتضمين المكونات ومكونات النماذج والمرافق التي تحل مشاكل بنية المشروع المعقدة والامتثال للمبدأ الجاف. انظر المتهدمة لمكونات الويب وقراءة المواصفات.

مكتبة جوهر

من خلال مكتبة مكونات واجهة المستخدم الخاصة بنا ، يمكنك الحصول على سكر بناء الجملة المرن المخصصة للبناء على رأس المكونات الأساسية والتحكم في دورة حياتهم.

• عنصر قاعدة ESL

• ESL Mixin Element

• ESL Media Query

• ESL اجتياز الاستعلام

• مستمع حدث ESL

• ESL utils

عناصر

توفر لك مكتبة مكونات HTML UI جميع العناصر التي تحتاجها لإنشاء وحدات UX بأداء ممتاز.

• ESL A11YGROUP (بيتا)

• تنبيه ESL

• ESL تحريك

• حواشي ESL (بيتا)

• صورة ESL

• وسائل الإعلام ESL

• لوحة ESL

• مجموعة لوحة ESL

• ESL POPUP (بيتا)

• الهدف المتعلق بـ ESL (بيتا)

• ESL Scrollbar

• ESL SELECT (BETA)

• قائمة تحديد ESL (بيتا)

• حصة ESL (بيتا)

• علامات التبويب ESL وعلامات التبويب

• ESL Togglable

• الزناد ESL

---

دليل التثبيت

0. الشروط المسبقة:

   • تأكد من أن لديك جميع الملفيات اللازمة لدعم المتصفحات من قائمة دعم المتصفح. انظر دعم المتصفح و polyfills للحصول على التفاصيل.
   • استخدم Bundler لبناء مشروعك. حاليًا ، تتوفر وحدات ES6 فقط للاستهلاك.

1. تثبيت ESL NPM التبعية:

    npm i @exadel/esl --save
   

2. استيراد مكونات/وحدات تحتاجها:

    import '@exadel/esl/modules/esl-component/core' ;

   • يمثل إدخال الوحدة core الجزء الرئيسي من الوحدة النمطية ؛
   • تضمين الميزات الفرعية الاختيارية مباشرة. انظر وثائق المكون للحصول على التفاصيل.

    import '@exadel/esl/modules/esl-media/providers/iframe-provider' ;

   • تحتوي بعض الوحدات على all الإدخالات التراكمية.
   • يتم توزيع الأنماط في نسختين:
     • "جاهز للاستخدام" core.css أو core.less
     • نسخة MIXIN core.mixin.less لتعريف TAGNAME المخصص

3. [اختياري] تكوين بيئة الإعداد ، على سبيل المثال ، نقاط توقف الشاشة المخصصة:

    import { ESLScreenBreakpoints } from '@exadel/esl/modules/esl-media-query/core' ;
   
   // define XS screen breakpoint for up to 800px screen width
   ESLScreenBreakpoints . addCustomBreakpoint ( 'XS' , 1 , 800 ) ; 

4. سجل مكونات الويب عبر register الطريقة الثابتة: استدعاء:

    ESLImage . register ( ) ;

   يمكنك تمرير اسم العلامة المخصص إلى وظيفة "التسجيل" ، ولكن استخدم هذا الخيار فقط في موقف استثنائي.

---

معلومات تطوير المساهمين

إذا كنت جزءًا من فريق ESL أو ترغب في المساهمة في المشروع ، فيمكنك العثور على معلومات مفيدة حول عمليات واتفاقيات المشروع هنا:

• ؟ دليل المساهمة

• ؟ دليل التنمية

• ؟ اتفاقية ترخيص المساهم

---

ESL Core Team

الأشخاص الذين يحافظون على فكرة المهندسين المعماريين ، ويحتفظون بفكرة ESL

أليكسي ستسيفانوفيتش

جوليا موراشكو

يوليا آدمسكايا

Dmytro Shovchko

آنا بارمينا

Anastasiya Lesun

مساهمو ESL :

الأشخاص الذين يساهمون بنشاط في ESL

آنا ماريا بيتريك المطور	Feoktyst Shovchko المطور	ناتاليا هارشونوفا المطور	يانا بيرناتسكايا المطور	ناتالي سميرنوفا المطور
إرينا بافلينكو مصمم	Aliakesandr Auseyeu مستشار	أندريه بيلوس مستشار	Dzianis Mantsevich مستشار	ليوبو ماسيوك مستشار

Exadel ، Inc.