मैं केवल एक js लाइब्रेरी जानता हूं और वह jQuery है ।
लेकिन समूह में मेरे अन्य कोडर AngularJS को नए प्रोजेक्ट में उनके डिफ़ॉल्ट पुस्तकालय के रूप में बदल रहे हैं ।
मैं इसके बारे में कुछ नहीं जानता। यह jQuery से कैसे भिन्न है?
मेरे पास पहले से ही jQuery में समान कार्यों के लिए किए गए कार्यों का एक सेट है। क्या मैं अभी भी AngularJS के साथ jQuery के सामान का उपयोग कर सकता हूं?
जवाबों:
डेवलपर्स के लिए, Angular2 स्क्रीन पर डेटा दिखाने से परे कुछ सुविधाएँ प्रदान करता है। उदाहरण के लिए, angular2 cli टूल का उपयोग करने से आपको अपने कोड को "प्री-कंपाइल" करने में मदद मिल सकती है और डाउनलोड आकार को 35Kish तक कम करने के लिए आवश्यक जावास्क्रिप्ट कोड ( ट्री- शेकिंग) उत्पन्न करना चाहिए।
यह सर्वर रेंडरिंग के लिए एक दरवाज़ा खोलता है जो एसईओ इश्यू को संबोधित कर सकता है और नेटिवस्क्रिप्ट आदि के साथ काम कर सकता है जो ब्राउज़र पर काम नहीं करता है।
संसाधन लिंक मूल: मूल रूप से, jQuery आपके लिए DOM तत्वों में हेरफेर और नियंत्रण करने का एक बढ़िया उपकरण है। यदि आप केवल DOM एलिमेंट और नो डेटा CRUD पर ध्यान केंद्रित करते हैं, जैसे कि वेब एप्लिकेशन नहीं वेबसाइट बनाना, jQuery शीर्ष टूल में से एक है। (आप इस उद्देश्य के लिए भी AngularJS का उपयोग कर सकते हैं।)
AngularJS एक ढांचा है । इसकी निम्नलिखित विशेषताएं हैं
इस प्रस्तुति और इस महान परिचय की जाँच करें
आधिकारिक डेवलपर मार्गदर्शिका पढ़ना न भूलें
या इसे इन भयानक वीडियो ट्यूटोरियल से सीखें
यदि आप अधिक ट्यूटोरियल वीडियो देखना चाहते हैं, तो इस पोस्ट को देखें, सबसे अच्छा 60+ AngularJS ट्यूटोरियल का संग्रह ।
आप किसी भी मुद्दे के बिना AngularJS के साथ jQuery का उपयोग कर सकते हैं।
वास्तव में, AngularJS इसमें jQuery लाइट का उपयोग करता है, जो एक महान उपकरण है।
क्या कोणीय jQuery पुस्तकालय का उपयोग करता है?
हां, यदि अनुप्रयोग बूट किया जा रहा है तो एंगुलर jQuery का उपयोग कर सकता है यदि यह आपके ऐप में मौजूद है। यदि jQuery आपके स्क्रिप्ट पथ में मौजूद नहीं है, तो Angular jQuery के सबसेट के अपने कार्यान्वयन पर वापस आता है जिसे हम jQLite कहते हैं।
हालाँकि, AngularJS नियंत्रकों में DOM को संशोधित करने के लिए jQuery का उपयोग करने का प्रयास न करें, इसे अपने निर्देशों में करें।
अपडेट करें:
Angular2 जारी किया गया है। यहां शुरुआत के लिए संसाधन की एक बड़ी सूची है
मैं एक डेवलपर के नजरिए से jQuery के साथ AngularJS अंतर के बारे में कुछ जोड़ना चाहता हूं ।
AngularJS में आपके पास एक बहुत ही संरचित दृश्य और दृष्टिकोण है जिसे आप पूरा करना चाहते हैं। यह एक कार्य को पूरा करने के लिए एक रैखिक फैशन का अनुसरण कर रहा है , लेकिन इसके बजाय, विभिन्न वस्तुओं के बीच के आदान-प्रदान अनुरोधों और कार्यों का ध्यान रखते हैं, जो कि तब आवश्यक है, क्योंकि कोणीय MVC- आधारित रूपरेखा है। इसमें अंतिम रूप से कम से कम सामान्य ब्लूप्रिंट की भी आवश्यकता होती है, क्योंकि कोडिंग इस बात पर निर्भर करती है कि आप कैसे बातचीत को पूरा करना चाहते हैं।
jQuery एक स्वतंत्र कविता की तरह है , आप लाइनें लिखते हैं और अपने कार्य को पूरा करने के लिए कुछ संबंधों और गति को उपयुक्त रखते हैं।
हालांकि, कोणीय जेएस में, आपको गति और संबंधों को उचित रखने के साथ-साथ कुछ नियमों का पालन करना चाहिए, शायद यह शास्त्रीय स्पेंसरियन सॉनेट (एक प्रसिद्ध शास्त्रीय कवि) की तरह है, जिसकी कविता संरचनात्मक और कई नियमों से जुड़ी है।
AngularJS की तुलना में, jQuery अधिक कोड और फ़ंक्शंस के संग्रह की तरह है (जो पहले से ही उल्लेख किया गया है, DOM मैनिपुलेशन और फास्ट-इफ़ेक्ट उपलब्धि के लिए महान है), जबकि AngularJS एक वास्तविक ढाँचा है जो डेवलपर को एंटरप्राइज़ वेब बनाने की क्षमता देता है एक शानदार व्यवस्थित मार्ग और प्रबंधन के भीतर बहुत सारे डेटा-बाइंडिंग और एक्सचेंज के साथ संबंध।
इसके अलावा, AngularJS को अपना कार्य पूरा करने के लिए jQuery पर कोई निर्भरता नहीं है। इसकी दो बहुत ही शानदार विशेषताएं हैं जो किसी भी मायने में jQuery में नहीं पाई जाती हैं:
1- कोणीय जेएस आपको सिखाता है कि कैसे CODE करें और एक लक्ष्य पूरा करें, न कि किसी भी तरह से एक लक्ष्य पूरा करें। यह उल्लेख करने के लिए कि एंगुलरजेएस पूरी तरह से जावास्क्रिप्ट के मूल और दिल का उपयोग करता है और आपके ऐप, डीआई (निर्भरता-इंजेक्शन) जैसी तकनीकों में आपको शामिल करने का मार्ग प्रशस्त करता है। कोणीयजेएस के साथ काम करने के लिए आपको जावास्क्रिप्ट के साथ कोडिंग की अधिक उन्नत तकनीकों को सीखना चाहिए (या करना चाहिए)।
2- कोणीय जेएस निर्देशों को संभालने और अपने ऐप को संरचना करने के लिए पूरी तरह से स्वतंत्र है; फिर आप बस यह दावा कर सकते हैं कि jQuery एक ही (स्वतंत्रता) कर सकता है, लेकिन, वास्तव में, AngularJS, जैसा कि ऊपर की पंक्तियों में कई बार उल्लेख किया गया है, को सबसे उत्कृष्ट संभव संरचनात्मक रूप से MVC- आधारित तरीके से स्वतंत्रता है।
एक अंतिम नोट यह है कि, नाम का कोई युद्ध नहीं है, क्योंकि यह पक्षपातपूर्ण या व्यक्तिपरक होने के लिए बहुत परेशान है। jQuery की परिमाण और महानता साबित हुई है, लेकिन उनके उपयोग और सीमाएं (किसी भी ढांचे या सॉफ़्टवेयर की) चर्चा और इसी तरह की बहस की चिंताएं हैं।
अपडेट करें:
AngularJS का उपयोग करना निर्णायक है क्योंकि यह कार्यान्वयन के मामले में महंगा है, लेकिन भविष्य के विस्तार, परिवर्तन और आवेदन के रखरखाव के लिए एक मजबूत आधार पाया जाता है। AngularJS वेब की नई दुनिया के लिए है। इसे उन अनुप्रयोगों के निर्माण की ओर लक्षित किया जाता है, जिनकी संरचना कम से कम संसाधन खपत (सर्वर से केवल आवश्यक संसाधन लोड करना), तेजी से प्रतिक्रिया समय और उच्च स्तर की स्थिरता और विस्तार योग्य संरचना के आसपास लिपटे रहती है।
AngularJS: AngularJS भारी वेब एप्लिकेशन विकसित करने के लिए है। AngularJS jQuery का उपयोग कर सकता है यदि यह वेब-ऐप में मौजूद है जब एप्लिकेशन बूटस्ट्रैप किया जा रहा है। यदि यह स्क्रिप्ट पथ में मौजूद नहीं है, तो AngularJS jQuery के सबसेट के अपने स्वयं के कार्यान्वयन पर वापस आ जाता है।
JQuery: jQuery एक छोटा, तेज़ और सुविधा संपन्न जावास्क्रिप्ट पुस्तकालय है। यह HTML डॉक्यूमेंट ट्रैवर्सल और हेरफेर, ईवेंट हैंडलिंग, एनीमेशन और अजाक्स जैसी चीजों को बहुत सरल बनाता है। AJAX कॉल और DOM हेरफेर जैसे जावास्क्रिप्ट से जावास्क्रिप्ट की बहुत सारी जटिल चीजों को सरल करता है।
अधिक विवरण यहां पढ़ें: angularjs-vs-jquery
मुझे लगता है कि यह संक्षेप में अंतर का वर्णन करने वाला एक बहुत अच्छा चार्ट है। इस पर एक त्वरित नज़र सबसे अंतर दिखाती है।
एक बात मैं जोड़ना चाहूंगा कि, AngularJS को MVVM डिज़ाइन पैटर्न का पालन करने के लिए बनाया जा सकता है जबकि jQuery मानक ऑब्जेक्ट ओरिएंटेड पैटर्न में से किसी का भी पालन नहीं करता है।
वे विभिन्न स्तरों पर काम करते हैं।
अंतर को देखने का सबसे सरल तरीका, शुरुआती दृष्टिकोण से यह है कि jQuery अनिवार्य रूप से जावास्क्रिप्ट का एक सार है, इसलिए जिस तरह से हम एक पृष्ठ को जावास्क्रिप्ट के लिए डिज़ाइन करते हैं वह बहुत अधिक है कि हम इसे jQuery के लिए कैसे करेंगे । DOM से शुरू करें फिर उसके ऊपर एक व्यवहार परत बनाएँ। Angular.Js के साथ ऐसा नहीं है । प्रक्रिया वास्तव में जमीन से शुरू होती है, इसलिए अंतिम परिणाम वांछित दृश्य है।
JQuery के साथ आप डोमिनर-हेरफेर करते हैं, Angular.Js के साथ आप पूरे वेब-एप्लिकेशन बनाते हैं।
jQuery को विभिन्न ब्राउज़र idiosyncracies को दूर करने के लिए बनाया गया था, और IE6 चेक और इसी तरह जोड़ने के लिए डोम के साथ काम करना चाहिए। समय के साथ, इसने एक अच्छा, मजबूत एपीआई विकसित किया, जिसने हमें बहुत सी चीजें करने की अनुमति दी, लेकिन इसके मूल में, इसका मतलब है कि डोम से निपटना, तत्वों को ढूंढना, यूआई बदलना, और इसी तरह। इसे सीधे नट और बोल्ट के साथ काम करने के बारे में सोचें।
MVC अवधारणाओं को फ्रंट एंड इंजीनियरिंग में जोड़ने के लिए Angular.Js को jQuery के ऊपर एक परत के रूप में बनाया गया था । DOM के साथ काम करने के लिए आपको API देने के बजाय, Angular.Js आपको डेटा-बाइंडिंग, टेम्प्लेटिंग, कस्टम घटक ( jQuery UI के समान , लेकिन JS के माध्यम से ट्रिगर करने के बजाय घोषणात्मक) और एक पूरी बहुत कुछ देता है। इसे उच्च स्तर पर काम करने के बारे में सोचें, ऐसे घटकों के साथ जो आप नट्स और बोल्ट स्तर पर सीधे बजाय, एक साथ हुक कर सकते हैं।
इसके अतिरिक्त , Angular.Js आपको संरचनाएं और अवधारणाएँ प्रदान करता है, जो विभिन्न परियोजनाओं पर लागू होती हैं, जैसे नियंत्रक, सेवा और निर्देश। jQuery ही एक ही काम करने के लिए कई (gazillion) तरीकों से इस्तेमाल किया जा सकता है। शुक्र है, यह एंगुलर.जेएस के साथ कम है , जिससे परियोजनाओं में प्रवेश करना और बाहर जाना आसान हो जाता है। यह कई लोगों के लिए एक ही परियोजना में योगदान करने के लिए एक सामान्य तरीका प्रदान करता है, बिना किसी सिस्टम को खरोंच से मुक्त करने के लिए।
एक छोटी तुलना यह हो सकती है-
और भी बहुत कुछ
सोचिये इससे मदद मिलती है।
अधिक पाया जा सकता है -
जक्वरी: -
jQuery is a lightweight and feature-rich JavaScript Library that helps web developers
by simplifying the usage of client-side scripting for web applications using JavaScript.
It extensively simplifies using JavaScript on a website and it’s lightweight as well as fast.
So, using jQuery, we can:
easily manipulate the contents of a webpage
apply styles to make UI more attractive
easy DOM traversal
effects and animation
simple to make AJAX calls and
utilities and much more… AngularJS: -
AngularJS is a product by none other the Search Engine Giant Google and it’s an open source
MVC-based framework(considered to be the best and only next generation framework). AngularJS
is a great tool for building highly rich client-side web applications.
As being a framework, it dictates us to follow some rules and a structured approach. It’s
not just a JavaScript library but a framework that is perfectly designed (framework tools
are designed to work together in a truly interconnected way).
In comparison of features jQuery Vs AngularJS, AngularJS simply offers more features:
Two-Way data binding
REST friendly
MVC-based Pattern
Deep Linking
Template
Form Validation
Dependency Injection
Localization
Full Testing Environment
Server Communication