1: مقدمة Angular2

facebook-groupالسلام عليكم ورحمة الله وبركاته

وكما وعدناكم سنعود مع سلسلة من الحلقات التعليمية التي سنتطرق فيها للحديث عن تقنيات برمجة تطبيقات الموبايل باستخدام HTML5 مع AngularJs

وكبداية ستكون السلسلة الاولى متعلقة بAngularJs2

نعم قد طرحنا فيما سبق سلسلة عن angularJs فما الاختلاف الآن!

الفارق هو اننا سنتكلم ضمن هذه السلسلة عن اصدار جديد من angular الا وهو الاصدار الثاني angularJs2

ماهو Angular 2 ؟

angular2

عبارة عن اطار عمل جافا سكريبت مفتوح المصدر open source   يستخدم لبناء تطبيقات الويب باستخدام HTML & JS.

تم بناء angular 2  من قبل مبرمجي غوغل.

الهدف من بناء اطار العمل هذا هو التغلب على التحديات التي تواجه المبرمج عند برمجة تطبيقات الصفحة الواحدة Single page applications.

تم اصدار النسخة الاولية من اطار العمل في تشرين الاول 2010

سنتطرق ضمن هذه السلسلة التعليمية الى عدة جوانب مختلفة من اطار عمل Angular 2 التي تتضمن مايلي:

  • اساسيات اطار العمل basics of the framework
  • الاعدادات Setup of Angular 2
  • التعامل مع الجوانب المختلفة الموجودة في اطار العمل
  • امثلة تطبيقية مختلفة
  • في حلقات متقدمة سيتم الحديث عن
    • الواجهات Interfaces
    • المكونات المتداخلة nested components
    • الخدمات services
    • التوجيه routing
    • Modules
    • المصفوفات arrays

ملاحظة:

سنحافظ على اغلب المصطلحات التقنية المتعلقة ب angular 2  كما هي دون ترجمة, وان تمت ترجمتها فسنذكر المصطلح باللغة الانكليزية بجوارها, وذلك لانها تشكل كلمات اساسية ومفتاحية عند التعامل مع angular 2 فنسهل بذلك التطبيق العملي للقارئ.

المتطلبات

لكي تستطيع المتابعة معنا والاستفادة من هذه السلسلة, يتوجب عليك ان يكون لديك المام باساسيات تطوير الويب وجافا سكريبت, وذلك لكون اطار عمل angular 2  مبني على اساس اطار عمل javascript.poc-checklist-blog

ميزات Angular 2

فيما يلي سندرج اهم الميزات الموجودة ضمن Angular 2

  • Components – المكونات: ركزت النسخ الاولية من angular على المتحكمات controllers, ولكن الان مع النسخة الجديدة من angular قد تحول التركيز الى المكونات components بدلا من المتحكمات controllers.
    كما سنرى فيما بعد فإن ال components تساعد على بناء تطبيقات سهلة الصيانة والتعديل على مر الزمن
  • TypeScipt: تم بناء النسخة الحديثة من angular على اساس typescript.
  • Services – الخدمات: عبارة عن مجموعة من الاكواد البرمجية التي يمكن مشاركتها عبر عدة مكونات components ضمن الطبيق application.
    على سبيل المثال: في حال كان لديك مكون خاص بالمعطيات data components يستخدم لاحضار المعطيات من قاعدة المعطيات, عندها بإمكانك تحويله الى خدمة مشتركة shared service التي بالامكان استخدامها عبر عدة تطبيقات.
  • بالاضافة إلى ان angular 2 تتمتع بإمكانيات افضل من اصداراتها السابقة من حيث معالجة الاحداث event-handling, وتتميز بدعم افضل لاجهزة الموبايل.

image why angular 2

مم يتألف angular 2

يـتألف من المركبات التالية:

  • Modules: وتستخدم لتقسيم التطبيق الى عدة قطع برمجية. كل قطعة برمجية – او module– الهدف منه انجاز مهمة محددة.
  • Components: تستخدم بهدف تجميع ال modules مع بعضها البعض.
  • Templates– القوالب : تستخدم لتحديد واجهات العرض views ضمن تطبيق angular js
  • Metadata: تستخدم لاضافة المزيد من المعطيات الى angular class– سنطرق لشرحها فيما بعد
  • Service: تستخدم لبناء مكونات يمكن مشاركتها عبر التطبيق ككل.

سنتحدث بالتفصيل عن كل مركب من مركبات angular 2 في الحلقات القادمة من هذه السلسلة التعليمية7things2angular2

ماهذه الحلقة الى مجرد بوابة وتمهيد لما سنتطرق للحديث عنه في الحلقات القادمة

والى ذلك الحين استودعكم الله والسلام عليكم ورحمة الله وبركاته

 

الترجمة المصطلح
مفتوح المصدر Open source
جافا سكريبت Java script
اطار عمل framework
تطبيقات الصفحة الواحدة Single page application
المكونات Components
المتحكمات Controllers
الخدمات services
تطبيق application
واجهات العرض Views

المراجع:

  1. https://www.tutorialspoint.com/angular2/index.htm
  2. الموقع الرسمي https://angular.io/
Advertisements

, , , ,

  1. أضف تعليق

اترك رد

Please log in using one of these methods to post your comment:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s

%d مدونون معجبون بهذه: