कोणीय-जावास्क्रिप्ट

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

क्या आपको AngularJS सीखना चाहिए? और वेब विकास में लागू करने के लिए इस तकनीक का क्या उपयोग किया जाता है? इन और अन्य प्रश्नों पर इस लेख में चर्चा की गई है।

AngularJS एक खुला स्रोत फ्रंट-एंड वेब ढांचा है जिसका उपयोग एकल पृष्ठ अनुप्रयोगों द्वारा प्रस्तुत बाधाओं को हल करने के लिए किया जाता है। वेब फ्रेमवर्क एक क्लाइंट-साइड मॉडल व्यू कंट्रोलर (MVC) और एक मॉडल व्यू मॉडल आर्किटेक्चर प्रदान करता है। यह ऐसे घटक भी प्रदान करता है जो आमतौर पर उन्नत इंटरनेट अनुप्रयोगों में पाए जाते हैं।

AngularJS का उपयोग mean -mern-stack/"> MEAN स्टैक के फ़्रंटएंड में किया जाता है, जो बहुत शक्तिशाली है, जिसमें एक MongoDB डेटाबेस , एक Express.js वेब अनुप्रयोग वेब सर्वर ढांचा, कोणीय JS और Node.js सर्वर रनटाइम वातावरण शामिल है।

मॉडल-व्यू-कंट्रोलर (MVC) क्या है ) वास्तुकला ?

एमवीसी आर्किटेक्चर एक सॉफ्टवेयर डिजाइन मॉडल है जिसका इस्तेमाल यूजर इंटरफेस (यूआई) को विकसित करने के लिए किया जाता है। वह तर्क को तीन परस्पर जुड़े भागों में विभाजित करता है।

आर्किटेक्चर को आपके कोड में आपके एप्लिकेशन के आंतरिक प्रतिनिधित्व को अलग करने के लिए लागू किया गया है। यह एक ऐसा तरीका है जो दर्शाता है कि उपयोगकर्ता की जानकारी कैसे प्रस्तुत की जाती है, उसके बाद उस जानकारी को कैसे स्वीकार किया जाता है।

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

Angular JS कैसे काम करता है

AngularJS एम्बेडेड HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) कोड पढ़ता है अद्वितीय HTML विशेषताओं के साथ।

हमारे लेख HTML में HTML फ़ॉर्म बनाने का तरीका जानें।

AngularJS इन विशेषताओं को कमांड के रूप में पढ़ सकता है। इन आदेशों का उपयोग पृष्ठ के कुछ हिस्सों को जावास्क्रिप्ट चर द्वारा दर्शाए गए मॉडल से बाँधने, प्रदर्शित करने या पढ़ने के लिए किया जाता है। इन चरों को आपके कोड संपादक में परिभाषित किया जा सकता है या स्थिर या गतिशील JSON संसाधनों से बुलाया जा सकता है।

JSON के बारे में अधिक जानें यहां हमारे लेख में।

द्वि-दिशात्मक डेटा बाइंडिंग

एंगूलर की सबसे महत्वपूर्ण विशेषताओं में से एक इसकी दो-तरफ़ा डेटा बाइंडिंग है। डेटा बाइंडिंग एक ऐसी तकनीक है जो प्रदाता और उपभोक्ता डेटा स्रोतों को सिंक्रनाइज़ करने के लिए जोड़ती है।

यह सुविधा -एंड-सर्वर मॉडल जिम्मेदारियों को वापस ले लेती है। टू-वे लिंकिंग के साथ, मॉडल को स्कोप में निहित डेटा के अनुसार सादे HTML में प्रस्तुत किया जाता है और मॉडल में परिभाषित किया जाता है।

AngularJS से संबंधित स्कोप क्या है

एमवीसी आर्किटेक्चर के ढांचे के भीतर, स्कोप मॉडल का गठन करता है। इसका मतलब यह है कि दायरे में परिभाषित सभी चर भी नियंत्रक के रूप में इसके दृश्य से पहुंच योग्य हैं।

स्कोप वह गोंद है जो दृश्य और नियंत्रक को एक साथ रखता है। एंगुलर में सर्विस मॉडल में बदलाव देखती है और कंट्रोलर का उपयोग करके एचटीएमएल को व्यू में बदल देती है। टेम्पलेट के HTML कोड में आवश्यक परिवर्तन परिलक्षित होते हैं। यह मैन्युअल रूप से DOM में हेरफेर करने की आवश्यकता को समाप्त करता है और वेब एप्लिकेशन के स्टार्टअप और रैपिड प्रोटोटाइप को प्रोत्साहित करता है।

DOM के बारे में यह लेख .

बूटस्ट्रैप और प्रोटोटाइप क्या है

प्रोटोटाइपिंग एक इंटरैक्टिव मॉकअप या प्रदर्शन है कि आपका वेब एप्लिकेशन कब दिखाई देगा यह लाइव हो जाता है। बूटस्ट्रैप आपके एप्लिकेशन में जल्दी से एक समान घटक बनाने के लिए बूटस्ट्रैप जैसी लाइब्रेरी का उपयोग करता है।

इस लेख में, हमने AngularJS के उपयोग, यह कैसे काम करता है, और कुछ महत्वपूर्ण विशेषताओं की पहचान के बारे में सीखा। हमने यह भी सीखा कि एंगुलर का क्या दायरा है और यह फ्रेमवर्क के एमवीसी आर्किटेक्चर के लिए कितना महत्वपूर्ण है। अंत में, हमने इस बारे में बात की कि बाइंडिंग क्या है और एंगुलर कैसे द्विदिश बाइंडिंग का उपयोग करता है। -vs-cplusplus /" target = "_ self" rel = "dofollow" class = "u192b9c6e077a24261fe72fb9ca537abc"> <स्टाइल मीडिया = "ऑल">। u192b9c6e077a24261fe72fb9ca537abc {पैडिंग: 0; मार्जिन: 0; पैडिंग- 1em! प्रदर्शन ब्लॉक को महत्वपूर्ण बनाएं; पैडिंग-बॉटम: 1em! महत्वपूर्ण 100% -वजन: 700; पृष्ठभूमि का रंग: #FFF; सीमा: 0! जरूरी ; लेफ्ट बॉर्डर: 4 पीएक्स इनहेरिट किया गया सॉलिड! जरूरी ; पाठ-सजावट: कोई नहीं} .u192b9c6e077a24261fe72fb9ca537abc: सक्रिय, .u192b9c6e077a24261fe72fb9ca537abc: होवर {अस्पष्टता: 1; संक्रमण: अस्पष्टता 250ms; वेबकिट-संक्रमण: अस्पष्टता 250msebground-fec62; wo संक्रमण: पृष्ठभूमि रंग 250 ms ; अस्पष्टता: 1 ; संक्रमण: अस्पष्टता 250 ms ; वेबकिट संक्रमण: अस्पष्टता 250 ms} u192b9c6e077a 24261fe72fb9ca537abc .postTitle {रंग: # 34495E; टेक्स्ट डेकोरेशन: अंडरलाइन! जरूरी ; फ़ॉन्ट आकार: 16px} पैडिंग-दाएं: 1em; "> " PLUS: JavaScript बनाम C++: अंतर और समानताएं

अब आप AngularJs के बारे में अधिक जानने की राह पर हैं। यह तो बस शुरुआत थी।