5 AngularJS Frameworks للحصول على تطبيقات وتشغيلها بسرعة

الآن بعد أن أصبحت على دراية جيدة بالأساسيات ، فقد حان الوقت للبدء بناء تطبيق الويب الخاص بك مع AngularJS. جعل AngularJS بناء تطبيق يستند إلى Javascript أكثر سهولة باستخدام ما يسمى توجيهات, الذي يعمل جنبا إلى جنب مع علامات HTML الخاص بك.

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

إليك 5 أطر عمل يمكنك استخدامها لبدء تطبيق يستند إلى الويب باستخدام AngularJS.

1. AngularUI Bootstrap

AngularUI Bootstrap, كما يوحي الاسم ، هو مبني على أعلى واحد من الأطر الأمامية الأكثر شعبية ، Bootstrap. يحتوي هذا الإطار على مجموعة من مكونات Bootstrap مثل Carousel و Alert و Collapse مع بعض الإضافات ، مثل Rating و TimePicker.

تم نقل كل هذه المكونات لاستخدام توجيهات AngularJS (نانوغرام تكرار و نانوغرام تحكم) وعناصر HTML المخصصة. على سبيل المثال ، بدلاً من استخدام

لف الكاروسيل ، يمكنك استخدام أكثر من ذلك “ذو معنى” عنصر مخصص, و :

إذا كنت من محبي Bootstrap وأنت تتمتع أيضًا بالقوة والأداء اللذين توفرهما AngularJS ، فقد يكون هذا اختيارًا مثاليًا للإطار.

2. الزاوي الأساس

إطار عمل شائع آخر تم نقله لاستخدام AngularJS هو Foundation ، وهو ببساطة مسمى “مؤسسة الزاوي”.

بشكل مشابه ، قام هذا الإطار بتعديل مكونات Foundation لتبني عناصر HTML التوجيهية والتوجيهية الخاصة بـ AngularJS حتى تتمكن الآن من إنشاء تطبيق الويب الخاص بك باستخدام تباطؤ عنصر HTML أكثر دلالة , , و , بدلا من الغموض

. فيما يلي مثال على كيفية إضافة مكون تنبيه مع جزء:

   alert.msg

إذا كنت ترغب في Foundation أفضل من Bootstrap ، فهذا هو الإطار المناسب. قم بتنزيل Angular Foundation في هذه الصفحة ، أو كن على اطلاع دائم بتطوير المشروع من خلال Github repo.

3. الأيونية الإطار

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

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

4. موبايل الزاوي واجهة المستخدم

واجهة المستخدم المحمول الزاوي هو إطار واجهة مستخدم محمول وهو امتداد لإطار عمل Bootstrap ، يهدف إلى إنشاء تطبيقات محمولة. يستخدم معظم بناء جملة Bootstrap 3 مع بعض المكونات المحمولة المحددة المضافة مثل المحولات ، التراكبات ، الأشرطة الجانبية والمناطق القابلة للتمرير. يعتمد فقط على AngularJS ويمكنك بسهولة تحويل تطبيق الويب الحالي الخاص بك إلى إصدار جوال من خلال إضافة CSS المقدم لتحويل المحتوى الخاص بك إلى استجابة وتمكين اللمس.

قم بتنزيل هذا الإطار هنا

5. واجهة المستخدم الشبكة

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

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

5 تطبيقات للتسوق من المنزل هذه العطلة

5 أدوات رهيبة من Kickstarter يستحق الشراء

5 تطبيقات أندرويد لشاشات قفل أقل مملة