AngularJS क्या है? परिचय, Archiतकनीक और विशेषताएं
जेम्स हार्टमैन
एंगुलरजेएस क्या है?
AngularJS एक ओपन-सोर्स मॉडल-व्यू-कंट्रोलर फ्रेमवर्क है जो इसके समान है Javaलिपि फ्रेमवर्क। AngularJS शायद आज उपलब्ध सबसे लोकप्रिय आधुनिक वेब फ्रेमवर्क में से एक है। इस फ्रेमवर्क का उपयोग ज़्यादातर सिंगल पेज एप्लिकेशन विकसित करने के लिए किया जाता है। इस फ्रेमवर्क को Google के ही डेवलपर्स के एक समूह द्वारा विकसित किया गया है।
Google के अपार समर्थन और व्यापक समुदाय मंच से मिले विचारों के कारण, फ्रेमवर्क को हमेशा अद्यतित रखा जाता है। साथ ही, यह हमेशा बाजार में नवीनतम विकास रुझानों को शामिल करता है।
AngularJS Archiटेक्चर
Angular.js MVC आर्किटेक्चर का अनुसरण करता है, MVC फ्रेमवर्क का आरेख नीचे दिखाया गया है:
- नियंत्रक उस परत का प्रतिनिधित्व करता है जिसमें व्यावसायिक तर्क होता है। उपयोगकर्ता ईवेंट आपके नियंत्रक के अंदर संग्रहीत फ़ंक्शन को ट्रिगर करते हैं। उपयोगकर्ता ईवेंट नियंत्रक का हिस्सा हैं।
- दृश्यों का उपयोग प्रस्तुति परत को दर्शाने के लिए किया जाता है जो अंतिम उपयोगकर्ताओं को प्रदान की जाती है
- मॉडल का उपयोग आपके डेटा को दर्शाने के लिए किया जाता है। आपके मॉडल में डेटा सिर्फ़ आदिम घोषणाओं के रूप में सरल हो सकता है। उदाहरण के लिए, यदि आप एक छात्र आवेदन का रखरखाव कर रहे हैं, तो आपके डेटा मॉडल में सिर्फ़ एक छात्र आईडी और एक नाम हो सकता है। या यह एक संरचित डेटा मॉडल होने से जटिल भी हो सकता है। यदि आप एक कार स्वामित्व आवेदन का रखरखाव कर रहे हैं, तो आप वाहन को उसकी इंजन क्षमता, बैठने की क्षमता आदि के संदर्भ में परिभाषित करने के लिए संरचनाएँ रख सकते हैं।
एंगुलरजेएस की विशेषताएं
एंगुलर में निम्नलिखित प्रमुख विशेषताएं हैं जो इसे बाजार में सबसे शक्तिशाली फ्रेमवर्क में से एक बनाती हैं:
- MVC - यह ढांचा प्रसिद्ध अवधारणा पर बनाया गया है एमवीसी (मॉडल-व्यू-नियंत्रक)यह एक डिज़ाइन पैटर्न है जिसका उपयोग सभी आधुनिक वेब अनुप्रयोगों में किया जाता है। यह पैटर्न बिजनेस लॉजिक लेयर, डेटा लेयर और प्रेजेंटेशन लेयर को अलग-अलग खंडों में विभाजित करने पर आधारित है। विभिन्न खंडों में विभाजन इसलिए किया जाता है ताकि प्रत्येक को अधिक आसानी से प्रबंधित किया जा सके।
- डेटा मॉडल बाइंडिंग - आपको HTML कंट्रोल्स में डेटा को बांधने के लिए विशेष कोड लिखने की आवश्यकता नहीं है। यह काम Angular द्वारा कोड के कुछ स्निपेट जोड़कर किया जा सकता है।
- कम कोड लिखना - DOM हेरफेर करते समय बहुत सारे Javaलिपि किसी भी एप्लिकेशन को डिज़ाइन करने के लिए कोड लिखना ज़रूरी था। लेकिन Angular के साथ, आप यह देखकर हैरान रह जाएँगे कि DOM मैनिपुलेशन के लिए आपको कम कोड लिखना होगा।
- इकाई परीक्षण तैयार - गूगल के डिजाइनरों ने न केवल एंगुलर विकसित किया, बल्कि "कर्मा" नामक एक परीक्षण ढांचा भी विकसित किया जो एंगुलरजेएस अनुप्रयोगों के लिए यूनिट परीक्षणों को डिजाइन करने में मदद करता है।
AngularJS के लाभ
AngularJS के लाभ इस प्रकार हैं:
- चूंकि यह एक ओपन सोर्स फ्रेमवर्क है, इसलिए आप त्रुटियों या समस्याओं की संख्या न्यूनतम होने की उम्मीद कर सकते हैं।
- टू-वे बाइंडिंग - Angular.js डेटा और प्रेजेंटेशन लेयर को सिंक में रखता है। अब आपको अतिरिक्त लिखने की ज़रूरत नहीं है Javaआपके HTML कोड में डेटा और बाद में आपके डेटा को सिंक में रखने के लिए स्क्रिप्ट कोड। Angular.js आपके लिए यह काम अपने आप कर देगा। आपको बस यह निर्दिष्ट करना होगा कि कौन सा नियंत्रण आपके मॉडल के किस भाग से जुड़ा है।
- रूटिंग – Angular रूटिंग का ध्यान रख सकता है जिसका मतलब है एक दृश्य से दूसरे दृश्य में जाना। यह सिंगल पेज एप्लीकेशन का मुख्य मूलभूत तत्व है; जिसमें आप उपयोगकर्ता इंटरैक्शन के आधार पर अपने वेब एप्लीकेशन में विभिन्न कार्यक्षमताओं पर जा सकते हैं लेकिन फिर भी एक ही पेज पर बने रह सकते हैं।
- Angular परीक्षण का समर्थन करता है, दोनों इकाई का परीक्षण, तथा एकीकरण जांच.
- यह HTML को अपने स्वयं के तत्व प्रदान करके विस्तारित करता है जिन्हें निर्देश कहा जाता है। उच्च स्तर पर, निर्देश एक DOM तत्व (जैसे एक विशेषता, तत्व का नाम और टिप्पणी या CSS वर्ग) पर मार्कर होते हैं जो AngularJS के HTML कंपाइलर को उस DOM तत्व में एक निर्दिष्ट व्यवहार संलग्न करने के लिए कहते हैं। ये निर्देश आपके वेब एप्लिकेशन को अधिक शक्ति देने के लिए मौजूदा HTML तत्वों की कार्यक्षमता को बढ़ाने में मदद करते हैं।
