एंगुलरजेएस का उपयोग कर एसपीए

यह ब्लॉग पोस्ट AngularJS का उपयोग कर एसपीए के निर्माण का एक संक्षिप्त परिचय है। यह ऐप्स में एसपीए घटकों को शामिल करने के लिए आवश्यक जानकारी के साथ आपको बांटने का प्रयास करता है।

आज, AngularJS मुख्य रूप से सबसे लोकप्रिय विकास ढांचे में से एक बन गया है, क्योंकि इसकी डेवलपर्स डेवलपर्स को आसानी से सिंगल पेज एप्लिकेशन (एसपीए) बनाने में मदद करने की क्षमता है। पारंपरिक वेब अनुप्रयोगों में, क्लाइंट (ब्राउज़र) एक पेज अनुरोध करके सर्वर के साथ एक संचार चैनल शुरू करता है। सर्वर अनुरोध को संसाधित करके और पृष्ठ के HTML को क्लाइंट को वापस भेजकर प्रतिक्रिया करता है। यदि उपयोगकर्ता एक नए पृष्ठ के लिए अनुरोध करता है, तो सर्वर एक और HTML पृष्ठ भेजता है। यहां तक ​​कि अगर ग्राहक एक छोटे से बदलाव के लिए कहता है, तो मूल विवरण के साथ एक फॉर्म कहो, पूरे पृष्ठ को सर्वर द्वारा फिर से लोड करना होगा और ग्राहक को वापस भेजना होगा।

HTML और अजाक्स अनुरोध

एकल पृष्ठ अनुप्रयोगों में, पूरे पृष्ठ को एक शॉट में लोड किया जाता है, और बाद में संचार Ajax अनुरोधों का उपयोग करके सर्वर द्वारा किया जाता है। ब्राउज़र को केवल उस पृष्ठ के हिस्से को अपडेट करना है जो बदल गया है और जब भी कोई उपयोगकर्ता नया अनुरोध करता है, तो पूरे पृष्ठ को पुनः लोड करने की आवश्यकता नहीं होती है।
चूंकि एसपीए दृष्टिकोण उपयोगकर्ता के अनुरोधों का जवाब देने के लिए सर्वर द्वारा लिए गए समय को कम कर देता है, वेब एप्लिकेशन तेजी से चलते हैं, कम कम्प्यूट पावर का उपयोग करते हैं, और उपयोगकर्ता इंटरफ़ेस (यूआई) डेवलपर्स को अधिक आकर्षक, फुर्तीले वेब पेज बनाने की अनुमति देते हैं।





शैल पृष्ठों का निर्माण

एसपीए में 'सिंगल पेज' एक ऐसे शेल पेज को संदर्भित करता है जो HTML, CSS या JavaScript के रूप में प्रश्नों का जवाब देता है। शेल पेज एसिंक्रोनस रूप से HTML के साथ प्रदान किया गया है, सर्वर पर आगे और पीछे की यात्रा की आवश्यकता को समाप्त करता है। शेल पृष्ठ को केवल AngularJS JavaScript लाइब्रेरी और एक एनजी-व्यू निर्देश (एक वर्चुअल कंटेनर जो UI डेवलपर्स को विचारों के बीच स्विच करने की अनुमति देता है) को AngularJS को बताने की आवश्यकता होती है, जहां शेल पेज पर सामग्री पृष्ठों को प्रस्तुत करने की आवश्यकता होती है।
एक ही 'सिंगल' पेज के भीतर, एंगुलरजेएस डेवलपर्स को एक ही URL के भीतर कई विचार प्रदान करने की अनुमति देता है। विचारों के विभिन्न सेट दिखाई दे सकते हैं - एक के बाद एक - एक ही खोल पृष्ठ के भीतर, और प्रत्येक दृश्य गतिशील रूप से लोड होता है जब उपयोगकर्ता पृष्ठ के माध्यम से स्क्रॉल करता है।

SPA-using-AngularJS-multiple-views



अंतर्निहित एंगुलरजेएस निर्देश - एनजी-ऐप - डेवलपर्स को ऐप को आरंभ करने की अनुमति देता है, साथ ही तीसरे पक्ष के निर्देशों को भी जोड़ने का विकल्प है। दूसरी ओर एनजी-मॉडल निर्देश, आपको मेमोरी में डेटा बाइंडिंग अभिव्यक्तियों को जोड़ने की अनुमति देता है। यहाँ एक नज़र रखना:

तारीख के लिए sql डेटा प्रकार

वैश्विक स्तर पर, डेवलपर्स ने एंगुलरजेएस का उपयोग करते हुए एसपीए को अपनाया है और सभी संभावना में, यह प्रवृत्ति थोड़ी देर तक चलने की उम्मीद है।



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

संबंधित पोस्ट: AngularJS के साथ सफल वेब विकास कैरियर