مرحبًا أصدقائي الأعزاء! اليوم سنتحدث عن فوائد Angular. إذا كنت تستخدم AngularJS ، فيجب عليك الترحيل من AngularJS إلى Angular. لماذا ا؟ اقرأ هذه المقالة واختر أفضل إطار عمل.
ما هو AngularJS؟
قبل أن نتحدث عن هذين الإطارين ، دعونا نفهم من هو. أحدثت AngularJS ثورة في الأطر التي تطور التطبيقات أحادية الصفحة (SPAs). تم إصدار Angular بمساعدة Google ، التي لا تزال تدعمه. وتم إصداره في عام 2010 ومنذ ذلك الحين ظهرت العديد من الإصدارات الجديدة من AngularJS. يعمل إطار العمل بمساعدة JavaScript ويتم إنشاؤه لتطوير تطبيقات الويب أحادية الصفحة. ما يميز Angular هو قدرته على تحويل HTML إلى سلاسل زمنية.
دعنا نتحدث عن عيوب AngularJS وستفهم سبب عدم كونها أفضل نسخة من إطار العمل. < / ص>
JavaScript. نعم ، على الرغم من أنه ملائم جدًا للعمل مع JavaScript ، ولكن بدونها لن تتمكن من القيام بأي شيء على الإطلاق في AngularJS. لذلك ، هناك مشكلة جديدة - في العديد من الأجهزة ، لا يتم دعم JS (نعم ، يبدو الأمر محزنًا). بالطبع ، لا توجد مثل هذه المشاكل على أجهزة الكمبيوتر المحمولة وأجهزة الكمبيوتر الجديدة ، ولكن إذا كنت تأخذ على سبيل المثال مراهقًا لديه كمبيوتر محمول قديم يريد تعلم AngularJS ، وهو ببساطة لا يشغل JavaScript. وتختفي الرغبة في تعلم شيء جديد.
صعب للمبتدئين. يمكن الوصول إلى بنية AngularJS تمامًا ، ولكن عندما تبدأ في التعرف على إطار العمل هذا لأول مرة ، فإنك تواجه العديد من المشكلات. لا يعرف الجميع كيفية التعامل مع التوجيهات والتبعيات في وقت واحد (وهذا أحد مكونات كود AngularJS) بالإضافة إلى ذلك ، هناك مهام يستحيل حلها بدون نفس التوجيهات ، ويبدأ المطور في الخوض في نظامه ، ويفقد الكثير من الوقت (على الرغم من أنه أمر رائع بالطبع عند تعلم شيء جديد) ، ولكن هناك شيء من هذا القبيل كموعد نهائي. عادة ما يحدد العميل مواعيد نهائية بوضوح ولا يريد الانتظار لفترة أطول من الوقت المحدد. لذلك ، على الرغم من توفر بنية AngularJS ، فقد تكون هناك مشاكل في العديد من الوظائف في هذه العملية.
MVC. لا يعرف الجميع كيفية التعامل معها. يستغرق الأمر أيضًا وقتًا طويلاً لفهم طريقة عمل MVC. صحيح أن معظمهم يتمتعون الآن بخبرة في العمل معها ، لكن المطورين التقليديين يواجهون هذه المشكلة. خلاصة القول هي أنك تحتاج إلى معرفة البرامج التي تحتاج إلى معرفتها للعمل مع AngularJS.
التوثيق من أجل التعليم. في الواقع ، لا يُقارن كثيرًا ببرنامج Angular. المبتدئين غير محظوظين حقًا مع AngularJS بطريقة ما. ومع ذلك ، فإن دراستها ستتعلم الكثير ، وتتعلم الكثير من البرامج ، وكلما عرف المطور أكثر كلما كان ذلك أفضل. ونظرًا لوجود القليل من الوثائق حول AngularJS ، فإن المبرمجين أنفسهم لديهم الكثير من المحاولات التي تستغرق وقتًا طويلاً.
مواطن الخلل. المنتجات التي تم إنشاؤها في AngularJS ديناميكية ، لذلك بدون أداء. قد تتسبب المحاولات الأولى لبدء البرنامج في حدوث أعطال وتأخيرات.
ما هو Angular 10؟
تشغل Angular 10 مساحة أقل من سابقاتها. الميزات الجديدة التي تمت إضافتها في هذا التنوع هي تحديد نطاق التاريخ المحسن في Angular Material وتنبيهات لاستيراد CommonJS. أضاف المطورون أيضًا ميزة جديدة - استبدال وحدات مجموعة ECMAScript عندما تؤدي الحزمة المعبأة مع CommonJS إلى برامج أكبر وأبطأ.
نصيحة احترافية: فحص جهاز الكمبيوتر الخاص بك بحثًا عن مشكلات الأداء والملفات غير المرغوب فيها والضارة التطبيقات والتهديدات الأمنية التي يمكن أن تسبب مشاكل في النظام أو تبطئ الأداء.
المسح المجاني لمشكلات الكمبيوتر 3.145.873 التنزيلات المتوافقة مع: Windows 10 و Windows 7 و Windows 8
عرض خاص. حول Outbyte ، تعليمات إلغاء التثبيت ، EULA ، سياسة الخصوصية.
بالإضافة إلى ذلك ، يقدم Angular 10 تكوينًا أكثر استراتيجية للمنتج عند إنشاء مساحة جديدة من ng new ، من خلال ng new –rict.
يسمح لك التمكين بتهيئة منتج بإعدادات جديدة لاكتشاف الأخطاء بشكل أفضل وتحسينات إضافية للبرنامج.
مزايا Angular 10:
خدمة اللغة. يمكن لمترجم خدمة اللغة الآن استخدام أكثر من نوع واحد للتحقق من الملفات باستخدام واجهة المنتج التي تنشئ ScriptInfos إذا لزم الأمر. يتم أيضًا إزالة بعض كيانات HTML ، مثل & amp ؛، & lt ؛، وما إلى ذلك. تم إجراء ذلك لحماية الأساس الداخلي لوظيفة Angular LS المتقلبة تمامًا في الأداء.
تكوين المتصفح. تم استبعاد المتصفحات القديمة وغير الشائعة الآن من Angular 10. يتم ذلك للترويج للمتصفحات الأحدث والأكثر ملاءمة. يتضمن هذا التحديث أيضًا التأثير الجانبي لتعطيل ES5 build تلقائيًا للمنتجات الجديدة. للقيام بذلك ، يجب على المطور إضافة المستعرضات المطلوبة إلى ملف .browserslist RC. لتمكين تصميمات ES5 والتحميل التفاضلي للمتصفحات.
تحديث المترجم . لم تتم ترقية المحول البرمجي أيضًا ، في هذا الإصدار من Angular ، أضاف المطورون واجهة للمترجم لالتفاف مترجم ngtsc الفعلي. تم إضافة مساحات الأسماء أيضًا بحيث يمكن قراءة الخصائص. بالإضافة إلى معلومات التبعية هذه ، تمت إضافة محددات محتوى ng ، Angular Language Service ، إلى البيانات الوصفية. وهو يدعم تمديد نطاق التكلفة الدقيق في تعبير ExpressionBinding microsyntax إلى ParsedProperty ، والذي بدوره يمكنه توسيع النطاق إلى قالب AST (كلاهما VE و Ivy).
Ngcc. تمت إضافة هذه الميزة بحيث يمكن بدء برنامج بحث عن نقطة الدخول استنادًا إلى برنامج تم إنشاؤه فقط للتعامل مع نقاط الإدخال التي حددها البرنامج بواسطة ملف tsconfig.json سيكون لديك حق الوصول. تعمل هذه الميزة على تحفيز عملية التبعيات بنقاط إدخال قليلة يتم استيرادها إلى المنتج. يمكن ترك مسار الحزمة العادي ونقطة الدخول خارج الملف ، لذا يساعد ذلك في التخلص من المصفوفات الفارغة.
تحسين الإنتاجية . نجح هذا عن طريق تقليل حجم نقطة الدخول. وميزة أخرى هي أن التخزين المؤقت للاعتماديات يحدث في بيان نقطة الدخول وتأتي المعلومات من هناك ، بدلاً من إجراء العمليات الحسابية في كل مرة. ما كان يتم فعله في كل مرة هو إنشاء مثيل للزاحف والآن يتم ذلك فقط عند الحاجة في TargetEntryPointFinder.
Typescript 3.9. TypeScript هي لغة قائمة على جافا سكريبت ، ولكن مع بناء جملة لإعلانات النوع والتعليقات التوضيحية. هذا الإصدار من TypeScript ، بالإضافة إلى التحقق من الأخطاء ، يعمل مع المترجم لبناء وتسريع كل شيء وتطبيع تشغيله.
الترجمة. واحدة من أفضل الميزات في هذا الإصدار من Angular هو القدرة على دمج مستندات ترجمة متعددة ، بينما تم تنزيل ملف واحد فقط في الإصدارات السابقة. أي أنه يمكن للمطورين الآن دمج ترجمات المستندات باستخدام معرف الرسالة. للقيام بذلك ، يجب عليك نقل المستند باعتباره الأهم إلى الترجمة الأولى والآخرين إلى وقت لاحق.
جهاز التوجيه. يمكن الآن لحارس أمان CanLoad العودة إلى Urltree في إصدار الركن 10. يلغي حارس CanLoad الذي تم إرجاعه بواسطة Urltree التنقل المتطور ويساعد في إعادة توجيه البيانات. يتوافق هذا مع السلوك الحالي للمدافعين CanActivate المتاحين ، والتي تمت إضافتها أيضًا على ما يبدو.
أساسية. ستتم الآن قراءة جميع التحذيرات على أنها أخطاء. هذه ليست ميزة سيئة ، ولكن يمكنها تشغيل الأدوات التي لا تتوقع تسجيل أي شيء من خلال خطأ console. هذا الإصدار الجديد من Generic يجعل من الضروري لـ ModuleWithProviders العمل مع خط أنابيب تجميع وعرض Ivy. هذا يضمن أنه في حالة استخدام المطور لمحرك العرض ، فلن يتم إصدار أي خطأ في الإصدار.
تحويل الشفرة إلى Ivy. يجب تحويل جميع التبعيات على Ivy من npm إلى تبعيات Ivy ، والتي يجب أن تحدث تمهيدًا لتشغيل ngtsc في التطبيق. بعد ذلك ، يجب إجراء جميع عمليات التجميع والربط المستقبلية في اتجاه تحويل إصدارات التبعيات.
الخلاصة
في هذه المقالة ، كتبت الأسباب التي تجعل Angular لا تزال أفضل من AngularJS. لم أقصد إقناع الجميع بنسيان AngularJS والانتقال إلى Angular 10. لا ، كل إطار عمل أفضل في شيء ما. الآن Angular 10 لديه كل الميزات الممكنة لإنشاء مشاريع غير مسبوقة ، لكن لا تنس أن عام أو عامين والإصدار الجديد سيكون أفضل من هذا. نصيحتي - تعلم قدر الإمكان ، ستكون جميع إصدارات أطر العمل مفيدة.
فيديو يوتيوب: لماذا يجب عليك ترقية تطبيقك من AngularJS إلى Angular
