मेन्यू

कोणीय संस्करणों के बीच अंतर: कोणीय बनाम एंगुलरजेएस

  • मुख्य
  • अन्य
  • कोणीय संस्करणों के बीच अंतर: कोणीय बनाम एंगुलरजेएस

difference between angular versions

समस्याओं को खत्म करने के लिए हमारे साधन का प्रयास करें

विभिन्न कोणीय संस्करणों के बीच अंतर को समझना: कोणीयजेएस बनाम कोणीय 2, कोणीय 1 बनाम कोणीय 2, कोणीय 2 बनाम कोणीय 4 और कोणीय 5 बनाम कोणीय 6

हमने खोजबीन की एंगुलरजेएस का उपयोग करते हुए एसपीए का विकास करना हमारे पिछले ट्यूटोरियल में। यह ट्यूटोरियल कोणीय संस्करणों के बीच के अंतर के बारे में अधिक बताएगा।

लगभग एक दशक से विकास क्षेत्र में काम कर रहे किसी व्यक्ति के रूप में, मैंने देखा है कि कैसे प्रौद्योगिकी विकसित हुई है। यही हाल फ्रंट-एंड टेक्नोलॉजी का भी है। एक समय था जब HTML और CSS उद्योग पर हावी थे।

लेकिन आज, में अच्छे कौशल के बिना AngularJS , आप फ्रंट-एंड डेवलपर के रूप में एक अच्छा काम नहीं कर सकते। हमारे पढ़ने के लिए याद नहीं है शुरुआती के लिए AngularJS ट्यूटोरियल श्रृंखला ।

कोणीय संस्करण

ब्लॉकचेन प्रौद्योगिकी और नई ब्लॉकचेन-आधारित परियोजनाओं के आगमन के साथ, कई तह में एंगुलरजेएस में कुशल डेवलपर्स की मांग बढ़ गई है।

आप क्या सीखेंगे:

Angular और AngularJS के बारे में

यह परिचय उन लोगों के लिए बहुत उपयोगी होगा जो अंगुलर के बारे में ज्यादा नहीं जानते हैं।

कोणीय एक कंबल शब्द है, जिसका उपयोग उन सभी संस्करणों के लिए किया जाता है, जो AngularJS (Angular 1), यानी Angular 2, Angular 4, Angular 5 और अब Angular 6 के बाद आए हैं। इसमें वेब डिज़ाइन करने के लिए अब तक का नवीनतम और सबसे परिष्कृत ढांचा है। अनुप्रयोग जो गतिशील और उत्तरदायी है।

पिछले पांच वर्षों के दौरान, AngularJS काफी विकसित हुआ है। इसे पहली बार 2009 में पेश किया गया था और यह दो-तरफ़ा डेटा बाइंडिंग को सक्षम बनाता है। HTML को एक टेम्पलेट भाषा के रूप में उपयोग करते हुए, यह एक ऐसा वातावरण बनाता है जो विकसित होने के लिए त्वरित और आसानी से पठनीय है।

कोणीय डेवलपर्स को पुन: प्रयोज्य कोड बनाने की अनुमति देता है। इस प्रकार, डेवलपर्स को कोडिंग कम करनी पड़ती है, जिससे समय की बचत होती है और दक्षता बढ़ाने में मदद मिलती है। इस कारण AngularJS की वेब एप्लिकेशन डेवलपमेंट कंपनियां अब काफी मांग में हैं।

AngularJS या Angular के लिए ऑप्ट क्यों?

एंगुलरजेएस द्वारा पेश की जाने वाली सुविधाओं को ध्यान में रखते हुए, यह जावास्क्रिप्ट फ्रेमवर्क पर निर्मित उन्नत वेब एप्लिकेशन के विकास के लिए एक तार्किक विकल्प है, खासकर ब्लॉकचैन-आधारित समाधानों के लिए।

आज, सिंगल पेज एप्लिकेशन लोकप्रिय हैं क्योंकि वे बेहतर नेविगेशन की पेशकश करते हैं और इस तरह से जानकारी प्रस्तुत करते हैं जो समझने में बहुत आसान है। AngularJS का उपयोग महान सिंगल पेज एप्लिकेशन विकसित करने के लिए किया जा सकता है जो संतोषजनक उपयोगकर्ता अनुभव देते हैं।

Google डेवलपर्स की प्रतिभाशाली टीम द्वारा विकसित, एंगुलरजेएस को एक ठोस आधार, बड़ा समुदाय मिला है और अच्छी तरह से बनाए रखा गया है।

