Angular का परिचय

1. एंगुलर का परिचय

एंगुलर, गूगल द्वारा विकसित एक शक्तिशाली और लोकप्रिय जावास्क्रिप्ट फ्रेमवर्क है जिसका उपयोग गतिशील वेब एप्लिकेशन बनाने के लिए किया जाता है। यह फ्रंट-एंड डेवलपमेंट में एक महत्वपूर्ण उपकरण बन गया है, और इसके उपयोग से जटिल और स्केलेबल वेब एप्लिकेशन को कुशलतापूर्वक बनाया जा सकता है। यह लेख शुरुआती लोगों के लिए एंगुलर का विस्तृत परिचय है, जिसमें इसकी मूल अवधारणाओं, लाभों और बुनियादी संरचना पर ध्यान केंद्रित किया गया है।

एंगुलर क्या है?

एंगुलर एक टाइपस्क्रिप्ट-आधारित वेब फ्रेमवर्क है जो सिंगल पेज एप्लिकेशन (एसपीए) बनाने के लिए डिज़ाइन किया गया है। एसपीए ऐसे एप्लिकेशन होते हैं जो एक ही वेब पेज पर चलते हैं और उपयोगकर्ता के साथ इंटरैक्ट करते समय गतिशील रूप से सामग्री बदलते हैं, जिससे पेज को बार-बार रीलोड करने की आवश्यकता नहीं होती। एंगुलर, मॉडल-व्यू-कंट्रोलर (एमवीसी) आर्किटेक्चर पर आधारित है, जो एप्लिकेशन को तीन परस्पर संबंधित भागों में विभाजित करता है:

**मॉडल:** एप्लिकेशन का डेटा।
**व्यू:** उपयोगकर्ता इंटरफेस जो डेटा प्रदर्शित करता है।
**कंट्रोलर:** मॉडल और व्यू के बीच मध्यस्थ, जो उपयोगकर्ता की क्रियाओं को संभालता है और मॉडल को अपडेट करता है।

एंगुलर का उपयोग वेब एप्लिकेशन, मोबाइल एप्लिकेशन (जैसे आयोनिक के माध्यम से), और डेस्कटॉप एप्लिकेशन (जैसे इलेक्ट्रॉन के माध्यम से) बनाने के लिए किया जा सकता है।

एंगुलर के लाभ

एंगुलर के कई लाभ हैं जो इसे वेब डेवलपमेंट के लिए एक आकर्षक विकल्प बनाते हैं:

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

एंगुलर की बुनियादी संरचना

एक एंगुलर एप्लिकेशन में निम्नलिखित मुख्य घटक होते हैं:

**मॉड्यूल (Modules):** एंगुलर एप्लिकेशन मॉड्यूल में व्यवस्थित होते हैं। एक मॉड्यूल एक साथ संबंधित घटकों, सेवाओं और अन्य मॉड्यूल का एक संग्रह होता है। प्रत्येक एप्लिकेशन में कम से कम एक मॉड्यूल होता है, जिसे रूट मॉड्यूल कहा जाता है।
**घटक (Components):** घटक एंगुलर एप्लिकेशन की बुनियादी बिल्डिंग ब्लॉक होते हैं। प्रत्येक घटक में एक टेम्पलेट (HTML), एक क्लास (टाइपस्क्रिप्ट) और एक स्टाइलशीट (CSS) होती है।
**टेम्पलेट (Templates):** टेम्पलेट HTML कोड होते हैं जो उपयोगकर्ता इंटरफेस को परिभाषित करते हैं। टेम्पलेट में डेटा बाइंडिंग एक्सप्रेशन शामिल हो सकते हैं जो मॉडल से डेटा प्रदर्शित करते हैं।
**क्लास (Classes):** क्लास टाइपस्क्रिप्ट कोड होते हैं जो घटक के व्यवहार को परिभाषित करते हैं। क्लास में डेटा गुण और विधियाँ शामिल होती हैं जो उपयोगकर्ता की क्रियाओं को संभालती हैं और मॉडल को अपडेट करती हैं।
**सेवाएं (Services):** सेवाएं पुन: प्रयोज्य कोड होते हैं जो एप्लिकेशन के विभिन्न घटकों द्वारा उपयोग किए जा सकते हैं। सेवाओं का उपयोग डेटा प्राप्त करने, व्यावसायिक तर्क को लागू करने और अन्य कार्यों को करने के लिए किया जा सकता है।
**राउटिंग (Routing):** राउटिंग का उपयोग एप्लिकेशन के विभिन्न पृष्ठों के बीच नेविगेट करने के लिए किया जाता है। एंगुलर राउटिंग मॉड्यूल एप्लिकेशन के विभिन्न रास्तों को परिभाषित करने और उन रास्तों से जुड़े घटकों को लोड करने की अनुमति देता है।
**फॉर्म (Forms):** एंगुलर फॉर्म मॉड्यूल का उपयोग उपयोगकर्ता इनपुट को प्रबंधित करने और फ़ॉर्म को मान्य करने के लिए किया जाता है।

