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