- بواسطة x32x01 ||
ما هو إطار ANGULAR، أهم ميزاته، سلبياته و متى تستخدمه ؟
للـ Angular تاريخ عميق قليلا، فهي أول إطار عمل (Framwrok) من تطوير شركة جوجل العملاقة، أول إصدار لها كان سنة 2016 و حملت إسم AngularJS، و كانت حينها تستخدم بشكل كبير فقط في صناعة صفحات الويب SAP او Single Application Page و هي مواقع الويب التي تقوم بعملها دون تحديث الصفحة ( مثلا عند البحث في جوجل ستجد انه أخذك لصفحة نتائج البحث دون تحديث الصفحة )، ثم بعدها جائت إصدارات أخرى مثل إصدار Angular 2 سنة 2017 إلى حين إصدار Angular 9 مع إصدار Angular 10-11 مؤخرا في نسخة غير مستقرة. تعتمد الـ Angular على معمارية MVC بحيث تفصل بين العمل الخلفي الذي يتم من خلاله بناء قواعد المشروع، و العمل الأمامي الذي يتم من خلاله بناء واجهة المشروع، و هو ما يميز Angular على إطارات جافاسكربت أخرى.
ميزات الـ Angular : حين تنتقل الى الـ Angular ستصادف الكثير من الميزات في هذا الإطار، أولا و لأن الـ Angular يعتمد على الـ TypeScript فإنك ستجد سهولة كبيرة في كتابة الكود البرمجي بالجافاسكربت و ستختصر عليك الكثير في أسطر قليلة. يعتمد الـ Angular في بيئة عمله على صناعة Components و هي أجزاء في صفحة الويب مثلا Component خاص بالتسجيل، و Component خاص بالبحث و ما الى ذلك، و في الصفحات التي تقوم ببنائها كل ما عليك فعله هو تركيب الوسم (Tag) الخاص بالـ Component من أجل إشتغاله، مثلا <login></login>، و هذا يبرز سهولة في إنشاء صفحات الويب بكل سهولة. سهولة تعديل الكود في الـ Angular مثالية جدا، فبفضل تقسيم الـ Compontents سيمكنك صناعة التحكم في جزء واحد من المشروع دون التأثير على باقي الأجزاء، و لإعتمادها على الجافاسكربت سيمكنك تنصيب مكتبات أخرى او إستخدام تقنيات أخرى تتماشى معها في المشروع البرمجي مثل Webpack لإدارة موارد المشروع. اما الميزة الأكبر للـ Angular أنها ليست محصورة فقط على مواقع الويب، بل متاحة لتطوير حتى تطبيقات الموبايل و تطبيقات سطح المكتب.
.
سلبيات الـ Angular : بالرغم من أنه إطار إحترافي و مثالي، لكنه يأتي بمجموعة من الـ Assets التي توجب ان تكون لديك نظرة قبلية عليها مثل الـ TypeScript، ناهيك على انه ننصحك بتعلم الـ Angular في نسخته الأخيرة، فللأسف نجد أحيانا تغيير جذري او كبير جدا في الكود الخاص بالـ Angular بين النسخ مما يجعل إستمرارية تحسين التطوير أمر صعب. تعدادية دعم المنصات سلبية أحيانا، بحيث ان تطوير تطبيق ويب بالـ Angular مختلف عن تطوير تطبيق موبايل و مختلف عن تطوير تطبيق سطح المكتب، و ستجد نفسك كما لو كنت تطور بإطار آخر كليا. آداء الـ Angular ضعيف نسبيا مقارنة مع الـ Vuejs و React و سنرى هذا في المقارنة النهائية، قد تلاحظ ان الـ vuejs أسرع من حيث الآداء مثلا. متى تستخدم الـ Angular ؟ في كل مرة تريد إنشاء منصة ويب متكاملة و حركية ذات ديناميكية وحيدة (SPA)، او حين تريد فقط إنشاء موقع بشكل أكثر إحترافية فإن الـ Angular جيدة لك، يمكن أيضا إعتماد الـ Angular في تطوير تطبيقات سطح المكتب بحيث توفر سهولة في الإستخدام و العمل. تقنيا لا ننصحك بإستخدام الـ Angular في تطوير تطبيقات الموبايل إذ لازال يلزمها الكثير من أجل تهيئة تطبيق صحيح من حيث الهيكلة.
للـ Angular تاريخ عميق قليلا، فهي أول إطار عمل (Framwrok) من تطوير شركة جوجل العملاقة، أول إصدار لها كان سنة 2016 و حملت إسم AngularJS، و كانت حينها تستخدم بشكل كبير فقط في صناعة صفحات الويب SAP او Single Application Page و هي مواقع الويب التي تقوم بعملها دون تحديث الصفحة ( مثلا عند البحث في جوجل ستجد انه أخذك لصفحة نتائج البحث دون تحديث الصفحة )، ثم بعدها جائت إصدارات أخرى مثل إصدار Angular 2 سنة 2017 إلى حين إصدار Angular 9 مع إصدار Angular 10-11 مؤخرا في نسخة غير مستقرة. تعتمد الـ Angular على معمارية MVC بحيث تفصل بين العمل الخلفي الذي يتم من خلاله بناء قواعد المشروع، و العمل الأمامي الذي يتم من خلاله بناء واجهة المشروع، و هو ما يميز Angular على إطارات جافاسكربت أخرى.
ميزات الـ Angular : حين تنتقل الى الـ Angular ستصادف الكثير من الميزات في هذا الإطار، أولا و لأن الـ Angular يعتمد على الـ TypeScript فإنك ستجد سهولة كبيرة في كتابة الكود البرمجي بالجافاسكربت و ستختصر عليك الكثير في أسطر قليلة. يعتمد الـ Angular في بيئة عمله على صناعة Components و هي أجزاء في صفحة الويب مثلا Component خاص بالتسجيل، و Component خاص بالبحث و ما الى ذلك، و في الصفحات التي تقوم ببنائها كل ما عليك فعله هو تركيب الوسم (Tag) الخاص بالـ Component من أجل إشتغاله، مثلا <login></login>، و هذا يبرز سهولة في إنشاء صفحات الويب بكل سهولة. سهولة تعديل الكود في الـ Angular مثالية جدا، فبفضل تقسيم الـ Compontents سيمكنك صناعة التحكم في جزء واحد من المشروع دون التأثير على باقي الأجزاء، و لإعتمادها على الجافاسكربت سيمكنك تنصيب مكتبات أخرى او إستخدام تقنيات أخرى تتماشى معها في المشروع البرمجي مثل Webpack لإدارة موارد المشروع. اما الميزة الأكبر للـ Angular أنها ليست محصورة فقط على مواقع الويب، بل متاحة لتطوير حتى تطبيقات الموبايل و تطبيقات سطح المكتب.
.
سلبيات الـ Angular : بالرغم من أنه إطار إحترافي و مثالي، لكنه يأتي بمجموعة من الـ Assets التي توجب ان تكون لديك نظرة قبلية عليها مثل الـ TypeScript، ناهيك على انه ننصحك بتعلم الـ Angular في نسخته الأخيرة، فللأسف نجد أحيانا تغيير جذري او كبير جدا في الكود الخاص بالـ Angular بين النسخ مما يجعل إستمرارية تحسين التطوير أمر صعب. تعدادية دعم المنصات سلبية أحيانا، بحيث ان تطوير تطبيق ويب بالـ Angular مختلف عن تطوير تطبيق موبايل و مختلف عن تطوير تطبيق سطح المكتب، و ستجد نفسك كما لو كنت تطور بإطار آخر كليا. آداء الـ Angular ضعيف نسبيا مقارنة مع الـ Vuejs و React و سنرى هذا في المقارنة النهائية، قد تلاحظ ان الـ vuejs أسرع من حيث الآداء مثلا. متى تستخدم الـ Angular ؟ في كل مرة تريد إنشاء منصة ويب متكاملة و حركية ذات ديناميكية وحيدة (SPA)، او حين تريد فقط إنشاء موقع بشكل أكثر إحترافية فإن الـ Angular جيدة لك، يمكن أيضا إعتماد الـ Angular في تطوير تطبيقات سطح المكتب بحيث توفر سهولة في الإستخدام و العمل. تقنيا لا ننصحك بإستخدام الـ Angular في تطوير تطبيقات الموبايل إذ لازال يلزمها الكثير من أجل تهيئة تطبيق صحيح من حيث الهيكلة.