एंगुलर के साथ एक सरल एप्लिकेशन बनाना

यहां एंगुलर के साथ एक सरल एप्लिकेशन बनाने के चरण दिए गए हैं:

1. **नोड.जेएस और एनपीएम स्थापित करें:** एंगुलर को स्थापित करने और चलाने के लिए आपके कंप्यूटर पर नोड.जेएस और एनपीएम (नोड पैकेज मैनेजर) स्थापित होने चाहिए। 2. **एंगुलर सीएलआई स्थापित करें:** एंगुलर सीएलआई (कमांड लाइन इंटरफेस) एंगुलर एप्लिकेशन बनाने, बिल्डिंग और प्रबंधित करने के लिए एक शक्तिशाली उपकरण है। आप एनपीएम का उपयोग करके एंगुलर सीएलआई स्थापित कर सकते हैं:

   ```bash
   npm install -g @angular/cli
   ```

3. **एक नया एंगुलर एप्लिकेशन बनाएं:** एंगुलर सीएलआई का उपयोग करके एक नया एंगुलर एप्लिकेशन बनाएं:

   ```bash
   ng new my-first-app
   ```

4. **एप्लिकेशन निर्देशिका में नेविगेट करें:**

   ```bash
   cd my-first-app
   ```

5. **एप्लिकेशन चलाएं:**

   ```bash
   ng serve --open
   ```

   यह कमांड एप्लिकेशन को एक डेवलपमेंट सर्वर पर चलाएगा और इसे आपके डिफ़ॉल्ट ब्राउज़र में खोलेगा।

एंगुलर में डेटा बाइंडिंग

एंगुलर में डेटा बाइंडिंग मॉडल और व्यू के बीच डेटा को सिंक्रनाइज़ करने का एक शक्तिशाली तरीका है। एंगुलर चार प्रकार की डेटा बाइंडिंग प्रदान करता है:

**इंटरपोलेशन (Interpolation):** इंटरपोलेशन का उपयोग टेम्पलेट में मॉडल से डेटा प्रदर्शित करने के लिए किया जाता है। इंटरपोलेशन के लिए डबल कर्ली ब्रेसेस `{{ }}` का उपयोग किया जाता है।
**प्रॉपर्टी बाइंडिंग (Property Binding):** प्रॉपर्टी बाइंडिंग का उपयोग टेम्पलेट में HTML तत्वों के गुणों को मॉडल से डेटा से बांधने के लिए किया जाता है। प्रॉपर्टी बाइंडिंग के लिए वर्ग कोष्ठक `[]` का उपयोग किया जाता है।
**इवेंट बाइंडिंग (Event Binding):** इवेंट बाइंडिंग का उपयोग टेम्पलेट में HTML तत्वों से होने वाली घटनाओं (जैसे क्लिक, कीप्रेस) को मॉडल में विधियों से बांधने के लिए किया जाता है। इवेंट बाइंडिंग के लिए पैरेंथेसिस `()` का उपयोग किया जाता है।
**टू-वे बाइंडिंग (Two-way Binding):** टू-वे बाइंडिंग मॉडल और व्यू के बीच डेटा को दोनों दिशाओं में सिंक्रनाइज़ करता है। टू-वे बाइंडिंग के लिए `[(ngModel)]` का उपयोग किया जाता है।