विभिन्न कोणीय संस्करणों के बीच अंतर

  • एंगुलरजेएस बनाम एंगुलर 2
  • कोणीय 1 बनाम कोणीय 2
  • कोणीय 2 बनाम कोणीय 4

AngularJS से शुरू (जिसे Angular 1 भी कहा जाता है), इसके बाद Angular 2 है, आज हमारे पास इस अत्यधिक विकसित तकनीक का Angular 6 संस्करण है।

आइए मतभेदों पर एक त्वरित नज़र डालें, जो आपके लिए अपग्रेड करना आसान होगा।

(1) प्रोग्रामिंग भाषा

कोणीय 1 ने एप्लिकेशन के निर्माण के लिए जावास्क्रिप्ट का उपयोग किया।

हालांकि, कोणीय 1 के उन्नयन के रूप में, कोणीय 2 टाइपस्क्रिप्ट का उपयोग करता है जो जावास्क्रिप्ट का सुपरसेट है और अधिक संरचनाओं और मजबूत कोड के निर्माण में मदद करता है।

जैसे-जैसे अपग्रेड आगे बढ़ा, टाइपस्क्रिप्ट वर्जन कम्पैटिबिलिटी को और भी अपग्रेड किया गया था जो कि टाइपस्क्रिप्ट 2.0 और 2.1 को सपोर्ट करता है।

जावास्क्रिप्ट

var angular1 = angular .module('uiroute', ('ui.router')); angular1.controller('CarController', function ($scope) { $scope.CarList = ('Audi', 'BMW', 'Bugatti', 'Jaguar'); });

