مكتبة AngularJS

كما يعلم كل مبرمج ان لغة HTML هي لغة تستخدم في عرض النصوص والمحتويات الثابتة static content ولكن عندما يتعلق الأمر بتصميم عرض ديناميكي فعال في في صفحة الويب تكون هذه اللغة غير مجدية ويتطلب استخدام لغات برمجية اخرى للقيام بالعمليات الديناميكية, ولكن عبر مكتبة AngularJS تكون لغة HTML لغة ديناميكية فعالة.

نبذة عن ال AngularJS

AngularJS هي مكتبة واساس (framwork) مفتوحة المصدر مطورة بلغة JavaScript والمميز والرائع في هذه المكتبه انها تجعل من نفسها عبارة عن امتداد للـغة الـ HTML وهذا ما يجعلها فريدة من نوعها وبهذا تتميز عن بقية مكتبات الجافاسكريبت, هدف هذه المكتبة هو تبسيط كلاً من التطوير والأختبار لتطبيقات (الصفحة الواحدة) عبر الويب عبر انشاء هيكل model–view–controller) MVC) وفصل العرض والمظهر عن الكود البرمجي.

بدأ مشروع تطوير هذه المكتبه في عام 2009 عبر موضف شركة جوجل (ميسكو هيفري Miško Hevery) كمشروع متفوح المصدر Open Source ليشارك المجتمع بتطويرها بشكل دوري بترخيص من نوع MIT, والأن يتم دعم المكتبه من قبل فريق جوجل التطويري وهذا ما يعطيها شعبية كبيرة وثقة من قبل المطور وذلك لأنك تتعامل مع كود موثوق يتم صيانته بأستمرار من قبل احد اضفل الشركات التقنية في العالم.

تم اصدار النسخة 1.0 في عام 2012 كأول نسخة مستقرة ومعتمدة من هذه المكتبه. وحالياً اخر نسخة ثابته من مكتبة AngularJS هو 1.3.8  ديسمبر 19, 2014, وهذا قبل يوم من كتابتي لهذه المقالة, وهذا الرقم في تغير مستمر حيث ان التطوير والدعم لهذه المكتبة يستمر بشكل يومي وفعال.

اهم اساسيات AngularJS

  1. AngularJS Expression (التعبيرات): تكتب مابين حاصرتين مزدوجتين كالتالي {{ expression }} .
    الـ Expressions في هذه المكتبه هي مشابه تماما للـ  JavaScript expressions ومن الممكن تحتوي نصوص وعمليات وكذلك قيم
    مثال:  {{ 5 + 5 }} او {{ firstName + " " + lastName }}
  2. AngularJS Directives (التوجيهات) : ومن عبارة عن امتداد للـ HTML attributes مع البادئة ng-
    التوجيه ng-app يقوم بتهيئة تطبيق AngularJS .
    التوجيه ng-init  يقوم بتيئة بيانات التطبيق.
    التوجيه ng-model يقوم ربط تحكمات الـ HTML ك input, select, textarea وربطها مع بيانات التطبيق.
  3. AngularJS Controllers (التحكمات): يتم التحكم بتطبيقات AngularJS عن طريق التحكمات واللتي يتم تعريفها بهذه التوجيهة الخاصة ng-controller.
  4. AngularJS Filters (المرشحات):
    AngularJS filters can be used to transform data:

    Filter الوصف
    currency يقوم بتنسيق الارقام الى تنسيق عملة.
    filter تحديد مجموعة فرعية من العناصر من مصفوفة معينة.
    lowercase تنسيق النصوص لتكون حروف انجليزية صغيرة
    orderBy ترتيب مصفوفة Array حسب تعبير معين Expression
    uppercase تنسيق النصوص لتكون حروف انجليزية كبيرة

تعلم AngularJS:

يتطلب منك قبل تعلم هذه المكتبه تعلم اساسيات لغة JAVASCRIPT وايضاً خلفية بسيطة عن كيفية عمل النمط التصميم MVC ومميزاته.
تعلم AngularJS سهل وممتع مع المصادر المتوفرة عبر الانترنت, هذه بعض من أهم المصادر باللغة الأنجليزية لتعلم هذه المكتبة وايضاً سيكون هناك دروس قادمة تتكلم عن تفاصيل بعض النقاط لهذه المكتبة الرائعة!

  • موقع Code School يقدم دورة مجانية رائعة ومتميزة لتعليم AngularJS عن طريق مقطع فيديو تعريفي لكل فصل والتطبيق مباشرة في المتصفح.
    رابط الدورة
  • الموقع الشهير w3schools يقدم ايضاً دورة في تعليم AngularJS والتطبيق بشكل مباشر في المتصفح.
    رابط الدورة

شارك هاذا المقال !

لا توجد تعليقات

أضف تعليق