एंगुलर में घटक

घटक एंगुलर एप्लिकेशन की बुनियादी बिल्डिंग ब्लॉक होते हैं। प्रत्येक घटक में एक टेम्पलेट, एक क्लास और एक स्टाइलशीट होती है। टेम्पलेट HTML कोड होता है जो उपयोगकर्ता इंटरफेस को परिभाषित करता है। क्लास टाइपस्क्रिप्ट कोड होता है जो घटक के व्यवहार को परिभाषित करता है। स्टाइलशीट CSS कोड होती है जो घटक की शैली को परिभाषित करती है।

एंगुलर में सेवाएं

सेवाएं पुन: प्रयोज्य कोड होते हैं जो एप्लिकेशन के विभिन्न घटकों द्वारा उपयोग किए जा सकते हैं। सेवाओं का उपयोग डेटा प्राप्त करने, व्यावसायिक तर्क को लागू करने और अन्य कार्यों को करने के लिए किया जा सकता है।

एंगुलर में राउटिंग

राउटिंग का उपयोग एप्लिकेशन के विभिन्न पृष्ठों के बीच नेविगेट करने के लिए किया जाता है। एंगुलर राउटिंग मॉड्यूल एप्लिकेशन के विभिन्न रास्तों को परिभाषित करने और उन रास्तों से जुड़े घटकों को लोड करने की अनुमति देता है।

एंगुलर में फॉर्म

एंगुलर फॉर्म मॉड्यूल का उपयोग उपयोगकर्ता इनपुट को प्रबंधित करने और फ़ॉर्म को मान्य करने के लिए किया जाता है। एंगुलर दो प्रकार के फॉर्म प्रदान करता है:

**टेम्पलेट-ड्रिवन फॉर्म:** टेम्पलेट-ड्रिवन फॉर्म HTML टेम्पलेट में परिभाषित किए जाते हैं और एंगुलर द्वारा स्वचालित रूप से प्रबंधित किए जाते हैं।
**रिएक्टिव फॉर्म:** रिएक्टिव फॉर्म टाइपस्क्रिप्ट क्लास में परिभाषित किए जाते हैं और एप्लिकेशन कोड द्वारा प्रबंधित किए जाते हैं।

आगे की पढ़ाई

एंगुलर एक जटिल फ्रेमवर्क है, और सीखने के लिए बहुत कुछ है। यहां कुछ संसाधन दिए गए हैं जो आपको एंगुलर के बारे में अधिक जानने में मदद कर सकते हैं:

बाइनरी ऑप्शन के साथ संबंध

हालांकि एंगुलर सीधे तौर पर बाइनरी ऑप्शन ट्रेडिंग से संबंधित नहीं है, लेकिन इसका उपयोग बाइनरी ऑप्शन ट्रेडिंग प्लेटफॉर्म और विश्लेषण टूल के फ्रंट-एंड को बनाने के लिए किया जा सकता है। एक कुशल और गतिशील उपयोगकर्ता इंटरफेस बनाने के लिए एंगुलर की क्षमता, ट्रेडिंग प्लेटफॉर्म को अधिक आकर्षक और उपयोगकर्ता के अनुकूल बना सकती है। उदाहरण के लिए, एंगुलर का उपयोग रीयल-टाइम डेटा प्रदर्शित करने, चार्ट बनाने और ट्रेडिंग ऑर्डर को प्रबंधित करने के लिए किया जा सकता है।

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

यह लेख एंगुलर का एक प्रारंभिक परिचय है। एंगुलर एक शक्तिशाली और बहुमुखी फ्रेमवर्क है जो जटिल वेब एप्लिकेशन बनाने के लिए कई सुविधाएँ प्रदान करता है।

अभी ट्रेडिंग शुरू करें

IQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5)

हमारे समुदाय में शामिल हों

हमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री