(कोड यहाँ है: https://dzone.com/articles/learn-different-about-angular-1-angular-2-amp-angu )

टाइपप्रति

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app.module'; platformBrowserDynamic().bootstrapModule(AppModule); import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from '../app/app.component'; @NgModule({ imports: (BrowserModule), declarations: (AppComponent), bootstrap: (AppComponent) }) export class AppModule { } import { Component } from '@angular/core' @Component({ selector: 'app-loader', template: `

Welcome to Angular with ASP.NET Core and Visual Studio 2017

` }) export class AppComponent{}

(कोड यहाँ है: https://dzone.com/articles/learn-different-about-angular-1-angular-2-amp-angu )

# 2) वास्तुकला

जबकि AngularJS पर आधारित है MVC (मॉडल-व्यू-कंट्रोलर) डिजाइन, कोणीय का उपयोग करता है सेवाओं / नियंत्रक । इस प्रकार, यदि आप कोणीय 1 से कोणीय 2 में अपग्रेड कर रहे हैं, तो संभावना है कि आपको पूरे कोड को फिर से लिखना होगा।

कोणीय 4 में, बंडल का आकार 60% तक कम हो जाता है, जिससे त्वरित अनुप्रयोग विकास में मदद मिलती है।

मॉडल व्यू कंट्रोलर एंड सर्विसेस कंट्रोलर

युद्धक निजी सर्वर वैनिला की दुनिया

AngularJS MVC

Angularjs सेवा नियंत्रक

(छवि स्रोत dzone.com)

# 3) सिंटेक्स

AngularJS में आपको किसी इमेज / प्रॉपर्टी या किसी इवेंट को बाइंड करने के लिए सही इनकॉर्पोरेटिव याद रखना होगा।

हालांकि, एंगुलर (2 और 4) इवेंट बाइंडिंग के लिए '()' और प्रॉपर्टी बाइंडिंग के लिए '()' पर ध्यान केंद्रित करते हैं।

# 4) मोबाइल सपोर्ट

मोबाइल एप्लिकेशन विकास के लिए किसी भी इनबिल्ट समर्थन के बिना AngularJS पेश किया गया था। हालांकि, कोणीय देशी मोबाइल अनुप्रयोगों के निर्माण के लिए समर्थन प्रदान करता है, जो कि रिएक्टिव नेटिव ऑफर के समान है।

# 5) एसईओ अनुकूलित

AngularJS में एसईओ अनुकूलित अनुप्रयोगों के विकास के लिए, सर्वर साइड पर HTML का प्रतिपादन आवश्यक था। एंगुलर 2 और एंगुलर 4 में इस समस्या को खत्म कर दिया गया है।

# 6) प्रदर्शन

विशेष रूप से, AngularJS डिजाइनरों के लिए है। यह डेवलपर्स के साथ खेलने के लिए बहुत कुछ प्रदान नहीं करता है।

हालांकि, एंगुलर के पास डेवलपर की आवश्यकता का समर्थन करने के लिए कई घटक हैं, इसलिए यह एप्लिकेशन के समग्र प्रदर्शन में सुधार कर सकता है, खासकर गति और निर्भरता इंजेक्शन में।

# 7) एनिमेशन पैकेज

जब AngularJS पेश किया गया था, तो एनीमेशन के लिए आवश्यक कोड को हमेशा आवेदन में शामिल किया गया था, चाहे या नहीं। लेकिन कोणीय 4 में, एनीमेशन एक अलग पैकेज है जो बड़ी फ़ाइलों के बंडलों को डाउनलोड करने की आवश्यकता को समाप्त करता है।

AngularJS

एनीमेशन पैकेज-कोणीय जेएस

कोणीय ४

कोणीय ४

क्या आपको AngularJS से कोणीय में अपग्रेड करना चाहिए?

तकनीक के नए संस्करण में अपग्रेड करने की सलाह दी जाती है।

बेहतर सवाल है - में टोपी को कोणीय के एक नए संस्करण में अपग्रेड करने का सही समय है?

इसलिए,

  • यदि आप जटिल वेब एप्लिकेशन विकसित करना चाहते हैं, तो आपको निश्चित रूप से कोणीय के नए संस्करण में अपग्रेड करना होगा।
  • अगर आपको लगता है कि मोबाइल ऐप विकसित करना आपके लिए जरूरी है, तो इसे बेहतर तरीके से अपग्रेड करें।
  • यदि आप केवल छोटे वेब ऐप्स के विकास में हैं, तो AngularJS से बेहतर रहना चाहिए, क्योंकि Angular के नए संस्करण स्थापित करना अधिक जटिल है।

कोणीय 5 बनाम कोणीय 6

Google की टीम ने Angular 5 को कई नई सुविधाओं के साथ-साथ सेवा में सुधार और संस्करण 4 से बग फिक्स के साथ जारी किया है। Angular 5 बेहतर लोडिंग समय के साथ बहुत तेज है और बेहतर निष्पादन समय भी है।

लाइन में नवीनतम एंगुलर 6. है। Google की टीम के अनुसार, यह एक प्रमुख रिलीज़ है जो भविष्य में एंगुलर के साथ जल्दी से आगे बढ़ने के लिए टूलचेन को आसान बनाने पर केंद्रित है, और अंतर्निहित ढांचे पर कम है।

अद्यतन के एक नया CLI कमांड है जिसे Angular 6 के साथ पेश किया गया है। यह Package.json का विश्लेषण करता है और Angular के अपने ज्ञान का उपयोग करके आपके एप्लिकेशन को अपडेट की सिफारिश करता है।

एक और CLI कमांड जो पेश किया गया है जोड़ने के लिए जो आपके प्रोजेक्ट में नई क्षमताओं को जोड़ना आसान बनाता है। यह नई निर्भरताओं को डाउनलोड करने के लिए पैकेज प्रबंधक का उपयोग करता है। यह एक इंस्टॉलेशन स्क्रिप्ट भी ला सकता है जो कॉन्फ़िगरेशन परिवर्तन के साथ आपकी परियोजना को अपडेट कर सकती है और अतिरिक्त निर्भरता जोड़ सकती है।

कोणीय 6 आरएक्सजेएस के संस्करण 6 का समर्थन करता है। RxJS v6 और कई बड़े बदलाव हैं। यह एक बैकवर्ड कम्पैटिबिलिटी पैकेज rxjs- कॉमर्स प्रदान करता है जो सुनिश्चित करता है कि आपके एप्लिकेशन काम करते रहें।

निष्कर्ष

AngularJS के नए संस्करणों, यानी Angular 2, Angular 4, Angular 5 और Angular 6 में कई विशेषताएं हैं, लेकिन इसका मतलब यह नहीं है कि AngularJS अप्रचलित है। कई लोग अभी भी एक छोटे से वेब एप्लिकेशन को विकसित करने के लिए AngularJS का उपयोग कर रहे हैं।

लेकिन मेरा मानना ​​है कि, अभी या बाद में, उपयोगकर्ताओं को नए संस्करणों में अपग्रेड करना होगा क्योंकि Google टीम द्वारा पेश किए गए नए फीचर केवल नए संस्करणों में उपलब्ध होंगे।

इस प्रकार, यह जल्द से जल्द अपग्रेड करने की सलाह देता है क्योंकि एक नए संस्करण में माइग्रेट करने के लिए खरोंच से कोडिंग की आवश्यकता होगी।

अगले ट्यूटोरियल में, हम सीखेंगे कि AngularJS Applications के End-to-end टेस्टिंग के लिए Protractor टेस्टिंग टूल का उपयोग कैसे करें।

PREV ट्यूटोरियल | अगले ट्यूटोरियल

अनुशंसित पाठ

^